Tuesday, 5 May, 10:15 am - 12:15 pm

Final Exam Period

Thursday, 30 April

The Really Big Picture
Design Thinking, Sustainability, Tim Brown

3.3 Resubmissions -- due Tuesday, 5 May at 12:01 am, include project, team member evaluations, and personal reflection

Grading Options
For Projects 3 and 4 you can choose to count all the interim grades (3.1, 3.2 and 4.1, 4.2, 4.3) or you can choose to have your final grade 3.3 or 4.4 count for the full percentage of the project, e.g. Project 3: 12.5% and Project 4: 16%. If you wish to count only  the grade for either project please email your mentor and Tom by noon on Friday, 1 May. 

Note: each person who wants to choose to count only their final grade should email Tom and their mentor or all team members should be copied on your email.

http://www.economist.com/news/science-and-technology/21636715-why-electric-car-may-be-much-dirtier-petrol-one-cleaner-what?fsrc=scn%2Ffb%2Fwl%2Fvi%2Fwhyelectriccarsarentalwaysgreener

 

Questions on the Final Exam Questions?

Look at Good Student Projects

Review Course Content  

Mini-Projects
Logotype Design exercise -- to help develop skills in designerly presentation

Emotional Design analysis -- to understand what design means to people

Projects
Affordance + Constraint analysis -- to understand how we are guided in our interactions with objects and interfaces

Mapping study -- to understand how we "navigate" through interfaces in dependence upon mental models

Usability Testing -- to learn how to evaluate users' experience of interfaces, and to identify the differences between them

User-Centered Design -- to take everything learned to date in class and apply the dSchool framework, including observation, interviewing, prototyping and testing,  to create actual user-responsive solutions for non-profit community organizations

Reading Responses and Exams -- to gain fluency with the following key concepts, people, and firms in HCI/d:

User Interface (UI), User Experience (UXD), Project Life Cycle, Iteration,
Reflective, “Computer Administrative Debris,” Principles of Good Design,
Edward Tufte, Dieter Rams, Sir Jony Ive

Information Architecture, Aesthetics, Hierarchy, Icon, Symbol,
Typography, Fonts (Serif and Sans Serif), Logotypes, Four principles of page
layout, Massimo Vignelli

Ergonomics, Affordances, Constraints, Don Norman, Smart Design

Visceral, The Three “Levels” of Emotional Design

Behavioral, Flow, Ambient Music and Video, Soft Design, Brian Eno

Metaphor, Goal, Mapping, Metaphors, Fallibility

Task Modeling, Expectations, Trust

Usability Testing, A-B Testing, Tools for UXD, Usability testing, Steve Krug
Final topics

Usability, Responsive Design, Ethnography, Wireframes, Fun design,
Feedback

User-Centered Design (UCD), User Journeys, Narrative

User-Research, Stanford dSchool, dMindsets, the Five Modes of a User-
Centered Design Process, IDEO, David Kelley, Bill Moggeridge

Empathy, Define, Interview with Empathy

Personas, Scenarios, Responsive Design

Rapid Prototyping, Semantic Design

Design thinking, Sustainability, Tim Brown

Design Journals and Sketchnoting

Most significantly -- I think everyone has developed the ability to engage in "design thinking" -- to plan strategically and to work effectively and collaboratively on large, complex tasks-- as in the "real world" -- and to present your results clearly and visually.

Discuss Reflections

Design Journal check off with Mentors -- I will review any from Tori's group

Homework for Tuesday, 5 May at 10:15 am:

Prepare for Final Exam

Tuesday, 28 April

The Really Big Picture

Design Thinking, Sustainability, Tim Brown

Project 4.4 due date extension: Thursday, 30 April at 12:01 am 

Project 3.3 Resubmission Opportunity

Since some of you didn't get feedback on Project 3.2 before submitting 3.3, I'm giving anyone who wants it the opportunity to edit and resubmit project 3.3.

If you wish to do this please do not take time away from Project 4. Instead incorporate the changes after completing Project 4.

The deadline for the resubmission is: Tuesday, 5 May at 12:01 am

If you plan to resubmit, please email your mentor to let them know to look for your project.

Grading Options

For Projects 3 and 4 you can choose to count all the interim grades (3.1, 3.2 and 4.1, 4.2, 4.3) or you can choose to have your final grade 3.3 or 4.4 count for the full percentage of the project, e.g. Project 3: 12.5% and Project 4: 16%. If you wish to count only  the grade for either project please email your mentor and Tom by noon on Friday, 1 May.

Extra Credit Opportunities:

