COAP:COAP-2170/week1: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2170</categorytree>
<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://www.savagehuman.com/SavageHuman/SavageHuman.html Daniel Wilcomb], user experience director (10min. on Vimeo)
: [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)
: [http://vimeo.com/12053758 Demo Usability Test by Steve Krug], Author of "Don't make me think!" (only if time left, else on week 2 !)
 
* (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/blog/images/ux_disciplines_rev_big.jpg The Disciplines of User Experience], 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 [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://usavility.gov and (shortly!) of its [http://usability.gov/guidelines/index.html guidelines] via our [[Research-Based Web Design & Usability Guidelines]] (summary)
** 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 39: Line 48:
** [[heuristic evaluation]]
** [[heuristic evaluation]]


; Administration
; Class room activity (exploration)
* Evaluation (homework, exams, participation,...)
* Select some guidelines, read and present according to instructions (http://usability.gov/guidelines/)
 
; Classroom activities (guidelines-based reviews of European Webster sites)


; 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 http://www.webster.ch (and maybe its sister sites) according to instructions. We will divide work in groups...
* 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 51: Line 60:
== Homework ==
== Homework ==


Do a partial guidelines review of either:
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


* http://www.webster.ch (Webster Geneva)
Students can work '''in teams of max. 2 for this homework'''.
* http://www.webster.ac.at/ (Webster Austria)
* A single student = does the '''homepage''' plus two '''other categories (excel worksheets)'''
* http://www.webster.nl/ (Webster Leiden)
* A team of two students = does a full review of a web site


The instructor will assign tasks to various students or groups
Folks who didn't attend the Wednesday class, should try to do the best to catch up ....
* download [http://www.userfocus.co.uk/pdf/ExpertReviewCheckpoints.xls an Excel workbook containing all 247 web usability guidelines] ... and start working on it (as above)


Students can work in teams of max. 2 for this homework.
Results will be discussed in week 3.
* 1 student = does the homepage plus one other item
* 2 students = do the homepage plus 3 other items


Details to be discussed/negotiated
'''Due:''' Wednesday, week 2 '''before start of class'''


Due: Wednesday, week2
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


[[Category: COAP 2170]]
[[Category: COAP 2170]]

Latest revision as of 11:21, 14 January 2015

COAP 2170
COAP:COAP-2170
COAP:COAP-2170/term project
COAP:COAP-2170/week1
COAP:COAP-2170/week2
COAP:COAP-2170/week3
COAP:COAP-2170/week4
COAP:COAP-2170/week5
COAP:COAP-2170/week6
COAP:COAP-2170/week7
COAP:COAP-2170/week8

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
Class room activity (exploration)
Classroom activity (guidelines-based reviews of European Webster sites)

This activity prepares homework 1.

Homework

Do a partial guidelines review of Webster Websites.

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 ....

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
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-2170/week1&oldid=54978"