Human Computer Interaction Slide 1 Lecturer: Gokhan GUMUS

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

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

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

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

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

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

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; https://www.coursera.org/course/hci http://www.lynda.com/Web-Interaction-Design-tutorials/Foundations-UX-Prototyping/133349-2.html?srchtrk=index:1%0Alinktypeid:2%0Aq:ux%0Apage:1%0As:relevance%0Asa:true%0Aproducttypeid:2 and slides of; Human Computer Interaction 3rd edition(Dix, Fınlay, Abowd, Beale) Lecturer: Gokhan GUMUS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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