About

This blog presents lecture topics and linked material for Tom Mitchell's section of i300 HCI/Interaction Design class in the School of Informatics and Computing at Indiana University, Bloomington.

Wednesday, August 20, 2014

Wednesday, 3 September: Consolidation


In-class discussion of readings

Review of graded student examples

In-class review of sketches/diagrams 

Discussion of the ordering principles used in the museum via student examples

Preliminary discussion of the experience of finding your book

Homework:
  • Read Principles of Universal Design pdf (in Project 1 folder on Oncourse)
  • Read Don’t Make Me Think, “Street signs and breadcrumbs” (part 2) pp. 71 - 83; answer reading response questions and complete the interim assignments and submit through Oncourse assignments by Monday, 8 September at noon
  • Each student to complete and submit their design language findings through Oncourse as a PDF by Monday, 8 September at noon. The project should include, in a neat designerly layout: Title/Subtitle (perhaps centered). No introduction or background is needed but headings for each section like: Horizontal surfaces, Vertical surfaces, Relationship of the horizontal to the vertical [e.g. where meet at the edge of the floor and wall on the interior]. The overall concept of the building in three-dimensions can be seen from an aerial view (e.g. from Google Earth or Bing)

    Under each heading there can be an annotated image or images with a short caption explaining what is being shown.

    No caption or references (other than references to images other than your own) are needed.
Interim Assignments:
  • Begin determining what "navigational systems" are used in the IU Art Museum and Fine Arts Library? 
  • Preliminarily map the process of finding your assigned book
  • Complete design language analysis of IU Art Museum
Reading Response Questions:
  • What is "persistent navigation" and what are the four design elements associated with it?
  • What, according to Krug, are the metaphorical "street signs" in website design? What are the four key principles associated with them?
  • What are the metaphorical "breadcrumbs" of web design?
  • What are the advantages of the use of tabs in website design?