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.

Friday, October 31, 2014

Project 3 Hints based on review of drafts

Overall

Generally the Project 3 drafts I looked at had many good qualities. I was impressed. The approach to presentation, layout, and the general sense of designerliness just gets better and better. The essence of design, however, is iteration -- working, testing,  improving. With this in mind I will set out some hints -- some more significant than others -- to help you to refine your projects.

Always use the project brief (and these hints) as a "checklist" to guide you, ensure that you are including all required project aspects.


Layout

Include page numbers in your document.

Don't photograph screenshots, instead capture them with screenshot software (e.g. Jing, free from http://www.techsmith.com/download/jing/) for better legibility.


Content

You may use one of your individual projects as a starting point and choose another site of a similar type to compare to. However, if you were your own subject in the individual project then you will need to have at least one, preferably two, other users who are not members of your group to do the usability study of the two sites as well.

Overall the "framing" of your projects looks good, as do the studies themselves. There are, however, some areas that would benefit from further development:

Background

Include information about the two sites' history, corporate value (share price and/or market capitalization), number of subscribers, etc.  -- something to give a sense of the relative importance of each.

Case Study

I am the hypothetical client for your research into these websites. As such I need to understand that your research was rigorous and not arbitrary so I can trust your results. To do that I need to know what process you followed and what methods you employed.

The Process section sets out how you went about doing the study. What sites did you choose? Why? Who were the subjects? What is their demographic background (age? techy or novice users? etc.). How long did the studies take?

The Method sections sets out the tools or protocols you used in the study. In this case these are the usability testing resources Steve Krug presents on his website, linked to earlier. You need to detail how you applied the six stages of a usability study (as set out in the Krug book on pages 125 - 141) and use this as a framework for presenting your findings.

The Findings are, well, what you found. This could include a video (or clips) of the sessions and/or a list of the steps under-taken in order to accomplish the chosen task.

The Case Study Conclusions (or Summary) presents the performance of the two websites in the study in a comparative way, e.g. through a table.

Design Recommendations

Here you propose, for each website, ways in which it might be improved. You can do this in words and, preferably, also with a paper prototype (e.g. mock up) of how the site can be improved. Make this meaningful -- it's the true point of the study.


Conclusions

In this section you will reiterate the purpose of the project (i.e. to analytically compare the performance of two websites of a similar type from a user point of view when seeking to accomplish the same specific task). You will recount the stages you went through in the project and then draw conclusions and cite the rationale used in reaching those conclusions.


A very good, but not yet perfect, example:

Click to download a PDF of the full project and review it in terms of the comments below. Then look at your own project and note down what needs to be added, changed, or improved.

http://www.indiana.edu/~iucdp/DavidArgastProject3RD.pdf


My thoughts on this draft project:

Good general, consistent layout

"Break up" paragraph on page 1 -- too long

Background needs more specific detail on the business as a business, e.g. number of subscribers/users, company value, etc.

Pull forward content on pages 17 and 18, to before Findings in Case Study, and articulate a clear Process and Methods section (as set out above).

I might incorporate the overview of the site process with mapping (page 3) in the Conclusion of the Case Study.

VERY GOOD step-by-step review of what is required to complete the task.

Case study conclusions on page 16 are excellent -- good comparative study.

Paper prototypes for Design Recommendation on pages 21 and 22 are very good.

Some of the sections and sub-sections at the end are slightly out of order. Reorder based on outline and notes above to "tell the story" in the clearest way possible.

Good luck!

Thursday, October 30, 2014

Monday, 3 November

The Eight Worst Technological Predictions of All Time
 
  • In-class writing assignment: what, according to David Kelley, is “design thinking” and what are its characteristics?

Homework for Wednesday, 5 November at noon:
  • Complete Project 3, Team Member Evaluations, and Reflection Paper
  • Consider possible topics for Project 4

Monday, October 27, 2014

Wednesday, 29 October

Discuss Reading Response Questions

Review of final drafts of Project 3

Homework for Monday, 3 November at noon:
  • Continue work on Project 3, Team Member Evaluations, and Reflection Paper
  • Read Don’t Make Me Think, “Accessibility and You” pp. 172 - 181 and answer the following reading response questions:
    1. What three reasons does Krug give for making websites accessible?
    2. What four things can you do right now to make a website accessible?

Friday, October 24, 2014

Monday, 27 October

Project 1: Reading the Design Language, Wayfinding, and the Principles of Universal Design


Project 2: Assessing Modes of Interaction

Look at good examples


Project 3: Usability Testing

Look at good Project 3 interim 1 project examples

In class exercises:

Look for a:

Look for new SSD memory on:

http://eshop.macsales.com/shop/SSD/OWC 


Look for a Samsung 5-Burner 5.8-cu ft Self-Cleaning Slide-In Convection Gas Range (Stainless Steel) (Common: 30-in; Actual 29.812-in)

On www.sears.com and m.sears.com


Your projects:

How are your projects going? What sites have you chosen to compare?

Reiterate revised due date for final project, Wednesday, 5 November

Review project requirements, especially design recommendations (e.g. "paper prototype"), and hints

Group Project: here the group will choose two sites of a similar type and try to accomplish the same task on each. For our purposes you can have a single subject try to accomplish the same specified thing on each site and see which, if any, is better. Two subjects would be better but you need no more than three. Ideally these people would not be tech-familiar. You just want them to go through the stages, using the tools provided from Krug's website, and see what results you get.

Use and cite the Krug Usability testing tools explicitly.


Project 4: Human-Centered Design

Brief and Resources

http://www.indiana.edu/~iucdp/ModeGuideBOOTCAMP2010.pdf

http://www.indiana.edu/~iucdp/dSchoolBootcampBootleg.pdf


