LIS 534 – Information Architecture: Web Design for Usability
Course Outline (Winter 2012)
Calendar Description:
Anexamination of the principles and practice of web usability, with a
focus on information architecture, layout and design, metadata and
other topics related to effective web design and management. Includes
an introduction to HTML and other web coding.
Objectives:
By the end of this course, students will be able to:- understand the role of information architecture in building effective websites;
- examine and apply usability principles to effective web design;
- examine the role of usability evaluation in web design decisions;
- create standards-compliant websites using XHTML and CSS.
Methods:
Acombination of lectures, in-class discussions, hands-on exercises and labs, group work, student presentations,
and computer demonstrations will be used throughout this course. Where
possible, guest lectures and/or special presentations will also be
included.
Required Text:
- Morville, P., & Rosenfeld, L. (2006). Information architecture for the world wide web. 3rd edition. O'Reilly Media.
- Krug, S. (2005). Don't Make Me Think: A Common Sense Approach to Web Usability. 2nd edition. New Riders Press. (read online at Safari Books Online)
- Meyer, E. (2007). CSS Pocket Reference: Visual Presentation for the Web. 3rd ed. edition. O'Reilly Media.
Robbins, J.N. (2006). HTML and XHTML Pocket Reference. 3rd ed. edition. O'Reilly Media.
Course Relationships:
LIS 501 & 502 are pre- or co-requisites.Recording of lectures
Recording of lectures is permitted only with the prior writtenconsent of the professor or if recording is part of an approved
accommodation plan.
Inclusive Language & Equity:
TheFaculty of Education is committed to providing an environment of
equality and respect for all people within the university community,
and to educating faculty, staff and students in developing teaching and
learning contexts that are welcoming to all. The Faculty recommends
that students and staff use inclusive language to create a classroom
atmosphere in which students’ experiences and views are treated with
equal respect and value in relation to their gender, racial background,
sexual orientation, and ethnic backgrounds. Students who require
accommodations in this course due to a disability affecting mobility,
vision, hearing, learning, or mental or physical health are advised to
discuss their needs with Specialized Support and Disability Services.
Assignments and Evaluation (Winter 2012)
- Class Contribution (10 marks)
- Labs (learning assignments, not graded)
- Usability by example assignments (8 x 6 = 48 marks)
- Website design and construction project (42 marks)
converted to the University of Alberta's letter grading scale.
All assignments must
be professional in appearance. Spelling, grammar and overall
professionalism will be considered in the grading process in addition
to other aspects of the assignments. Extensions will only be granted
with appropriate documentation (e.g., a doctor's note) in advance of an
assignment's due date. Late assignments will be assessed a penalty of
10% of the assignment value per day (i.e., if the assignment value is
30 marks the late penalty is 3 marks per day). Some late assignments
will not be accepted (e.g., usability by example assignments).
Class Contribution
This represents individual contribution for the benefit of theentire
class, and is intended to encourage all students to actively
participate in the learning process. This includes (but is not limited
to): class discussion, small-group interaction, preparatory reading,
attendance, attitude,
providing additional
resources, etc. Comments, criticism, and questions are expected to be
relevant to the topic, to reflect preparatory reading on the topic, and
are expected to be respectful of other students and the instructor.
Anticipated absence from class must be communicated to the instructor
prior to the class. At the end of the course, in class time, you will
be given the opportunity to submit a brief self-assessment of class
contribution which will be considered when assigning your class
contribution marks.
Labs
Labs are intended to help you learn XHTML and CSS concepts and skills,and / or further develop your understanding of the topics covered each
week. These are individual learning assignments and are not graded. It is
your decision how you want to make use of the lab materials, but your
Usability by Example assignments must demonstrate that you have
acquired the techniques and skills covered in the labs. You will also
need to know these techniques and skills well in order to complete the
Website design and construction project successfully.
In-class time will be provided for each of the labs, and the
instructor will be available during the lab sessions for questions and
feedback. To make full use of the in-class lab time, you are encouraged
to go through the lab materials before the class so that in class you
can focus on asking questions and applying techniques covered in the
lab to your usability by example assignment.
You do not need to
submit lab reports, but you may find it beneficial to your learning if
you keep notes of the problems and solutions during the lab activities
as well as of the thinking that has gone into figuring out the
solutions. Keep the submission items listed in the lab instructions to
yourself. (You may want to create a website to organize and keep track
of your
work for this course including all labs and assignments since they are
all in a Web format anyway.)
Usability by example
This assignment is designed to help enhance your understanding of major
topics of this course through examples and collaborative learning.
Before class, you will first do the preparatory readings, and summarize
key points from the readings. You will then apply what you have learned
from the readings to the evaluation of two websites, and present your
individual work as a web page using the XHTML and CSS techniques you
have learned. In class, you will share and enhance your learning
through group work and class discussion. Based on enhanced
understanding of the topic, each group will synthesize your individual
work, and submit a single report for evaluation.
Website design and construction
This assignment provides an opportunity to develop your individual webdesign and implementation skills. You will create a small website for a
library or information service of an organization of your choice based
either on a real organization, or on a hypothetical one that could
reasonably exist in the world. You will first identify the purpose of
the website and contextual issues and constraints, analyze its target
audience, and design an information architecture for the website. You
will then put your design skills to work by creating a prototype of the
site's main pages by hand-coding XHTML and CSS (i.e., not using
Dreamweaver or other web design software).
Tentative Schedule (Winter 2012)
*Class
time: Thursdays 1:00-3:50 pm
*Full citation of books frequently referred to on this page
time: Thursdays 1:00-3:50 pm
*Full citation of books frequently referred to on this page
- Krug, Steve. 2005. Don't Make Me Think: A Common Sense
Approach to Web Usability. 2nd edition. New Riders
Press. (ebook
access through U of A library at Safari Books Online) - Morville, Peter and Louis Rosenfeld. 2006. Information
architecture for the world wide web. 3rd edition. O'Reilly
Media. - Nielsen, Jakob. 2000. Designing web usability: The practice
of simplicity. Indianapolis: New Riders Publishing. (ebook
access through U of A libraries) - Nielsen, Jakob, and Hoa Loranger. 2006. Prioritizing Web
usability. Berkeley, CA: New Riders. (ebook
access through U of A libraries)
January 12
- Introduction
- Readings:
- Krug - chapter 1 - RR
- Morville & Rosenfeld - foreword, preface and
chapters 1 & 2 - RR - Course syllabus (i.e., Outline
and Assignments) - RR
- Nielsen, J. Usability 101:
Introduction to Usability - Tutorials and labs
January 19
- Process of Web development; Information behaviour & the web
- Readings:
- Krug - chapter 2 - RR
- Morville & Rosenfeld - chapters 3 & 10 - RR
- Choose one - RR
- Baehr, Craig M. 2007. Web development: A
visual-spatial approach. Upper Saddle River, NJ: Pearson Education,
Inc. - chapters 1 & 2 - Lynch & Horton, Web Style
Guide - chapter 1: Process
- Baehr, Craig M. 2007. Web development: A
- Nielsen & Loranger - chapter 2 - SR
- Nielsen, J. (2010). Children's
Websites: Usability Issues in Designing for Kids. - SR - Best
Practices for Designing Usable Websites for Kids. - SR - Nielsen, J. (2005). Usability of
Websites for Teenagers. - SR - Nielsen, J. (2010). College Students on
the Web. - SR - Hsieh-Yee, I. (2001).
Research on web search
behavior. Library & Information Science Research 23:
167-185. - Wilson, T.D. (2000). Human information
behavior. Information Science Research 3(2) - Nielsen, J. (2006). 100 million
websites - SR - Tutorials and labs
January 26
- Content design and organization systems; Copyright issues
- Readings:
- Morville & Rosenfeld - chapter 5 - RR
- Noel, Wanda. 1999. Copyright on the Internet & FAQ.
In Copyright guide for Canadian libraries, 47-64. Ottawa:
Canadian Library Association. KF 2995 N66 1999 (Rutherford North
-Reserve) - SR
- Tutorials and labs
- Assignment due: Usability by example 1 - Organization
systems
February 2
- Labeling systems; Writing for the Web
- Readings:
- Morville & Rosenfeld - chapter 6 - RR
- Krug - chapter 5 - RR
- Nielsen & Loranger - chapter 8 - SR
- Nielsen, J. Writing for the Web
(Research on how users read on the Web and how authors should write
their Web pages). - SR - Kupersmith, J. (2007). Library terms that users
understand. - SR
- Tutorials and labs
- CSS
tutorial (CSS Basic, CSS Styling) - RR - W3C CSS
Validation Service - SR - Lab3: CSS
basics and validation
- CSS
- Assignment due: Usability by example 2 - Labeling systems;
writing for the Web
February 9
- Navigation design; Search systems
- Readings
- Krug - chapter 6 - RR
- Morville & Rosenfeld - chapters 7 & 8 - RR
- Nielsen, J. (2007). Breadcrumb
Navigation Increasingly Useful. - RR - 25 Modern Navigation Solutions: Unique Designs & Awesome Effects - SR
- Nielsen & Loranger - chapter 6 - SR
- Morville & Rosenfeld - chapter 12 - SR
- Nielsen, Jakob. Top Ten Mistakes in Web
Design - SR (If you wish, also check out the links under "Other
Top-10 Lists" on this page, especially the 2005 one.)
- Tutorials and labs
- CSS
tutorial (CSS Box Model, CSS Advanced ) - RR - Zen Garden - The
Beauty of CSS Design - SR - Lab4: CSS
box model; Images and links in CSS
- CSS
- Assignment due: Usability by example 3 - Navigation systems
February 16
- Page design; Multimedia
- Readings:
- Krug - chapters 3 & 7 - RR
- 10 Web Design Rules That You
Can Break (for class discussion) - RR - Nielsen & Loranger - chapters 7 & 11 - SR
- What Does Your Website’s Color Scheme Reveal About You? - SR
- Nielsen, J. (2010). Scrolling
and Attention - Nielsen, J. (2007). Fancy
Formatting, Fancy Words = Looks Like a Promotion = Ignored. Jakob
Nielsen's Alertbox - SR - Nielsen, Jakob. Let Users Control
Font Size - SR - Nielsen, Jakob. F-Shaped
Pattern For Reading Web Content - SR - Nielsen, Jakob. Ten Good Deeds in Web
Design - SR - CSS3 tutorial (Introduction, Multiple columns)
- Lab5: Positioning
and layout using CSS - Assignment due: Usability by example 4 - Page design;
Homepage design
February 23
- No Class – Reading Week
March 1
- Web usability evaluation & testing
- Readings:
- Krug - chapter 8 - RR
- Learn
about evaluations at Usability.gov - RR - Nielsen, J. Summary
of Usability Inspection Methods - RR - Nielsen, J. How
to Conduct a Heuristic Evaluation - RR - Campbell, Nicole [ed]. 2001. Usability assessment of
library-related web sites: Methods and case studies. Chicago:
American Library Association. Chapters 1, 2 & 3: 1-29. Z 674.75 W67
U83 2001 (Rutherford N) - SR - Lab6: XHTML forms and CSS
March 8
- Web usability evaluation & testing - ctd.
- Readings:
- Krug - chapters 9 & 10 - RR
- 10
Tools to Improve Your Site's Usability on a Low Budget (try at
least one of these tools) - RR - Test
and Refine section at Usability.gov - SR - Nielsen, J. (2009). Discount
Usability: 20 Years - SR - Nielsen, J. (2009). Anybody
Can Do Usability - SR - Norlin, Elaina, and CM! Winters. 2002. Usability
testing for library web sites. Chicago: American Library
Association. Chapters 1, 4 & 5: 1-9; 24-30; 31-48. Z 674.75 W67
2002 (Rutherford N) - SR - Lab7: XHTML tables and CSS
- Assignment Due: Website design and construction Part 1
March 15
- Accessibility for users with disabilities
- Readings:
- Krug - chapter 11 - RR
- Nielsen - chapter 6 (ebook
access through U of A libraries) - RR - W3C Web Accessibility
Initiative (dig through this site) - RR - Nielsen, J. (2005). Accessibility
Is Not Enough , Jakob Nielsen's Alertbox - SR - WebXACT -
"a free online service that lets you test single pages of web content
for quality, accessibility and privacy issues." - Guests: Jean Jackson & Tom Sheridan, Specialized Support and Disability Services, U of A - to be confirmed
- Lab 8: Accessibility
- Assignment due: Usability by example 5 - Accessibility
March 22
- Global audiences; Web standards & policies
- Readings:
- Nielsen - chapter 7 (ebook
access through U of A libraries) - RR - Nielsen, J. (2005). International
Sites: Minimum Requirements. - RR - Design
for a global audience, Discussion articles
(select the ones interesting to you) - RR - World Wide Web Consortium. Leading
the web to its full potential. (Dig through this site) - SR - Freedom of
Information and Protection of Privacy Act (FOIPP) - SR - University
of Alberta Privacy Policy - SR - Zeldman, Jeffrey. 2007. Designing with Web standards.
Berkeley, CA: New Riders. (ebook access through U of A libraries) - SR - Web Standards
Project. 2001. Fighting for standards in our browsers.(Dig through
this site) - SR - Help session on the Website design and construction project
- Assignment due: Usability by example 6 - Global audiences
March 29
- Weblogs, Intranets, Websites for mobil devices; Web design
software; Web Content Management Systems - Readings:
- Nielsen, J. (2005). Weblog Usability:
The Top Ten Design Mistakes, Jakob Nielsen's Alertbox - RR - Nielsen, J. (2002). Intranet Usability:
The Trillion-Dollar Question, Jakob Nielsen's Alertbox - RR - Nielsen, J. (2009). Mobile
Usability, Jakob Nielsen's Alertbox - RR - Wikipedia
article on Web content management systems - RR
- Nielsen, J. (2010). Ten Best
Intranets of 2010 , Jakob Nielsen's Alertbox - SR - Nielsen, J. (2007). Intranet
Usability Shows Huge Advances, Jakob Nielsen's Alertbox
- SR - Drupal - an open source
content management system - SR
April 5
- Metadata; Search engines – will they find you?
- Readings:
- Dillon, Martin. 2001. Metadata
for web resources: How metadata works on the Web - RR - DCdot. 2000. Dublin Core metadata
editor - RR (Dig through this site and play with the
editor - enter a URL and the
site will generate metadata categories based on Dublin Core) - Sullivan, D. (2002). How
To Use HTML Meta Tags - RR - Create
Great Websites, Without Any SEO. - Espadas, J., etc. (2008). Web site visibility evaluation. JASIST,
59(11), 1727-1742. (E-journal access through U of A libraries). - KYV (Know Your
Visibility) - a tool for evaluating the visibility of your websites - Lab 9: Metadata
April 12
- Presentations by students
- Assignment Due: Website design and construction Part 2
- Readings:
Resources
Information Architecture
- Information Architecture Institute (great information for wire-framing and basic web structuring; many articles in their "library")
- Introduction to Information Architecture
Web usability
- Nielsen, Jakob. 2000. Designing Web usability: The practice of simplicity. Indianapolis: New Riders Publishing. (ebook access through U of A libraries)
- Nielsen, Jakob, and Hoa Loranger. 2006. Prioritizing Web usability. Berkeley, CA: New Riders. (ebook access through U of A libraries)
- Jakob Nielsen's Alertbox
- Usability.gov
- Online books at Safari Books Online
- Vincent Flanders' Web Pages That Suck
- Web Navigation: How to Make Your Web Site Fast and Usable
- Yale C/AIM Web Style Guide
- nForm, a local usability/user-experience business
- KYV (Know Your Visibility) - a tool for evaluating the visibility of your websites
HTML, XHTML, CSS
- World Wide Web Consortium (W3C)
- How Web Pages Work by Brain, M.
- Active Jump HTML Tutorial
- HTML Goodies
- How to Use HTML Metatags
- css Zen Garden: The Beauty in CSS Design
- Resources on CSS on Eric Meyer's site, and a list of notable standards-oriented redesigns
- 45 Amazing CSS Web Design Galleries
No comments:
Post a Comment