Information Architecture

Information Architecture is a study of the organization and presentation of content for interactive systems and web sites.

SYLLABUS:


MAJOR ASSIGNMENT LIST:

# Assignment: Due:
1 Creative Brief Week 3
2 User Scenarios Week 4
3 Client Pitch Week 5
4 Site Map + Wireframes Week 7
5 Client documentation packet + presentation - [MIDTERM] Week 10
6 KCC Usability Research Project Week 15
7 Two mockups + updated client documentation packet + presentation - [FINAL] Week 16

CALENDAR:

WEEKLY SCHEDULE + DIGITAL ASSETS:

Click on the top bar for each week to expand or collapse the contents, or you can expand all weeks or collapse all weeks.

Week 1: Intro to the Course

Lesson:

Class examples + related links:

Assignment: Due: Week 2

  1. Buy the book: Usability for the Web by Tom Brinck, Darren Gergle, and Scott D. Wood.
  2. Read the Introduction and Chapter 1.
  3. Set up your class web page.
  4. Set up a local folder system where you will work and test your site locally.
Week 2: Creative Brief

Lesson:

Class examples + related links:

Assignment: Creative BriefDue: Week 3

  1. Complete your creative brief and post it on your class web page.
  2. Read Chapter 2 Pgs. 38-42 on User Scenarios.
  3. Read Chapter 3 Pgs. 64-72 on User Needs Analysis & Objectives.
Week 3: User Scenarios

Lesson:

Class examples + related links:

Assignment: User ScenariosDue: Week 4

  1. Complete the full Forrester WSR test on your client site and post your score only (not the word document) on your class web page.
  2. Write up at least three user scenarios with site interaction episodes.
  3. Read chapter 2 from Steve Krug's Don't Make Me Think
Week 4: Site Goals & Objectives

Lesson:

Class examples + related links:

Assignment: Client Pitch PresentationDue: Week 5

  1. If you haven't done so already, complete the full Forrester WSR test on your client site and post your score only (not the word document) on your class web page.
  2. Create your own usability checklist.
  3. Begin working on your client pitch power point presentation.
Week 5: Client Pitch Document

Lesson:

Assignment: Client Pitch PresentationDue: Week 5

  1. Finish your client pitch power point presentation.
Week 6: Site Maps

Lesson:

Class examples + related links:

Assignment: Site Maps (2)Due: Week 7

  1. Begin working on your two site maps: the 1st being a site map of the existing site, and the 2nd being your revised/proposed site map.
  2. Sketch, sketch, sketch!
  3. Consider paper prototyping (using paper/index cards to layout your site map).
Week 7: Site Maps & Wireframes

Lesson:

Class examples + related links:

Assignment: Revised Site Maps (2) and Wireframes (Min. 3)Due: Week 8

  1. Based upon the feedback from the wall critique in class, revise your two site maps: the existing site map and the revised/proposed site map.
  2. Begin working on your wireframes. You should have a minimum of three. For example, the home page, a sub page template, and one other sub page that may not follow a templated layout, such as a gallery/photo page or a product listing page.
  3. Sketch, sketch, sketch before you work digitally!
Week 8: Site Maps & Wireframes

Lesson:

Class examples + related links:

Assignment: Client Documentation Packet and PresentationDue: Week 10

  1. Begin your midterm project by gathering all of your assignments to date and putting all documentation together into one word document.
  2. Design the layout of your word document - be creative and be consistent. Pay attention to your typesetting.
  3. Work on three new site interaction episodes - where the users will interact with your new site structure and wireframes and succeed in completing their tasks and acheiving their goals.
  4. Once you finish the word document, then work on your client presentation document. Consider using your revised site map, wireframes, and new interaction epiosodes as the core content.
Week 9: Mid-term Project

Lesson:

Class examples + related links:

Assignment: Client Documentation Packet and PresentationDue: Week 10

  1. Continue working on your midterm project.
Week 10: Mid-term Project

Lesson:

Assignment: None

  1. No homework. Enjoy your Spring Break!
Week 11: NO CLASS - SPRING BREAK
Week 12: Research Project & Final Project

Lesson:

Class examples + related links:

Assignment: Research Project, Mockups, & updated Client Documentation PacketDue: Week 10

  1. Begin Data Collection. Start by downloading the spreadsheet and filling out all columns for the sites that you signed up for in class.
  2. Begin working on your home page redesigns.
Week 13: Research Project & Final Project

Lesson:

Assignment: Research Project, Mockups, & updated Client Documentation PacketDue: Week 10

  1. Consolidate the data with your partner and correct any conflicts.
  2. Once all data from all groups are consolidated, we will then total up all columns.
  3. Continue working on your home page redesigns while working on your research project.
Week 14: Research Project & Final Project

Lesson:

Class examples + related links:

Assignment: Research Project, Mockups, & updated Client Documentation PacketDue: Week 10

  1. Work on your individual task for updating the usability project web site.
  2. Continue working on your visual mockups (home page redesigns) while working on your research project.
Week 15: Research Project & Final Project

Lesson:

Assignment: Research Project, Mockups, & updated Client Documentation PacketDue: Week 10

  1. Finish your tasks for the usability project web site. We will launch the site and have a brief discussion about the results this week.
  2. Continue working on your visual mockups (home page redesigns).
Week 16: Final Project

Lesson:

Class examples + related links:

Assignment: Research Project, Mockups, & updated Client Documentation PacketDue: Week 10

  1. Continue working on your visual mockups (home page redesigns).
  2. Once you have completed your final designs, place them inside of your Client Documentation Word document and update the site interaction episodes and conclusion. Post the updated CDP file on your class web site.
Search:

Find it fast.

Class info:

Information Architecture
KCC | New Media Arts
Spring 2008
Kopiko 202
T,TH :: 10:45 am - 1:15 pm
Instructor: Chris Gargiulo
Office: Koa 109

Laulima:

Laulima is the online course management web site for the University of Hawai‘i. Login to visit this course's online resources such as the discussion board, chat room, and drop box.

Helpful Links:

Below is a list of online resources related to this course.

Research Project:

The KCC Usability Student Group Research Project is an annual study of the usability features of seventy five different web sites across fifteen product consumer categories.

CSS Gallery Sites:

Below is a list of sites that showcase sites built using CSS.