COAP:COAP-2170/week1: Difference between revisions
Jump to navigation
Jump to search
m (→Homework) |
m (→Homework) |
||
| (26 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<categorytree mode="pages | <categorytree mode="pages" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2170</categorytree> | ||
== COAP 2170 Week 1 program == | == COAP 2170 Week 1 program == | ||
=== Monday === | === Monday - Introduction to user experience and user interface design === | ||
* Presentation of the course outcomes, (provisional syllabus) and student evaluation scheme | * Presentation of the course outcomes, (provisional syllabus) and student evaluation scheme | ||
| Line 10: | Line 10: | ||
* Introductory videos | * Introductory videos | ||
: [http://vimeo.com/20082014 User Experience Process] by [ | : [http://vimeo.com/20082014 User Experience Process] (20min. on Vimeo) by [https://www.linkedin.com/in/dwilcomb Daniel Wilcomb] ([https://danielwilcomb.wordpress.com/ blog]) | ||
: [http://www.youtube.com/watch?v=C3rxCLhzmXY&feature=related Bill Verplank on Interaction Design] (2:46 min., YouTube) | : [http://www.youtube.com/watch?v=C3rxCLhzmXY&feature=related Bill Verplank on Interaction Design] (2:46 min., YouTube) | ||
: [http://www.youtube.com/watch?v=fKru8BK4P58 The 'Mom Test' for Website Usability Testing with Matt Bailey] | : [http://www.youtube.com/watch?v=fKru8BK4P58 The 'Mom Test' for Website Usability Testing with Matt Bailey] | ||
: [http://vimeo.com/12871218 Chicken and Egg] by Kai Brunner (3 min., Vimeo) | : [http://vimeo.com/12871218 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. | * 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/ | : - [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 | : - '''Peter Morville's [[User_experience#Components_of_user_experience_design|user experience design]] honeycomb model''' | ||
: Holger Massen's [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 === | === Wednesday - Usability guidelines === | ||
; Short presentations | ; Short presentations | ||
* 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 38: | 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 | * 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. | This activity prepares homework 1. | ||
| Line 50: | Line 60: | ||
== Homework == | == Homework == | ||
Do a partial guidelines review of | 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) - 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 tasks to various students or groups | 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. | 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 .... | Folks who didn't attend the Wednesday class, should try to do the best to catch up .... | ||
| Line 67: | Line 83: | ||
'''Due:''' Wednesday, week 2 '''before start of class''' | '''Due:''' Wednesday, week 2 '''before start of class''' | ||
Evaluation criteria | Evaluation criteria | ||
* Completeness ( | * 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 | * Quality of comments (try to comment each decision) | ||
* | * On time | ||
[[Category: COAP 2170]] | [[Category: COAP 2170]] | ||
Latest revision as of 11: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