• Design Journal -- worth up to 5 points on one's final grade, depending upon completeness -- show your mentor your journal at the end of class on Tuesday, 28 April or Thursday, 30 April -- or make an office hours appointment with them
• Sketchnoting -- scan or use camscanner.com app (don't photograph) good examples and email them to your mentor

Review Reading Response 14 Questions:

What is the difference between a linear and an iterative design process? Which is better? Why?

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

What are the six principles of user-centered design as set out by the ISO (International Organization for Standardization)? To what extent have you followed these in your work on Project 4? 

1. The design is based upon an explicit understanding of users, tasks and environments
2. Users are involved throughout the design and development
3. The design is driven and refined by user-centered evaluation
4. The process is iterative
5. The design addresses the whole user experience
6. The design team includes multidisciplinary skills and perspectives.

Review Final Exam Study Questions

There will be 25 multiple choice questions that will count 2.5 points each, divided about equally between material from the first and second half of the semester.

There will be 6 short answer questions, all drawn from the second half of the semester, that will count 6 points each.

Everyone will get 1.5 points just for showing up and taking the exam.

Key Concepts in Sustainability

Cradle to Cradle

William McDonough and Michael Braungart

Life Cycle Design

 

http://www.businessinsider.com/k-cup-inventor-john-sylvans-regret-2015-3

Design for the Environment (DfE)

Green Drinks Bloomington

Informatics Professor Eli Blevis: A leading researcher in sustainable interaction design

Blevis-SustainabilityBestPaper-CHI2007.pdf

More at: http://dl.acm.org/author_page.cfm?id=81100365314

Things to consider:

• The amount of energy and resources that go into making digital devices
• The amount of energy used by servers
• What happens to our digital devices once they become obsolete (in a few years time)

Irony: 22% of plug in electric and hybrid owners are trading in and getting SUVs

 

http://www.usatoday.com/story/money/cars/2015/04/21/earth-day-electric-ev-hybrid-dissatisfied-suv/26121125/

View Objectified on Sustainability and Design Thinking


Design Journal check off with Mentors

Homework for Thursday, 30 April at 12:01 am through Assignments on Oncourse:

Complete Project 4.4, team member evaluations, and individual reflection paper

Read UXD pp. 170 - 171, "Conclusion"

Write Final Reflection Paper addressing:

1. How your understanding of HCI/d has changed through the semester
2. How what you've learned relates to what your own study and career goals are
3. What are the most useful things you've learned during the semester?

Thursday, 23 April

User-Centered Design 4/4

Rapid Prototyping, Semantic Design

"Scanning" alternative suggestion from Jeffrey:

www.camscanner.com

Reiterate Assignment

Project 4.4 due date extension: Thursday, 30 April at 12:01 am

Review Exam Questions

View Tim Brown video "From Design to Design Thinking"

In-class writing assignment: Summarize key concepts in the film and draw a conclusion relating the topics Brown discussed to the work we've been doing in this class.

Include your name and your current Mentor's name at the top of the page., and turn them in to your Mentor when you leave.

Homework for Tuesday, 28 April at 12:01 am through Assignments on Oncourse

Continue work on Project 4.4, team member evaluations, and individual reflection paper

Complete Reading Response 14. Read UXD pp. 120 - 131

1. What is the difference between a linear and an iterative design process? Which is better? Why?
2. What are the six principles of user-centered design as set out by the ISO (International Organization for Standardization)? To what extent have you followed these in your work on Project 4? 

Tuesday, 21 April

User-Centered Design 4/4

Rapid Prototyping, Semantic Design

You have just completed rapid prototyping in Project 4.3.

The key? "Fail" early, and keep iterating.

As we start to wrap up the course...

Project 3.3 grades posted now

Project 3.3 Resubmission Opportunity

Since some of you didn't get feedback on Project 3.2 before submitting 3.3, I'm giving anyone who wants it the opportunity to edit and resubmit project 3.3.

If you wish to do this please do not take time away from Project 4. Instead incorporate the changes after completing Project 4.

The deadline for the resubmission is: Tuesday, 5 May at 12:01 am

If you plan to resubmit, please email your mentor to let them know to look for your project.

Grading Options

 For Projects 3 and 4 you can choose to count all the interim grades (3.1, 3.2 and 4.1, 4.2, 4.3) or you can choose to have your final grade 3.3 or 4.4 count for the full percentage of the project, e.g. Project 3: 12.5% and Project 4: 16%. If you wish to count only  the grade for either project please email your mentor and Tom. 

Office Hours

No office hours for Shannon today

I have them today and Thursday

Omar has them tomorrow

Other Mentors by appointment

Remaining Due Dates:

Tuesday, 28 April -- Project 4.4: [Final) User-Centered Design Project due, Reading Response 14 due
Thursday, 30 April -- Final Reflection Paper due
Tuesday, 5 May at 12:01 am: Project 3 Resubmissions due (optional), including new personal reflection and team member evaluations
Tuesday, 5 May, 10:15 am - 12:15 pm -- Final Exam given

Extra Credit Opportunities:

• Design Journal -- worth up to 5 points on one's final grade, depending upon completeness -- show your mentor your journal at the end of class on Tuesday, 28 April or Thursday, 30 April -- or make an office hours appointment with them
• Sketchnoting -- scan (don't photograph) good examples and email them to your mentor

Review Reading Response 13 answers:

What, according to the authors, are the advantages of building apps into existing platforms, like Facebook?

For User: Provides authentication (no need to log in), a familiar interface, opportunities for shared experiences, and access to services provided by the platform, such as user registration and geolocation data. 

For Client: Access to large numbers of potential users, built-in payment systems, and opportunities to market their business through social media.

What is a “requirements statement”? What are its aspects and why are they important?

A clear definition of the desired outcome of a project.

It will have a hierarchical structure with essential requirements at the top of the hierarchy and supporting requirements lower down. 

It is easy, when going through the iterations of a project, to lose sight of a project's focus. 

 They should:

• Maintain a clear focus on user experience instead of focusing on developing "features" 

• Apply design to achieve functionality

• Link and simplify different requirements in a single responsive design rather than developing multiple designs.

 What is “semantic design”? What are its characteristics and why is it important?

"The purpose of a semantic design is to devise a data-model, or information architecture (IA), for organizing information in a way that makes sense to people. 

"It also defines the language, (or syntax) for the systems that will store, link, exchange and interpret the data in order to personalize our experience."

 Emphasize the role of "metadata," or "data about data" that is embedded into digital documents, e.g. file names, tags in social media -- i.e. how to people understand and work their way through information-rich environments (as you saw when doing usability testing what the designer intended isn't always clear to people)

Project 4.3: Review of Student Work

• Christopher Podlaski group
• Ingrid Weiss group
• Lucus Lim group

Discussion of Project 4.4

Hints:

• Write additional sections
• Revise and unify existing sections
• Do a "style guide" and paste your work into it from you working document

Presentation by Mentor Tori Rice

Looking ahead:

• Thursday, 23 April: Video of Tim Brown, CEO of IDEO, that addresses design thinking in the context of business and innovation
• Tuesday, 28 April: Final exam question review and Sustainability
• Thursday, 30 April: Final Reflection and course wrap up
• Tuesday, 5 May at 10:15 am: Final Exam

Team Work Time

Homework for Thursday, 23 April:

• Work on Project 4.4 

Thursday, 16 April

User-Centered Design 3/4

Personas, Scenarios, Ideate

From David Rodgers

http://www.reddit.com/r/Design/

http://www.reddit.com/r/CrappyDesign

As we start to wrap up the course...

Due Dates:

Tuesday, 21 April -- Project 4.3: Prototype Design and Testing due, Reading Response 13 due
Tuesday, 28 April -- Project 4.4: [Final) User-Centered Design Project due, Reading Response 14 due
Thursday, 30 April -- Final Reflection Paper due
Tuesday, 5 May, 10:15 am - 12:15 pm -- Final Exam given

Extra Credit Opportunities:

• Design Journal -- worth up to 5 points on one's final grade, depending upon completeness -- show your mentor your journal at the end of class on Tuesday, 28 April or Thursday, 30 April -- or make an office hours appointment with them
• Sketchnoting -- scan (don't photograph) good examples and email them to your mentor
• Presentation of Interim Work -- on Tuesday, 21 April -- let me know if you want to do that.

Project 4.3:

• How is it going?
• Review Brief

Review of Previous Student Examples

http://designerlinessi300.blogspot.com/2014/12/project-4-good-examples-of-prototype.html

http://designerlinessi300.blogspot.com/p/project-4-user-centered-design.html

Presentation by Mentor Tori Rice

Team Meeting Time

Homework for Tuesday, 21 April at 12:01 am through Assignments on Oncourse:

Complete Project 4.3

Complete Reading Response 13: Read UXD pp. 136 - 143 and answer:

1. What, according to the authors, are the advantages of building apps into existing platforms, like Facebook?
2. What is a “requirements statement”? What are its aspects and why are they important?
3. What is “semantic design”? What are its characteristics and why is it important?

Tuesday, 14 April

User-Centered Design 3/4

Personas, Scenarios, Ideate

Reading Response Review:

What are “personas”? What are their characteristics and what purpose do they serve?

"A fictitious character created when considering the suitability of a design soluation for an archetypal users. Personas are based upon research into real people, rather than an imagined 'ideal' user."

What are some of the research techniques employed by the firm Keep It Usable?

"Our preferred method is ethnographic-style research. Observing and interviewing users in their environment in an everyday context shows a more natural interaction with the product or service being tested, and gives a truer reflection of the user experience.

Also lab based, e.g. eye tracking -- where they are looking and for how long.

What is the most surprising thing you learned from the information contained in The User Experience Machine graphic?

What is the relationship of personas and scenarios? Please be specific.

"Personas can be given life by creating scenarios that feature them in the role of the user."

Look at Student 4.2 Examples

 What are the key issues for design that you've identified?

Project 4.3: Prototype Design and Testing (ideate, prototype, and test)

https://vimeo.com/6085753

Review Project 4 Brief

Stanford dSchool Bootcamp Bootleg

Liam Bolling to present on his app GreekRide

IDEO.org Field Guide

Team Time

Homework for Thursday, 16 April:

Begin Prototype Design and Testing

Thursday, 9 April

User-Centered Design 2/4

Empathy, Define, Interview with Empathy

http://recode.net/2015/04/08/from-apple-ii-to-apple-watch-a-timeline-of-apples-most-iconic-product-launches/

Final Exam Study Questions

Review Project 4.2 Requirements

Project 4.2 Clarifications and Hints

Based on my discussion with some of you and afterwards with the mentors, I've revised and simplified some of what I said in class today. Specifically:

You may do the user-centered design on the processes of the client group themselves, e.g. ServeIT, WIUX, IUSF, etc. In other words, you wouldn't need a separate user group from the client at this stage.

However, you still want to ensure that you follow the five modes of the user-centered design process. To do this you first want to familiarize yourself the seven dMindsets (and the Assume a Beginner's Mindset method in the Bootcamp Bootleg document) to guide your approach and thinking. In other words, approach the project with an open and empathetic mind towards your client.

For Project 4.2 you then want to apply the dSchool Methods. First you will observe the activities of your organization to orient yourself to the context and client culture. Based on this you want to apply the Methods set out in the Bootcamp Bootleg document, specifically the Interview Preparation and Interview with Empathy methods (pp. 9 - 10).

Based on your observation and interview you want to generate Composite Character Profile(s)/Persona(s) representing all of the key users who will be affected by your user-centered design.

In the Design Brief section, having empathized with your client, you then define the specific needs of your client for design in a strategic way. "Designing a website," or "update their website" are not suitable design briefs. Instead you need, based on your research, to determine at a higher level what their key processes and systems are and how well they do, or do not, work. Based on this you can identify the most pressing needs for design. For example, if they could improve one thing what would it be? How would they know whether their issues have been successfully resolved or not? What is the criteria for success?

The Process, that will appear at the beginning, is a description of how you did the stages just described.

Presentation by Mentor Shannon Grimme

Team Work Time

Homework for Tuesday, 14 April at 12:01 am through Assignments on Oncourse

Complete Project 4.2

Complete Reading Response 12:  Read UXD pp. 48 – 51; 114 - 119

1. What are “personas”? What are their characteristics and what purpose do they serve?
2. What are some of the research techniques employed by the firm Keep It Usable.
3. What is the most surprising thing you learned from the information contained in The User Experience Machine graphic?
4. What is the relationship of personas and scenarios? Please be specific.

Project 4.2 Clarifications and Hints

Based on my discussion with some of you and afterwards with the mentors, I've revised and simplified some of what I said in class today. Specifically:

You may do the user-centered design on the processes of the client group themselves, e.g. ServeIT, WIUX, IUSF, etc. In other words, you wouldn't need a separate user group from the client at this stage.

However, you still want to ensure that you follow the five modes of the user-centered design process. To do this you first want to familiarize yourself the seven dMindsets (and the Assume a Beginner's Mindset method in the Bootcamp Bootleg document) to guide your approach and thinking. In other words, approach the project with an open and empathetic mind towards your client.

For Project 4.2 you then want to apply the dSchool Methods. First you will observe the activities of your organization to orient yourself to the context and client culture. Based on this you want to apply the Methods set out in the Bootcamp Bootleg document, specifically the Interview Preparation and Interview with Empathy methods (pp. 9 - 10).

Based on your observation and interview you want to generate Composite Character Profile(s)/Persona(s) representing all of the key users who will be affected by your user-centered design.

In the Design Brief section, having empathized with your client, you then define the specific needs of your client for design in a strategic way. "Designing a website," or "update their website" are not suitable design briefs. Instead you need, based on your research, to determine at a higher level what their key processes and systems are and how well they do, or do not, work. Based on this you can identify the most pressing needs for design. For example, if they could improve one thing what would it be? How would they know whether their issues have been successfully resolved or not? What is the criteria for success?

The Process, that will appear at the beginning, is a description of how you did the stages just described.

Tuesday, 7 April

User-Centered Design 2/4

Empathy, Define, Interview with Empathy

Summer HCI/d Class Opportunity
If you might be interested in a 400-level class this summer that takes these ideas further, and that meets the HCC (Human-Centered Computing) requirement please email me -- mitchelc@indiana.edu

Note: This class would be taught by an Informatics PhD student.

Project 3.3 Resubmission Opportunity

Since some of you didn't get feedback on Project 3.2 before submitting 3.3, I'm giving anyone who wants it the opportunity to edit and resubmit project 3.3.

If you wish to do this please do not take time away from Project 4. Instead incorporate the changes after completing Project 4.

The deadline for the resubmission is: Tuesday, 5 May at 12:01 am

If you plan to resubmit, please email your mentor to let them know to look for your project.

Reading Suggestions

Mitchell Chapter: "Design Thinking: From the tactical to the strategic"

 

http://www.economist.com/news/business/21647612-once-dominant-software-giant-determined-prove-life-begins-again-40-opening?zid=293&ah=e50f636873b42369614615ba3c16df4a

Good Design/Tech Twitter Follows:
@FastCoDesign
@TheEconomist
@waltmossberg
@WSJD
@DesignObserver
@Dezeen

Reading Response 11: Read UXD pp. 144 – 155:

1. What is empathy? Why is it important? How is it cultivated in the UXD context?

Putting yourself in someone else's shoe...and acting on that understanding. (As indicated in the book)

2. What is project management? Why is it important? What tools are available to help with project management? Do you use any of them in your projects?

A way to explicitly organize your work process...you will almost always work collaboratively in groups, e.g.

https://basecamp.com/

https://trello.com/

3. What approaches are available to visualize interface designs? Review a range of options and cite examples of any of the approaches that you, yourself, have used.

Paper, tablet, steel template (pp. 146 - 147), whiteboards, sketchnoting, audio/video on smartphone, gamestorming and brainstorming, flowcharts, diagrams, storyboards

http://sketchnotearmy.com/

4. What tools are available to help elicit feedback from users? Be specific about the approaches and their characteristics.

Desk research, card sorting, contextual inquiry, content experiment, etc.

5. What is a “prototype”? What are the two types of prototype? What are the characteristics and benefits of each?

"A prototype (or mock up) is a model of an interactive design that can be used as a basis for developing improvements in the design (my italics)."

1. Wireframes, visual prototypes that reveal the underlying structure of an interactive design as a grid.
2. Interactive prototypes, take the mock-up a step further by simulating an interactive session. 

http://www.shankarux.com/the-unexotic-underclass/

Project 4.1:

What places have you chosen, what issues have you identified?

Review select student examples

Project Emphasis: Strategic, not Tactical

Review Project 4 Brief: 

Design Thinking Process Guide
 
Bootcamp Bootleg 

Project 4.2:

dSchool modes being utilized:

1. Empathize -- it's why we're doing user-responsive design in the first place -- to bring benefit to others
2. Define -- it's what you're doing now in your project, defining the user group's need for design

Resulting in a Composite Character Profile, or Persona as a basis for design itself.

Web Based Persona Resources:

http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience

http://www.usability.gov/how-to-and-tools/guidance/gsa-first-fridays-program.html

http://www.usability.gov/how-to-and-tools/methods/personas.html

Meet with your Team
 

Homework for Thursday, 9 April:

Do preliminary (or follow) interview, as a group, with your Project 4 client and, if possible, users themselves. Apply the dSchool methods explicitly.

Thursday, 2 April

User-Centered Design 1/4

User-Research, Stanford dSchool, dMindsets, the Five Modes of a User-Centered Design Process, IDEO, David Kelley, Bill Moggeridge

Eight Worst Technology Predictions of All Time

Summer HCI/d Class Opportunity

If you might be interested in a 400-level class this summer that takes these ideas further, and that meets the HCC (Human-Centered Computing) requirement please email me -- mitchelc@indiana.edu

Project 3.3 Resubmission Opportunity

Since some of you didn't get feedback on Project 3.2 before submitting 3.3, I'm giving anyone who wants it the opportunity to edit and resubmit project 3.3.

If you wish to do this please do not take time away from Project 4. Instead incorporate the changes after completing Project 4.

The deadline for the resubmission is: Tuesday, 5 May at 12:01 am

If you plan to resubmit, please email your mentor to let them know to look for your project.

 
More on IDEO

IDEO.org Amplify Project

Bill Moggeridge, inventor of Interaction Design

Cooper Hewitt National Design Museum (a part of the Smithsonian Institution)

Review Project 4 progress

What organizations are you considering working for?

Have you contacted them?

What needs for design have you identified?

Non-Profit Organizations in the Community

Design Thinking Process Guide
 
Bootcamp Bootleg

Three ways to get a bad grade on Project 4.1:

1. Not choosing a worthwhile, non-profit cause
2. Not having made contact with the client or client group in advance of submitting your interim work
3. Not having done 1 and/or 2 and jumping to the conclusion that the organization needs a technological solution, e.g. webpage or app

Review final exam study questions

Presentation by Mentor Shankar Balasubramanian

Meet with your team and discuss your work with your mentor for a Participation and Professionalism grade

Homework for Tuesday, 7 April at 12:01 am through Assignments on Oncourse:

Complete Project 4.1

Complete Reading Response 11: Read UXD pp. 144 – 155 and answer:

1.  What is empathy? Why is it important? How is it cultivated in the UXD context?
2. What is project management? Why is it important? What tools are available to help with project management? Do you use any of them in your projects?
3. What approaches are available to visualize interface designs? Review a range of options and cite examples of any of the approaches that you, yourself, have used.
4. What tools are available to help elicit feedback from users? Be specific about the approaches and their characteristics.
5. What is a “prototype”? What are the two types of prototype? What are the characteristics and benefits of each?

Tuesday, 31 March

User-Centered Design 1/4

User-Research, Stanford dSchool, dMindsets, the Five Modes of a User-Centered Design Process, IDEO, David Kelley, Bill Moggeridge

Error Messages are Evil

How did your Usability Testing projects turn out?

Exam Grades Posted

Everyone received a 6.67 point curve on your grade

If you want your exam back please check with your mentor

Extra Credit Sketchnoting

Submit scans of good pages to your (new) mentor by noon on Friday, 17 April

Reading Response 10 Question Review

1. Why is user-research important?

Because it enables you to create designs that deliver a better experience.

2. What are the two basic questions of an interactive design process? Describe the nature and importance of each?

1. Who will use it?
2. What will it do?

3. What are four of the ways of learning about users and the context in which designing takes place. Please set out the characteristics of each.

1. Surveys
2. Interviews and focus groups
3. Field studies
4. Generative approaches

Introduce Project 4: User-Centered Design

Context

The Stanford Institute of Design (dSchool)
http://dschool.stanford.edu/ 

IDEO
www.ideo.com

IDEO.org
www.ideo.org

  
Review Project 4 Brief, and interim assignments

Good student examples:

Problem Identification (though formatting should be more designerly)

Of complete project (though cover page should not be numbered):

Meet with (new) Team

Homework for Thursday, 2 April:

Choose potential organizations to serve as your user, preliminarily contact them. 

Thursday, 26 March

Week 10: Usability Testing 3/3

User-Centered Design (UCD), User Journeys, Narrative


Looking ahead to Project 4: User-Centered Design

If you wish to change teams for Project 4 please notify your new intern by email by Friday, 3 April at noon.

For additional help with your project please arrange to attend office hours.

Note: if you ever have any concern about any of the advice you've been given or don't fully understand the comments about your project you can always ask me!

You, and your team, need to choose a non-profit community organization to do a design for. To start, here's a list of some you might consider:

http://www.bloomingtononline.net/directory/category/Non-Profit-Organizations/64

Graphic Design Legend Paul Rand

Review Mid-term Exam Answers

Project 3: Usability Testing Progress?

Are there any remaining questions on the project?

What are the main things you've learned so far in the project?

 Review Brief 

 Review good student work

Portfolio presentation by Mentor Danny Rudzinski

Meet with Teams

Homework for Tuesday, 31 March at 12:01 am through Assignments on Oncourse:

Complete Project 3: Usability Testing, along with a personal reflection and evaluations of each of your team members

Complete Reading Response 10, Read UXD pp. 41 – 47

1. Why is user-research important?
2. What are the two basic questions of an interactive design process? Describe the nature and importance of each? 
3. What are four of the ways of learning about users and the context in which designing takes place. Please set out the characteristics of each.

Tuesday, 24 March

Week 10: Usability Testing 3/3

User-Centered Design (UCD), User Journeys, Narrative

http://www.dezeen.com/2015/03/18/john-maeda-silicon-valley-design-businesses-worth-billions-dollars-tech-industry-design-in-tech-report/

Inconsistent Feedback

Reminder re: new Mentor assignments for the remainder of the course:

Edward Tufte Group: Shankar Balasubramaniam • shrabala@indiana.edu

Dieter Rams Group: Jeffrey Gadzala • jagadza@indiana.edu

Jony Ive Group: Tori Rice • tjrice@indiana.edu

Don Norman Group: Danny Rudzinski • drudzins@indiana.edu

Brian Eno Group: Karthik Rao • karrao@indiana.edu

Steve Krug Group: Shannon Grimme • seschenc@indiana.edu

IDEO Group: Omar Sosa-Tzec • omarsosa@indiana.edu

Additional Extra Credit Opportunity

Submit scanned (not photographed) examples of your good sketchnoting to your (new) Mentor

 Review Reading Response 9 Questions:

1. What is User-Centered Design? What are its characteristics? Why is it important? 
2. What are “user journeys”? Why are they important in UXD? What are the stages of such a process? 
3. What are the aspects of a “narrative”?
4. Please cite an interaction you’ve had, e.g. with a game, and explain the narrative in terms of the framework set out in the book. 

Looking ahead to Project 4: User-Centered Design

You, and your team, need to choose a non-profit community organization to do a design for. To start, here's a list of some you might consider:

http://www.bloomingtononline.net/directory/category/Non-Profit-Organizations/64

Project 3: Usability Testing Progress?

Are you happy with your first interim submission?

What have you learned?

What has surprised you?

 Review Brief 

Look at Student Examples

In-class: Your new mentors will come around and check off your work to date as part of your Participation and Professionalism grade

Note: if you wish to change teams for Project 4 please notify your new intern by email by Friday, 3 April at noon.

For additional help with your project please arrange to attend office hours.

Homework for Thursday, 26 March at 12:01 am through Assignments on Oncourse:

Complete interim project 3.2, including:

Additional usability test of the website and app. Include “Background,” enhance the write up of your team’s Case Study through the “App Mode” subsection. Set out preliminary Findings, as well. 
 

 

Thursday, 12 March

Mid-term Exam.

Have a great spring break!

Homework for Tuesday, 24 March at 12:01 am through Oncourse Assignments:

Complete Reading Response 9: Read UXD pp. 26 – 33; 64 – 67; 102 - 103

1. What is User-Centered Design? What are its characteristics? Why is it important? 
2. What are “user journeys”? Why are they important in UXD? What are the stages of such a process?
3. What are the aspects of a “narrative”? 
4. Please cite an interaction you’ve had, e.g. with a game, and explain the narrative in terms of the framework set out in the book. 

Tuesday, 10 March

Usability, Ethnography, Wireframes, Fun design, Feedback 

Ethnography a branch of anthropology that studies people in their normal environment

Wireframes examples from Mentor Karthik Rao's in-class presentation

Thank you for your Reflections! They are very helpful to us.

Reflection is a key quality in HCI/d

Key themes in your submissions seemed to include:

• A better sense of what the field of HCI/d as a whole is
• A more detailed awareness of the nature of our interactions with technology (and how poorly designed many things are from this point of view)
• Designerly presentation and sketchnoting skills
• The applicability of many of the skills being learned here to other classes and to your future career as a whole (re: student CVs)
• Others?

I would add that you are developing not just your awareness and presentation skills, but also:

• Design thinking skills/active learning through the project work
• Good work habits and the right attitude
• The ability to work effectively in groups 
• Familiarity with the methods and protocols learned in the field and, ultimately
• The ability to engage in user-center design itself.

Other thoughts?

Review Reading Responses 8 Questions:

1. How, according to the authors, does one “design” a fun experience? Cite an example from your own experience.
2. What is usability a “measure of,” according to the authors?
3. What is the value of simplicity in UXD? Cite an example from your own experience where it is present and where it is not; what are the consequences of each?
4. What, according to the authors, is the importance of feedback in a design and what happens if appropriate feedback is not present?

Are there overall questions on Project 3: Usability Testing?

What is the main thing you've learned so far?

How different was the user experience of the website and app?

Presentation of interim work

Notes:

• No one from your team can be the subject of your study

• Your subject may not use the search function while conducting the study

• You may use standard, not reduced size, PDFs if you need to for quality reasons (so long as the file can be uploaded to Oncourse)

More principles from Steve Krug:

Krug's three laws of usability: 

1. Don't make me think!
2. It doesn't matter how many times I have to click, as long as each click is a mindless, unambiguous choice
3. Get rid of half the words on each page, then get rid of half of what's left.

Krug's first law of usability testing:
Testing with one user is 100% better than testing with none

Krug's "Trunk Test" answer, quickly, the following questions:

• What site is this? (Site ID)
• What page am I on? (Page name)
• What are the major sections of this site? (Sections)
• What are my options at this level? (Local navigation)
• Where am I in the scheme of things ("You are here" indicators)
• How can I search?

Review Next Steps in Project 3 Evolution

Questions on the Mid-term Study Questions?

Mentor Jeffrey Gadzala to present on "Interaction Design in the 'Real World'" -- Thoughts on Interactions 2015 in San Francisco

Team Meeting Opportunities 

Homework for Thursday, 12 March:

• Prepare for Mid-term Exam
• Continue work on Project 3 
• Interim Project 3.1 due date extended until noon on Friday, 13 March
   

Project 3.1. Pilot Usability Study Interim Assignment Hints

Based on questions that arose in class with the teams yesterday here's a few additional hints that might help you complete the interim pilot usability study due on Tuesday.

First to reiterate key aspects of the assignment:

What's due on Tuesday, 10 March at 12:01 am through Oncourse Assignments?

3.1. Pilot usability test of website and app by a single subject

In other words, you will choose a person to engage in certain specified tasks on the website and app of the same company/entity/organization.

What is to be included in your interim project submission?

Title and subtitle and the following aspects of the Case Study:

Method:
The method you are using is a simplified version of the process Steve Krug sets out in the resources linked to from the Project Brief. The six steps he identifies (with the approximate time for each) are:

1. Welcome (4 minutes)
2. The questions (2 minutes)
3. The Home page tour (3 minutes)
4. The tasks (35 minutes)
5. Probing (5 minutes)
6. Wrapping up (5 minutes)

Process:
This is how your team actually went about the study. What site/app did you choose? Why? Who was your first subject? What is his/her demographic background (age? techy or novice user? etc.). How long did the studies take? Each team needs to detail how they applied the six stages of a usability study and use this as a framework for presenting your findings.

In particular you want to specify the scenarios you are having the user engage in. While you want people to complete a single, specified task on both the website and app you also want to ensure that the task has adequate complexity. In general have three aspects of the task, or three scenarios, e.g. registering as a user, shopping for and evaluating an item, and placing it in a wish-list, would be appropriate.

Background on the User Interfaces:
Include annotated screen shots of the key pages, identifying their primary elements.

Website Mode:
Present, step-by-step, the stages of doing a significant action through the website, e.g. making a purchase. What inputs do your subjects make? What feedback are they given by the site, step-by-step? How do they know when the action is complete? What information are they given to let them know? What works well for them? What confuses them? Present a flow chart of the actions taken and the associated feedback from the site. 

It may be helpful to record the whole interaction on the site using Jing, or another program that allows you to record a video with sound of everything taking place on the screen during the interaction. The video can then be used as a resource and a table produced with descriptions and annotated screenshots showing the key aspects of the interaction and/or the video itself could be edited and annotated to provide a digest of the key interactions.

App Mode:
Present, step-by-step, the stages of doing a significant action through the app, e.g. making a purchase. What inputs do your subjects make? What feedback are they given, step-by-step? How do they know when the action is complete? What information are they given? What works well for them? What confuses them? Present a flow chart of the actions taken and the associated feedback from the app.

It may be helpful to record the who interaction on the app using one of the programs discussed in the links below. The video can then be used as a resource and a table produced with descriptions and annotated screenshots showing the key aspects of the interaction and/or the video itself could be edited and annotated to provide a digest of the key interactions.

Findings:
Findings are not due as part of this interim assignment but you might find it useful to go ahead and reflect on the similarities and differences in the functionality of the two modes, as well as on what you learned from engaging in User Testing itself.

Potentially Helpful Links re: Screen Recording Software:

User Recording Software:

• http://silverbackapp.com/  

• http://www.techsmith.com/morae.html

Video Capture of Screen:

http://www.techsmith.com/jing.html 

http://blogs.techsmith.com/tips-how-tos/screen-capture-tablet-ipad-tutorial/

http://fieldguide.gizmodo.com/how-to-record-your-screen-on-an-android-phone-or-tablet-1643311413

http://www.macworld.co.uk/how-to/iphone/how-capture-iphone-screen-video-3522253/