COAP:COAP-2170: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
|||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<categorytree mode=pages 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> | ||
Line 42: | Line 40: | ||
* [[COAP:COAP-2170/week3|Week3]] (card sorting) | * [[COAP:COAP-2170/week3|Week3]] (card sorting) | ||
* [[COAP:COAP-2170/week4|Week4]] (wire framing) | * [[COAP:COAP-2170/week4|Week4]] (wire framing) | ||
* [[COAP:COAP-2170/week5|Week5]] (analytics, semantic differentials, mid-term) | * [[COAP:COAP-2170/week5|Week5]] (landing pages, analytics, semantic differentials, mid-term) | ||
* [[COAP:COAP-2170/week6|Week6]] (accessibility) | * [[COAP:COAP-2170/week6|Week6]] (accessibility) | ||
* [[COAP:COAP-2170/week7|Week7]] (task analysis & mind maps) | * [[COAP:COAP-2170/week7|Week7]] (task analysis & mind maps) | ||
Line 65: | Line 63: | ||
Contents addressed within these texts may come up in exam questions. You are not required to memorize any of these, but you should at least read once through the short articles.\ | Contents addressed within these texts may come up in exam questions. You are not required to memorize any of these, but you should at least read once through the short articles.\ | ||
=== Recommended free on-line textbooks === | |||
Reading is optional, however strongly recommended for participants who never took a web design class. | |||
* Patrick J. Lynch and Sarah Horton, [http://webstyleguide.com/index.html Web Style Guide]. | * Patrick J. Lynch and Sarah Horton, [http://webstyleguide.com/index.html Web Style Guide]. | ||
* Horton, Sarah (2005). [http://www.universalusability.com/access_by_design/index.html Access by Design] (online) at Universal Usability: A universal design approach to web usability. | * Horton, Sarah (2005). [http://www.universalusability.com/access_by_design/index.html Access by Design] (online) at Universal Usability: A universal design approach to web usability. | ||
=== Mandatory reading list === | |||
* Midterm: items 1-5, and 9 | * Midterm: items 1-5, and 9 | ||
Line 83: | Line 84: | ||
## [http://www.usabilitynet.org/tools/diagnostic.htm Diagnostic evaluation] Another short "how-to" page at usabilitynet. | ## [http://www.usabilitynet.org/tools/diagnostic.htm Diagnostic evaluation] Another short "how-to" page at usabilitynet. | ||
# [[Usability and user experience surveys]] | # [[Usability and user experience surveys]] | ||
## [http://www.usability.gov/methods/ | ## [http://www.usability.gov/how-to-and-tools/methods/online-surveys.html Surveys (Online)] | ||
## [http://www.ucc.ie/hfrg/resources/qfaq1.html Questionnaires in Usability Engineering], A List of Frequently Asked Questions (3rd Ed.), Compiled by: Jurek Kirakowski, 2000. (Read questions 3,4,8) | ## [http://www.ucc.ie/hfrg/resources/qfaq1.html Questionnaires in Usability Engineering], A List of Frequently Asked Questions (3rd Ed.), Compiled by: Jurek Kirakowski, 2000. (Read questions 3,4,8) | ||
# [[Personas]] and [[scenarios of use]] | # [[Personas]] and [[scenarios of use]] | ||
## [http://www.usability.gov/methods | ## [http://www.usability.gov/how-to-and-tools/methods/personas.html Develop Personas], 1-page intro at usability.gov | ||
## The Fluid Project includes more detailed information. E.g. [http://wiki.fluidproject.org/display/fluid/Personas What is a Persona?], [http://wiki.fluidproject.org/display/fluid/Persona+Creation Persona Creation] and [http://wiki.fluidproject.org/display/fluid/Persona+Format Fluid Persona Format]. (just skim over these pages) | ## The Fluid Project includes more detailed information. E.g. [http://wiki.fluidproject.org/display/fluid/Personas What is a Persona?], [http://wiki.fluidproject.org/display/fluid/Persona+Creation Persona Creation] and [http://wiki.fluidproject.org/display/fluid/Persona+Format Fluid Persona Format]. (just skim over these pages) | ||
## [http://www.infodesign.com.au/usabilityresources/scenarios Scenarios] at Information & Design. A one-page introduction | ## [http://www.infodesign.com.au/usabilityresources/scenarios Scenarios] at Information & Design. A one-page introduction | ||
## [http://www.usability.gov/methods | ## [http://www.usability.gov/how-to-and-tools/methods/scenarios.html Create Scenarios] at usability.gov. Another 1-page introduction | ||
# [[web wireframe]] | # [[web wireframe]] | ||
## [http://www.alistapart.com/articles/paperprototyping/ Paper Prototyping] by Shwan Medero, A List Apart, 2007. | ## [http://www.alistapart.com/articles/paperprototyping/ Paper Prototyping] by Shwan Medero, A List Apart, 2007. | ||
Line 97: | Line 98: | ||
## [http://www.useit.com/alertbox/20020512.html Top Ten Guidelines for Homepage Usability] | ## [http://www.useit.com/alertbox/20020512.html Top Ten Guidelines for Homepage Usability] | ||
# Semantic differentials | # Semantic differentials | ||
## [http:// | ## [http://usabilitynews.org/know-your-typefaces-semantic-differential-presentation-of-40-onscreen-typefaces/ Know Your Typefaces! Semantic Differential Presentation of 40 Onscreen Typefaces] (case study) | ||
## See [[Semantic differential scale]] for some example scales | ## See [[Semantic differential scale]] for some example scales | ||
# [[Web accessibility]] | # [[Web accessibility]] | ||
Line 104: | Line 105: | ||
## [http://www.jjg.net/elements/pdf/elements.pdf The elements of user experience] | ## [http://www.jjg.net/elements/pdf/elements.pdf The elements of user experience] | ||
## [http://edutechwiki.unige.ch/en/User_experience#Components_of_user_experience_design user experience design] (honeycomb model) | ## [http://edutechwiki.unige.ch/en/User_experience#Components_of_user_experience_design user experience design] (honeycomb model) | ||
## [http://webstyleguide.com/wsg3/1-process/index.html Process] a chapter from Lynch and Horton's Web Style Guide. | ## [http://webstyleguide.com/wsg3/1-process/index.html Process] a chapter from Lynch and Horton's Web Style Guide. '''Read all nine sections''' (from the Introduction to "General Advice about Web projects". | ||
# [[Task analysis]] | # [[Task analysis]] | ||
## [http://www.usabilitynet.org/tools/taskanalysis.htm Task analysis] (short 2-page intro) | ## [http://www.usabilitynet.org/tools/taskanalysis.htm Task analysis] (short 2-page intro) | ||
=== Some important wiki pages === | |||
See also and/or alternatively: | See also and/or alternatively: The weekly programs | ||
# [[Interaction design, user experience and usability]] (includes good links) | # [[Interaction design, user experience and usability]] (includes good links) | ||
Line 117: | Line 118: | ||
# [[Usability testing]] | # [[Usability testing]] | ||
# [[Card sorting]] | # [[Card sorting]] | ||
# [[Web wireframe]] | # [[Web wireframe]] | ||
# [[Landing page optimization]] | |||
# [[Semantic differential scale]] | # [[Semantic differential scale]] | ||
# [[Web accessibility]] | # [[Web accessibility]] |
Latest revision as of 16:42, 7 October 2016
Introduction
- Disclaimer: This is not the official syllabus or course program. EdutechWiki is just used as support site.
- The course is organized in weekly programs (available through the menu to the right...)
The course-level outcomes as announced in the syllabus are:
- Understand the concept of human-computer interaction (HCI)
- Understand the need for usable and accessible web interfaces.
- Understand usability guidelines.
- Discuss various types of disabilities and their impact on computer usage.
- Describe a variety of computer assistive technologies.
- Understand a variety of methods used to make web content accessible.
- Understand the Web Content Accessibility Guidelines.
- Implement usability and accessibility testing for web pages/sites.
- Successfully implement usable web page(s) that are also accessible.
Practical learning outcomes:
- Be able to define user experience in terms of usefulness, usability, accessibility and desirability
- Understand the design process and be able to participate in all stages.
- Be able to apply experience, interface, usability, and access guidelines
- Be able to use some design and usability methods
Fields covered (somewhat)
- User experience and user experience design (UX and UxD). Today often used as umbrella term that covers most everything.
- User interaction and user interface design (Interaction Design = IX, Interaction Design=IxD, User Interface =UI)
- Ergonomics (also called "human factors") and Cognitive ergonomics
- Human-computer interaction (HCI)
- Usability and Web usability
- Information architecture (IA)
- Design science
- Web accessibility
Weekly programs
- Week1 (introduction, guideline reviews)
- Week2 (usability testing)
- Week3 (card sorting)
- Week4 (wire framing)
- Week5 (landing pages, analytics, semantic differentials, mid-term)
- Week6 (accessibility)
- Week7 (task analysis & mind maps)
- Week8
- Term project
Grading scale
A 3.8 Very good 92.00 A- 3.5 Almost very good 89.00 B+ 3.1 Pretty good 85.00 B 2.8 Good 82.00 B- 2.5 Reasonably good 79.00 C+ 2.1 Fair 75.00 C 1.8 Rather weak / minim. 72.00 C- 1.5 Minimalist / Weak 69.00 D+ 1.1 Pass D 0.8 Pass 62.00
Important teaching materials
Contents addressed within these texts may come up in exam questions. You are not required to memorize any of these, but you should at least read once through the short articles.\
Recommended free on-line textbooks
Reading is optional, however strongly recommended for participants who never took a web design class.
- Patrick J. Lynch and Sarah Horton, Web Style Guide.
- Horton, Sarah (2005). Access by Design (online) at Universal Usability: A universal design approach to web usability.
Mandatory reading list
- Midterm: items 1-5, and 9
- Final: all
- Usability guidelines
- Picture of the ISO usability framework
- Usability.gov guidelines (you can download either the whole book or individual chapters). A short summary is in Research-Based Web Design & Usability Guidelines. I don't require you to read the whole book, but you should be able to retrieve guidelines and understand how the various entries are organized (e.g. importance vs. support from research)
- Interface Design, a chapter from Lynch and Horton's Web Style Guide.
- Usability testing
- Usability testing on 10 cents a day. Introduces low-fi usability testing and various connected issues.
- Usability testing A short 1-page "how to"
- Diagnostic evaluation Another short "how-to" page at usabilitynet.
- Usability and user experience surveys
- Surveys (Online)
- Questionnaires in Usability Engineering, A List of Frequently Asked Questions (3rd Ed.), Compiled by: Jurek Kirakowski, 2000. (Read questions 3,4,8)
- Personas and scenarios of use
- Develop Personas, 1-page intro at usability.gov
- The Fluid Project includes more detailed information. E.g. What is a Persona?, Persona Creation and Fluid Persona Format. (just skim over these pages)
- Scenarios at Information & Design. A one-page introduction
- Create Scenarios at usability.gov. Another 1-page introduction
- web wireframe
- Paper Prototyping by Shwan Medero, A List Apart, 2007.
- Website wireframe (Wikipedia)
- Landing and home page usability and optimization
- Semantic differentials
- Know Your Typefaces! Semantic Differential Presentation of 40 Onscreen Typefaces (case study)
- See Semantic differential scale for some example scales
- Web accessibility
- Accessibility in User-Centered Design (online book chapter)
- The web site development process
- The elements of user experience
- user experience design (honeycomb model)
- Process a chapter from Lynch and Horton's Web Style Guide. Read all nine sections (from the Introduction to "General Advice about Web projects".
- Task analysis
- Task analysis (short 2-page intro)
Some important wiki pages
See also and/or alternatively: The weekly programs
- Interaction design, user experience and usability (includes good links)
- Design and usability methods and techniques
- Guidelines-based review
- Usability testing
- Card sorting
- Web wireframe
- Landing page optimization
- Semantic differential scale
- Web accessibility
- Task analysis
Starting points for exploring more
- Interaction design, user experience and usability
- Design and usability methods and techniques
- COAP:COAP-2100/Web design (beginner's overview items and readings)