Wednesday, April 29, 2015

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

Friday, April 24, 2015

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?


Wednesday, April 22, 2015

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? 

Monday, April 20, 2015

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, April 16, 2015

    Thursday, 16 April

    User-Centered Design 3/4

    Personas, Scenarios, Ideate

    From David Rodgers

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


    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, April 14, 2015

    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, April 9, 2015

    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.

    Tuesday, April 7, 2015

    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.

    Monday, April 6, 2015

    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.