COAP:COAP-2170/week1: Difference between revisions
Jump to navigation
Jump to search
m (→Homework) |
|||
| (7 intermediate revisions by the same user not shown) | |||
| 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. | ||
: [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] | : - [[Interaction design, user experience and usability|Useful, usable and pleasant]] (Wiki entry page) | ||
: [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.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] | ||
: Peter Morville's [[User_experience#Components_of_user_experience_design|user experience design]] honeycomb model | : - [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 | ||
: 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. | : - '''Peter Morville's [[User_experience#Components_of_user_experience_design|user experience design]] honeycomb model''' | ||
: 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 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. | ||
: 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". | : - 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). | ||
: [[Design and usability methods and techniques]] (this page just includes links to various methods, some of which will be introduced later in the course) | : - 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) | |||
<!-- | |||
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) | ||
--> | |||
=== Wednesday - Usability guidelines === | === Wednesday - Usability guidelines === | ||
| Line 38: | Line 40: | ||
* Usability guidelines - what are they and who makes them ? | * Usability guidelines - what are they and who makes them ? | ||
** Presentation of http://usability.gov and (shortly!) of its [http://usability.gov/guidelines/index.html guidelines] | ** Presentation/exploration of http://usability.gov and (shortly!) of its [http://usability.gov/guidelines/index.html guidelines] | ||
** Using usability guidelines in [[guidelines-based review]]s (short definition and extra resources) | ** Our short summary of a prior version: [[Research-Based Web Design & Usability Guidelines]] | ||
** Using usability guidelines in [[guidelines-based review]]s (text includes short definition and extra resources) | |||
* Alternatives to guidelines-based reviews, there are many (!), e.g. | * Alternatives to guidelines-based reviews, there are many (!), e.g. | ||
| Line 45: | Line 48: | ||
** [[heuristic evaluation]] | ** [[heuristic evaluation]] | ||
; | ; Class room activity (exploration) | ||
* | * Select some guidelines, read and present according to instructions (http://usability.gov/guidelines/) | ||
; Classroom activity (guidelines-based reviews of European Webster sites) | |||
* Download the [http://www.userfocus.co.uk/pdf/ExpertReviewCheckpoints.xls an Excel workbook containing all 247 web usability guidelines] from [http://www.userfocus.co.uk/resources/guidelines.html userfocus] | * Download the [http://www.userfocus.co.uk/pdf/ExpertReviewCheckpoints.xls an Excel workbook containing all 247 web usability guidelines] from [http://www.userfocus.co.uk/resources/guidelines.html userfocus] | ||
* Analyze a | * 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). | * On the instructions page of the Excel file: Insert the name of your website and your own name(s). | ||
| Line 60: | Line 62: | ||
Do a partial guidelines review of Webster Websites. | Do a partial guidelines review of Webster Websites. | ||
* http://www.webster.ch (Webster Geneva) | * http://www.webster.ch (Webster Geneva) - Padmore - Kuhle | ||
* http://www.webster.ac.at/ (Webster Vienna) | * http://www.webster.ac.at/ (Webster Vienna) - Oliver | ||
* http://www.webster.ac.th/ (Webster Thailand) | * http://www.webster.ac.th/ (Webster Thailand) - Anna | ||
* http://www.webster.nl/ (Webster Holland) | * http://www.webster.nl/ (Webster Holland) - Toma | ||
* http://www.websterchina.com/ (Webster China) | * http://www.websterchina.com/ (Webster China) - Alec | ||
* http://www.webster.edu/ | * http://www.webster.edu/ - Rea - Innocent | ||
* http://www.bacl.ac.uk/ (Regent's American College, London) | * http://www.bacl.ac.uk/ (Regent's American College, London) | ||
| Line 71: | Line 73: | ||
Students can work '''in teams of max. 2 for this homework'''. | Students can work '''in teams of max. 2 for this homework'''. | ||
* A single student = does the homepage plus two other | * A single student = does the '''homepage''' plus two '''other categories (excel worksheets)''' | ||
* A team of two students = does a full review of a web site | * A team of two students = does a full review of a web site | ||
Latest revision as of 10:21, 14 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/exploration of http://usability.gov and (shortly!) of its guidelines
- Our short summary of a prior version: Research-Based Web Design & Usability Guidelines
- Using usability guidelines in guidelines-based reviews (text includes short definition and extra resources)
- Alternatives to guidelines-based reviews, there are many (!), e.g.
- Class room activity (exploration)
- Select some guidelines, read and present according to instructions (http://usability.gov/guidelines/)
- Classroom activity (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) - Padmore - Kuhle
- http://www.webster.ac.at/ (Webster Vienna) - Oliver
- http://www.webster.ac.th/ (Webster Thailand) - Anna
- http://www.webster.nl/ (Webster Holland) - Toma
- http://www.websterchina.com/ (Webster China) - Alec
- http://www.webster.edu/ - Rea - Innocent
- 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 categories (excel worksheets)
- 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