COAP:COAP-2170/week1: Difference between revisions
Jump to navigation
Jump to search
| Line 23: | Line 23: | ||
* Big pictures - Interaction Design vs User Experience Design vs User Interface design vs Usability etc. | * Big pictures - Interaction Design vs User Experience Design vs User Interface design vs Usability etc. | ||
: [[Interaction design, user experience and usability|Useful, usable and pleasant]] | : - [[Interaction design, user experience and usability|Useful, usable and pleasant]] (Wiki entry page) | ||
: [http://www.jjg.net/elements/pdf/elements.pdf The elements of user experience] by Jesse James Garrett, author of [http://www.jjg.net/elements/ The Elements of User Experience] | : - [http://www.jjg.net/elements/pdf/elements.pdf The elements of user experience] by Jesse James Garrett, author of [http://www.jjg.net/elements/ The Elements of User Experience] | ||
: [http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg Disciplines involved in User Experience]. From a [http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/ revised diagram] from the [http://www.designingforinteraction.com/ Designing for Interaction] book by Dan Saffer | : - [http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg Disciplines involved in User Experience]. From a [http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/ revised diagram] from the [http://www.designingforinteraction.com/ Designing for Interaction] book by Dan Saffer | ||
: '''Peter Morville's [[User_experience#Components_of_user_experience_design|user experience design]] honeycomb model''' | : - '''Peter Morville's [[User_experience#Components_of_user_experience_design|user experience design]] honeycomb model''' | ||
: Holger Maassen's [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_5_H-Maassen_080219.jpg UxD-P – Gathering the elements] model from a [http://www.boxesandarrows.com/view/ux-design-planning UX Design-Planning Not One-man Show] article. | : - Holger Maassen's [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_5_H-Maassen_080219.jpg UxD-P – Gathering the elements] model from a [http://www.boxesandarrows.com/view/ux-design-planning UX Design-Planning Not One-man Show] article. | ||
: Holger Massen's UX/UI elements in the project [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_9_holger_maassen_timeline-new.gif timeline] and [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_8_holger_maassen_timeline-old.gif bad timeline model] (same as above). | : - Holger Massen's UX/UI elements in the project [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_9_holger_maassen_timeline-new.gif timeline] and [http://www.boxesandarrows.com/files/banda/uxdesign-planning-is/image_8_holger_maassen_timeline-old.gif bad timeline model] (same as above). | ||
: Selected slides from [http://www.slideshare.net/runger/what-is-uxd-audience-advertising-v3 Russ Unger] talk on UxD. ([http://userglue.com/ userglue.com], he also co-authored "A Project Guide to UX Design: For user experience designers in the field or in the making". | : - Selected slides from [http://www.slideshare.net/runger/what-is-uxd-audience-advertising-v3 Russ Unger] talk on UxD. ([http://userglue.com/ userglue.com], he also co-authored "A Project Guide to UX Design: For user experience designers in the field or in the making". | ||
: [[Design and usability methods and techniques]] (this page just includes links to various methods, some of which will be introduced later in the course) | : - [[Design and usability methods and techniques]] (this page just includes links to various methods, some of which will be introduced later in the course) | ||
<!-- | <!-- | ||
I made some backup copies of videos, pictures and "foreign" slides and it is [http://tecfa.unige.ch/guides/te/coap2170/ here] (login + password will be given by the instructor) | I made some backup copies of videos, pictures and "foreign" slides and it is [http://tecfa.unige.ch/guides/te/coap2170/ here] (login + password will be given by the instructor) | ||
Revision as of 20:42, 11 January 2015
COAP 2170 Week 1 program
Monday - Introduction to user experience and user interface design
- Presentation of the course outcomes, (provisional syllabus) and student evaluation scheme
- Participant's experiences with web design ?
- Introductory videos
- User Experience Process (20min. on Vimeo) by Daniel Wilcomb (blog)
- Bill Verplank on Interaction Design (2:46 min., YouTube)
- The 'Mom Test' for Website Usability Testing with Matt Bailey
- Chicken and Egg by Kai Brunner (3 min., Vimeo)
- (Some) Abbreviations
- UX / UxD = User Experience Design
- UI = User Interface (Design)
- IX / IxD = Interaction Design
- HCI = Human Computer Interaction
- IA = Information Architecture
- Big pictures - Interaction Design vs User Experience Design vs User Interface design vs Usability etc.
- - Useful, usable and pleasant (Wiki entry page)
- - The elements of user experience by Jesse James Garrett, author of The Elements of User Experience
- - Disciplines involved in User Experience. From a revised diagram from the Designing for Interaction book by Dan Saffer
- - Peter Morville's user experience design honeycomb model
- - Holger Maassen's UxD-P – Gathering the elements model from a UX Design-Planning Not One-man Show article.
- - Holger Massen's UX/UI elements in the project timeline and bad timeline model (same as above).
- - Selected slides from Russ Unger talk on UxD. (userglue.com, he also co-authored "A Project Guide to UX Design: For user experience designers in the field or in the making".
- - Design and usability methods and techniques (this page just includes links to various methods, some of which will be introduced later in the course)
Wednesday - Usability guidelines
- Short presentations
- Usability guidelines - what are they and who makes them ?
- Presentation of http://usability.gov and (shortly!) of its guidelines via our Research-Based Web Design & Usability Guidelines (summary)
- Using usability guidelines in guidelines-based reviews (short definition and extra resources)
- Alternatives to guidelines-based reviews, there are many (!), e.g.
- Administration
- Evaluation (homework, exams, participation,...)
- Classroom activities (guidelines-based reviews of European Webster sites)
- Download the an Excel workbook containing all 247 web usability guidelines from userfocus
- Analyze a webster site according to instructions (see below for the list of web sites)
- On the instructions page of the Excel file: Insert the name of your website and your own name(s).
This activity prepares homework 1.
Homework
Do a partial guidelines review of Webster Websites.
- http://www.webster.ch (Webster Geneva)
- http://www.webster.ac.at/ (Webster Vienna)
- http://www.webster.ac.th/ (Webster Thailand)
- http://www.webster.nl/ (Webster Holland)
- http://www.websterchina.com/ (Webster China)
- http://www.webster.edu/
- http://www.bacl.ac.uk/ (Regent's American College, London)
The instructor will assign both web sites and tasks to various students or groups
Students can work in teams of max. 2 for this homework.
- A single student = does the homepage plus two other items
- A team of two students = does a full review of a web site
Folks who didn't attend the Wednesday class, should try to do the best to catch up ....
- download an Excel workbook containing all 247 web usability guidelines ... and start working on it (as above)
Results will be discussed in week 3.
Due: Wednesday, week 2 before start of class
Evaluation criteria
- Completeness (Fill in a "0" for items that are "in between", and leave a blank for those that are not appropriate for the analyzed web sites)
- Quality of comments (try to comment each decision)
- On time