Practical Exercises and Theory

Slides:



Advertisements
Similar presentations
Chapter 1 Introducing User Interface Design. UIDE Chapter 1 Why the User Interface Matters Why the User Interface Matters Computers Are Ubiquitous Computers.
Advertisements

User Interfaces 4 BTECH: IT WIKI PAGE:
Web E’s goal is for you to understand how to create an initial interaction design and how to evaluate that design by studying a sample. Web F’s goal is.
 Computers Are Ubiquitous  The Importance of Good User Interface Design ◦ What Is a Good User Interface Design?  What Is Usability? UIDE Chapter 1.
From requirements to design
Usability presented by the OSU Libraries’ u-team.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001.
Ch 3 Usability page 1CS 368 Usability Models the authors compare three usability models and introduce their own “the extent to which a product can be used.
Damian Gordon.  Summary and Relevance of topic paper  Definition of Usability Testing ◦ Formal vs. Informal methods of testing  Testing Basics ◦ Five.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Wisconsin Government Accountability Board. Do I Need to Create an Account?  You do not have to create a user account if you want to search and view lobbying.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
 Introduction  Interface Design Failures  Design Failure explained  Interaction Techniques  Conclusion.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
What is Interaction Design? “ …designing interactive products to support people in their everyday and working lives. ” (Preece, Rogers, and Sharp – 2002)
2505ICT User Interface Design. Course organisation  Course Convenor and lecturer Marilyn Ford, L08 Room 2.20,
Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia.
User Centered Learning Design Ranvir Bahl (PMP, CSM)
Design Chris North cs3724: HCI. Quiz What are the 3 steps in producing a UI?
Not sure what you want? Where to go? How much to pay? Not to worry. The GGC Dining App will allow you to search menus, cuisine styles and prices.
User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]
1 Usability and accessibility of educational web sites Nigel Bevan University of York UK eTEN Tenuta support action.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
What is Usability? Usability Is a measure of how easy it is to use something: –How easy will the use of the software be for a typical user to understand,
Refine Produce Implement Design and Development Stages.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
CS 615 User Interface Design - Overview Lecture # 1 Gabriel Spitz 1.
Consistency Increases usability of your Web site..
EVALUATION PROfessional network of Master’s degrees in Informatics as a Second Competence – PROMIS ( TEMPUS FR-TEMPUS-JPCR)
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
 Learn the mechanics of using App Inventor to build apps.  Learn how to design an app’s user interface with the App Inventor Designer, and its behavior.
The process of interaction design
Rob Gleasure IS3320 Developing and Using Management Information Systems Lecture 18: Usability Testing Rob Gleasure.
Chapter 16: User Interface Design
Task Analysis – Input to Interaction
INF385G: Topic Discussion Huang, S. C.
Chapter 1 - Introduction
User Interface Design and Usability Course Introduction
Basics of Website Development
Elements of Design.
Findings Report: User Research
AIM The aim of this study is to introduce you to the fundamental and exciting area of human computer interaction (HCI) and to prepare you for more advanced.
Human Computer Interaction Lecture 10 Interaction Paradigms
Katherine Prentice, MSIS Richard Usatine, MD
Elements of Design.
Interaction qualities
Final Presentation Jolie Chen Kristine Delossantos Muel Kiel
Web Design and Development
Usability Testing T/TAC Online Project Design Team
D&T Haslingden High School D&T Faculty Yr 7 Systems HOMEWORK
Putting your intentions into action Janelle Pass
Week 7 Know your Customer
Week 4 Customer Information
Usability Techniques Lecture 13.
Curriculum Updates Spanish and French
The User Interface Design Process
Pilot Study - May 2, 2006 Owen Otto Dave Hong Kelly Snow Tim Dennis
Project HE Assignment Web Site Design
10 Rules of Good UI Design to Follow On Every Web Design Project
Formative Evaluation cs3724: HCI.
Elements of Effective Web Design
UX part 2.
Website Planning Process
Comp 15 - Usability and Human Factors
THE PROCESS OF INTERACTION DESIGN
Refine Produce Implement
Presentation transcript:

Practical Exercises and Theory User Experience Practical Exercises and Theory Jun.-Prof. Dr. Brigitte Mathiak

What is user experience?

What is user experience? http://upassoc.org/usability_resources/about_usability/images/vectors.gif

User experience vs. usability Most people use these terms interchangeable – and usability and user experience (UX) often mean the same things "[Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." - ISO 9241-11 Effectiveness: Can I reach my goals completely and in high quality? Efficiency: Can I reach my goals in a reasonable amount of time and effort? Satisfaction: Is the user happy using the product?

Quantitative (indirect) How do we figure this out? Christian Roher https://www.nngroup.com/articles/which-ux-research-methods/ Observation Today: Interaction Qualitative (direct) Quantitative (indirect)

What do you need for a focus group? + + +

First experiment: A task-based focus group Task: Your task is to organize a business lunch. There are five people in the group. One is a vegetarian. You need to find the following information on three restaurants. Are they open during lunch hours? Do they have vegetarian meals? What kind of food do they serve, ideally, what is the link to the (preferably english) online menu? Does it have a business-like decor? What is the general price range? What is the phone number for the reservation or can I make a reservation online? Any other information that seems noteworthy Important: Please use the restaurant website to gather this information, not regular web search. For each restaurant please write down your results and the time you spent. Wein & Dine: http://www.wein-dine.de/ Laden Ein: http://www.laden-ein.com/ Lo Sfizio: http://lo-sfizio-koeln.xregional.de/

Survey Please rate each web site on a scale between 0 (not at all) and 5 (super) in these categories: Effectiveness: Can I reach my goals completely and in high quality? Efficiency: Can I reach my goals in a reasonable amount of time and effort? Satisfaction: Are you happy using the product? Which one is your favourite website? Where would you want to eat?

Discuss! What did you like? What did you not like? Did it seem professional? How did you like the design? Too many images, too little? Did the website at some point not behave the way you expected? Did you click on something although you were not sure what would happen? Were you confused at any point? Did you hit a road block in navigation and had to reset the website by using the back button or other means? How would you design such a website?

Some Golden Rules to remember Place users in Control Reduce Users‘ Memory Load Make the Interface Consistent Mandel, Theo. The elements of user interface design. Vol. 20. New York: Wiley, 1997.

Next Week: Paper Prototypes Please bring Paper, Scissors, Glue, Pens, … And an Idea for an app you want your partner to design for you (teamwork time)

User Centered Design User-Centered Design is a principal that involves users from the beginning of the design process to the end The goal is to have both high usability and a good match to user expectations It is iterative. Each version is an improvement over the one before. Designers are not users More cycles are better sapdesignguild.org

User Centered Design (2) Research: By talking to your users, find out their needs, tasks, environment look at similar products Design: Fast Prototypes Interface first Stick to basic design rules sapdesignguild.org

User Centered Design (3) Adapt: Adapt your design to user needs and input Ideally with the user at the table Measure: Use structured usability testing You need numbers AND opinions Identify priorities and alternatives, then back to research sapdesignguild.org