1. Human Computer Interaction Slide 1
Lecturer: Gokhan GUMUS

2. Welcome to HCI
Before we start....
Lecturer: Gokhan GUMUS

3. Welcome to HCI
Before we start.... 15
Lecturer: Gokhan GUMUS

4. Welcome to HCI
Before we start....
Lecturer: Gokhan GUMUS

5. Your presentations must fit for the recommendations.
Welcome to HCI
Pay attention the deadlines for homeworks. The late submitted homeworks will not be accepted.
At this course your homeworks are related to prototyping. Threfore it is better to get idea about what is prototype and how to develop prototype. Accordingly this point various sources are going to be shared.
Your presentations must fit for the recommendations.
There won’t be any bonus question in the exams but the questions from presentations will be asked.
Lecturer: Gokhan GUMUS

6. If you have any question...
Lecturer: Gokhan GUMUS

7. The source selection...
The course is related to user satisfaction and interacting with end users, therefore the source book selection was important.
For this course “Designing With The Mind In Mind - Simple Guide To Understanding User Interface Design Rules ” book has been selected among 7 alternatives, because it has been published at 2010 and having easy to understand aproach. But “Simple and Usable Web, Mobile, and Interaction Design” book can also gives you small hints about HCI...
Lecturer: Gokhan GUMUS

8. Human Computer Interaction 3rd edition(Dix, Fınlay, Abowd, Beale)
The source selection...
Beside from mentioned books there are some other resources were also used like;
and slides of;
Human Computer Interaction 3rd edition(Dix, Fınlay, Abowd, Beale)
Lecturer: Gokhan GUMUS

9. About this issue there are two examples can be shown;
What is Prototyping ?
Because your homeworks are related to submitting prototyping, you should clearly understand what prototyping is.
About this issue there are two examples can be shown;
SOFTWARE
HARDWARE
Lecturer: Gokhan GUMUS

10. Let us guess some prototypes...
What is Prototyping ?
Let us guess some prototypes...
Lecturer: Gokhan GUMUS

11. Let us guess some prototypes...
What is Prototyping ?
Let us guess some prototypes...
Lecturer: Gokhan GUMUS

12. Let us guess some prototypes...
What is Prototyping ?
Let us guess some prototypes...
Lecturer: Gokhan GUMUS

13. Let us guess some prototypes...
What is Prototyping ?
Let us guess some prototypes...
Lecturer: Gokhan GUMUS

14. Brainstorming Prototyping Evaluating Testing What is Prototyping ?
Lecturer: Gokhan GUMUS

15. What is Prototyping ?
So “What is prototype?”
A prototype is an early sample, model or release of a product built to test a concept or process or to act as a thing to be replicated or learned from. It is a term used in a variety of contexts, including semantics, design, electronics, and software programming. A prototype is designed to test and trial a new design to enhance precision by system analysts and users. Prototyping serves to provide specifications for a real, working system rather than a theoretical one.
Lecturer: Gokhan GUMUS

16. Which one of the given below is a prototype?
Why Prototyping ?
Which one of the given below is a prototype?
Lecturer: Gokhan GUMUS

17. Do we need to apply prototyping in all projects?
Why Prototyping ?
Do we need to apply prototyping in all projects?
This depends on condition. Because prototyping is time and money consuming process, but at the same time it reduces the risks or mis-understandings.
Before you develop any prototyping, it is better to know that for whom you are developing the prototype. Because, expectations of managers, end-users, coders and designers are different to each other.
Lecturer: Gokhan GUMUS

18. Why we need to use Prototyping?
Why Prototyping ?
Why we need to use Prototyping?
Evaluation and feedback are central to interaction design
Developers can test feasibility of ideas with team, users
Stakeholders can see, hold, interact with a prototype more easily than a document or a drawing
Team members and users can communicate effectively
To validate existing / other requirements
It encourages reflection: very important aspect of design
Prototypes answer questions, and support designers in choosing between alternatives
Lecturer: Gokhan GUMUS

19. Low-fidelity Prototype
Types of Prototypes
Low-fidelity Prototype
Uses a medium which is unlike the final medium, e.g. paper, cardboard
Is quick, cheap and easily changed
Examples:
Storyboard
Lecturer: Gokhan GUMUS

20. Low-fidelity Prototype
Types of Prototypes
Low-fidelity Prototype
Uses a medium which is unlike the final medium, e.g. paper, cardboard
Is quick, cheap and easily changed
Examples:
Sketching
Lecturer: Gokhan GUMUS

21. Low-fidelity Prototype
Types of Prototypes
Low-fidelity Prototype
Uses a medium which is unlike the final medium, e.g. paper, cardboard
Is quick, cheap and easily changed
Examples:
Using Office Supplies
Lecturer: Gokhan GUMUS

22. High-fidelity Prototype
Types of Prototypes
High-fidelity Prototype
Uses materials that you would expect to be in the final product.
Prototype looks more like the final system than a low-fidelity version.
For a high-fidelity software prototype common environments include Macromedia Director, Visual Basic, and Smalltalk.
Danger that users think they have a full system…….see compromises
Lecturer: Gokhan GUMUS

23. High-fidelity Prototype
Types of Prototypes
High-fidelity Prototype
Benefits
More realistic
Closer to final product
Good for developers and users
Can collect metrics
Limitations
More expensive, less rapid
Reluctance to change
EXAMPLE 1...
EXAMPLE 2...
Lecturer: Gokhan GUMUS