Topics?


Homework for Wednesday, 29 October at noon:
  • Complete Project 3 draft and submit through Oncourse assignments 

60 Minutes Segment on David Kelley and IDEO:

Question to answer in writing before leaving class: what, according to David Kelley, is "design thinking" and what are its characteristics? 


Monday, October 20, 2014

Wednesday, 22 October

Discussion of reading response questions

Review of initial pilot test - what did you learn?

Discussion of next steps in project


Homework for Monday, 27 October at noon:
  • Work on usability study
  • Read Don’t Make Me Think, “Usability testing on 10 cents a day” (part 2) pp. 127 - 141 and answer the following reading response questions:
    1. Why, according to Norman, are error messages evil?  
    2. What, according to Krug, are the typical problems found in web design?
    3. How, according to Krug, do you decide what to fix?
    4. What should you resist doing when fixing websites?

Friday, October 17, 2014

Project 3: Usability Testing: Hints

Individual interim work: each group member will do something significant on a webpage of your choosing (register, make a purchase, post a video, upgrade to a premium service). Document the steps you went through and what worked and what did not work. It might be helpful to have a friend make a video of this process, talk through each step of the process and then summarize them.

Include a title and subtitle, and your name; a very brief overview of the website you've chosen and the activity you're going to engage in, present each step visually (still /and or video images) and in words. Conclude how effectively the website supports you in your activity and note any usability issues you encountered.

Due: Wednesday, 22 October at noon

Group Project: here the group will choose two sites of a similar type and try to accomplish the same task on each. For our purposes you can have a single subject try to accomplish the same specified thing on each site and see which, if any, is better. Two subjects would be better but you need no more than three. Ideally these people would not be tech-familiar. You just want them to go through the stages, using the tools provided from Krug's website, and see what results you get.

Thursday, October 16, 2014

Monday, 20 October

Mid-term exam

Homework for Wednesday, 22 October at noon:
    • Complete Project 3 individual pilot study of a single website
    • Read Don’t Make Me Think, “Usability testing on 10 cents a day” (part 1) pp. 110 - 126 and answer the following reading response questions:
      1. Why, according to Krug, are focus groups not suitable forums for usability testing? Be specific.
      2. What are the three "True Things" Krug identifies in usability testing?
      3. What are the six major elements of a usability test?

      Monday, October 13, 2014

      Wednesday, 15 October

      Presentations of final project

      Discuss mid-term study questions 

      In-class usability testing exercises

      New group assignments

      Homework for Monday, 20 October:
      • Prepare for mid-term exam

      Friday, October 10, 2014

      Wednesday, October 8, 2014

      Project 2 Hints

      Ensure that you focus your analysis on the interface of the two pieces of exercise equipment you choose.

      There seems to be some confusion about mapping, it is a multi-layered subject.

      Mapping in the design context involves anticipating the mental models, the tacit understandings, that people bring to their interactions with things – physical and virtual.

      There is good mapping when the design supports people’s expectations, e.g. if the knobs controlling heat to the burners on a stove:
      Bad mapping exists where there is no correct mental model “embedded” in the design, as in the case below. The user doesn’t know the relationship of the knobs to the burners based on this design:

      In the context of this project what you are trying to determine is the extent to which the mapping of the interface designs do or do not support the actions of potential users.

      To study this you can ask someone to approach the equipment and walk through all the actions needed to get it operational. The easiest way to track this is to videotape the process. Prompt the “subject” to vocalize each step they engage in and the extent to which it does, or does not help them. Afterwards you can do a diagram like the ones in Krug’s “Breadcrumbs” chapter on the stage of use (though yours may well be simpler):

      Remember: there are two types of users: naïve and experienced; their points of view are different. Ideally you would study each but in this case you can choose one or the other.

      Within the interface design itself there will be a variety of signifiers/affordances (e.g. buttons, perhaps a display) and perhaps some constraints (e.g. the “safety cord” on treadmills). Articulate the relationships of these to the overall mental model.

      Ultimately you’re trying to “tell the story of use” of each of the two machines, from an interface point of view, and draw conclusions based on what you’ve learned of mapping, signifiers/affordances, and constraints as to how well each one does, or does not, support the activities of the user.


      Formatting Tips

      Again you will submit a PDF document through Oncourse.

      You can “embed” video in the document [the tech sheet linked to yesterday’s blog gives hints about how you can do that, e.g. post your video on Vimeo or YouTube and link to it from your PDF]

      Your AIs will give you additional suggestions on formatting your documents in class tomorrow.

      Tuesday, October 7, 2014

      Wednesday, 8 October

      Discussion of reading response questions

      In class review of Project 2 drafts to date

      Homework for Monday, 13 October at noon:
      • Complete Project 2 draft and submit through the Assignments portion of Oncourse.

      Thursday, October 2, 2014

      Monday, 6 October








      Revised Syllabus

      Review initial analyses of exercise equipment

      Reiterate Project 2 requirements


      http://vimeo.com/87380201

      Video/Graphics Help Sheet

      Don Norman: Emotional Design



      Homework for Wednesday, 8 October at noon:
      • Continue to work on Project 2 draft - This is an extension
      • Read Don’t Make Me Think, “Mobile” (part 2) pp. 155 - 163; answer reading response questions and complete interim assignment; submit through Oncourse assignments. The questions are:
        1. What, according to Krug, makes an app “delightful”?
        2. What does it mean to make an app “learnable” and “memorable.” Be specific, citing an example from your personal experience.
      • Add to your reading response the answer to the following questions:
        1. What are the three "levels" of emotional design, according to Don Norman
        2. Explain what each entails
        3. Choosing a single item of importance to you, explain it in terms of the three levels of emotional design.