Designing Interactions 2013-2: Lecture #01

{ Designing Interactions: Introduction }

You are at: Introduction » Learning Objectives and Outline

Learning Objectives §  You will be introduced to course outline,

Assessment criteria;

§  Introductory discussion on Design Thinking Outline §  Self-Introductions

§  Defining User Centered design

§  Course Outline & Assessment Criteria

§  Exercise

Designing Interactions: Introduction

Let me introduce myself:

Itamar Medeiros Graphic Designer

Web Designer

Photographer

Interaction Designer

Lecturer

Designing Interactions: Introduction


You are at: Introduction » Learning Objectives and Outline

7 years in China (between 2005 and 2012) Untitled, Nanjing Road, Shanghai, 2007

7 years in China (between 2005 and 2012) Medeiros, I., (2010), Shanghai Walking Tours: The Bund, retrieved 25 October 2011 from http://www.flickr.com/photos/china-designative/5061811354/in/photostream/

7 years in China (between 2005 and 2012) with my wife, Fabiane Medeiros, I., (2010), Shanghai Walking Tours: The Bund, retrieved 25 October 2011 from http://www.flickr.com/photos/china-designative/5061198577/in/photostream/

First addition to the family: Caleb Peng Medeiros (2011)

First addition to the family: Esther Peng Medeiros (2014)

Local Coordinator for the Interaction Design Association (ixDA) in Shanghai IxDA, (2010), Facilitating Local Gathering for the Interaction Design Association (IxDA) in Shanghai in An evening of conversation about Design, Interaction, Work and Life with Marc Rettig, retrieved 25 October 2011 from http://www.ixda.org/local/event/25395

Chronicler of all things Design, Technology & Culture Medeiros, I., (2006-2014), { design@tive } Thoughts on Design, Technology and Culture, retrieved 25 March 2014 from http://designative.info

Chronicler of all things Design, Technology & Culture Medeiros, I. (2010), Visual Communication in China: “You are here” in { design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 from http://designative.info/2010/11/18/visual-communication-in-china-you-are-here/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2010), Chinglish: Toilet Seats in China are “for weak only” in { design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 from http://designative.info/2010/04/05/chinglish-toilet-seats-in-china-are-for-weak-only/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2009), Living in China: Shanghai’s Pajamas Sightings in { design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 from http://designative.info/2010/03/25/living-in-china-shanghais-pajamas-sightings/

7 years in China (between 2005 and 2012) Untitled, Nanjing Road, Shanghai, 2007

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Chinglish: “Take Away Me”? in { design@tive } thoughts on Design, Technology & Culture, retrieved May 13th, 2013 from http://designative.info/2010/07/14/chinglish-take-away-me/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Chinglish: “Month Also Know Communications”? In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2012/04/16/chinglish-month-also-know-communications/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Visual Communication in China: “Visitors, this way”? in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/05/10/visual-communication-in-china-visitors-this-way/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Visual Communication in China: “This is a no-car bomb area”! In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/04/24/visual-communication-in-china-this-is-a-no-car-bomb-area/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Advertising in China: “Can’t Touch This”! In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/05/31/advertising-in-china-cant-touch-this/

Chronicler of all things Design, Technology & Culture Medeiros, I. (2012), Only in China: High-tech Sandwich Men in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2008/12/17/only-in-china-high-tech-sandwich-men/

Medeiros, I. (2012), Untitled [Photograph; The Dubai Mall Courtesy Policy Notice, Dubai (UAE).]

Medeiros, I. (2012), Untitled [Photograph; Pedestrian Crossing Button, Dubai (UAE).]

Introduction: Collect / Create / Relate / Donate

Collect Learn from previous experiences !Relate Consult with peers and mentors "

#$

Create Explore, compose,

and evaluate possible solutions

Donate Disseminating

results

Shneiderman, B. (February 1999), Creating Creativity for Everyone: User Interfaces for Supporting Innovation, ACM Transactions on Computer-Human Interaction 7, 1 (March 2000), 114-138.


You are at: Introduction » Collect / Create / Relate / Donate

Dubberly, H. (2005), “how do you design?” retrieved on June 1st, 2010 http://www.dubberly.com/articles/how-do-you-design.html






Clark Publishing. (2011), “Add Some Bunch to Your Playbook” retrieved on July 21st, 2011 http://www.gridironstrategies.com/articles.php?id=85

ISO (2010), “Human-centred design for interactive systems” in Ergonomics of human-system interaction -- Part 210, retrieved on July 21st, 2011 http://www.iso.org/iso/catalogue_detail.htm?csnumber=52075

IDEO (2011), Design Thinking Process in Design Thinking Toolkit for Educators, retrieved September 1st , 2011 from http://www.designthinkingforeducators.com/

Brown, T. (2006), Innovation Through Design Thinking in MIT Sloan School of Management’s Innovative Leader Series, retrieved September 1st , 2011 from http://video.mit.edu/watch/innovation-through-design-thinking-9138/

Let’s spend some time discussing:

§  How different is Design Thinking practice

from what you’re currently practicing?


You are at: Relate » “Traditional” Design & Design Thinking

Relate: “Traditional” Design & Design Thinking


Design Thinkers:

§  Cannot have ideas in the abstract;

§  Use the world as source of inspiration,

not validation;

Inspiration

Brown, T. (2006), Innovation Through Design Thinking in MIT Sloan School of Management’s Innovative Leader Series, retrieved September 1st , 2011 from http://mitworld.mit.edu/video/357


You are at: Relate » Inspiration

Kuniavsky, M. (2003), Observing the User Experience, Morgan Kaufmann; 1 edition (April 22, 2003)

Design Thinkers:

§  Build to think;

§  Learn by prototyping;

§  Put their ideas through hundreds of iterations;

Ideation



You are at: Relate » Ideation

Warfel, T.Z., (2009), Prototyping: A Practitioner's Guide, Rosenfeld Media; 1st edition (November 16, 2009)

Design Thinkers:

§  Use Storytelling as framework to

generate ideas


You are at: Relate » Implementation

Implementation


Quesenbery, W, (2010), Storytelling for User Experience: Crafting Stories for Better Design, Rosenfeld Media; 1st edition (April 15, 2010)

Design Thinkers:

§  Help connect the dots

Implementation




Brown, T, (2009), Change by Design: How Design Thinking Transforms Organizations and Inspires Innovation, HarperBusiness; First Edition edition (September 29, 2009)

Design Thinking:

§  Is not just about methodology, is just as much

about culture;

§  Is about being inspired and inspiring.

Culture




Kelly, T, (2005), The Ten Faces of Innovation, Doubleday (October 18, 2005)

The design process is what puts Design Thinking into action. It’s a structured approach to generating and developing ideas.

Design Thinking: Process



You are at: Collect » Design Thinking » Process



“Design Thinking” “Information Design” “Interaction Design”


You are at: Collect » Course Outline

Course Outline

Design Thinking (1/3 of the course) §  Week 01: Introduction §  Week 02: Discovery “Mode” §  Week 03: Interpretation “Mode” §  Week 04: Reflection in Action



Information Design (1/3 of the course) §  Week 05: Visualizing Data / Processes §  Week 06: Diagrams (Affinity / Swimlane / System

Boundaries) and Models (Mental / Work / Artifact) §  Week 07: Story Telling (Storyboarding / Customer

Journey Maps / Personas & Scenarios) §  Week 08: Reflection in Action

Course Outline



User Experience Design (1/3 of the course) §  Week 09: Turning Insights into Action §  Week 10: Concept Design, Wireframing, Prototyping §  Week 11: User Validation §  Week 12: Reflection in Action

Course Outline


You are at: Collect » Assessment Criteria

Assessment Criteria §  Weekly Research: 40% §  Reflection-in-Action: 20% (x3) = 60%

Course Outline



Design Thinking (1/3 of the course) §  Week 01: Design “vs” Design Thinking §  Week 02: Discovery “Mode” §  Week 03: Interpretation “Mode” §  Week 04: Reflection in Action

Course Outline

“Design Thinking” “Information Design” “Interaction Design”

“Design Thinking”




You are at: Collect » Discovery

Discovery builds a solid foundation for your ideas,

opening up to new opportunities, and getting

inspired to create new ideas.

Discovery


TED Conferences, LLC, 2011, “Paul Bennett finds design in the details”, retrieved on July 5th, 2011, http://www.ted.com/talks/paul_bennett_finds_design_in_the_details.html




You are at: Collect » Discovery » Understand the Challenge

A clearly defined challenge will guide your questions

and help you stay on track throughout the process.

Discovery: Understand the Challenge



You are at: Collect » Discovery » Understand the Challenge

A good challenge is phrased with a sense of

possibility. Make it broad enough to allow you to

discover areas of unexpected value, and narrow

enough to make the topic manageable.




You are at: Create » Discovery » Understand the Challenge


1.  Brainstorming Start with a broad view: ask yourself why people might need, want, or engage with your topic.

2.  Establish constraints Make a list of criteria and constraints for the challenge.

3.  Framing the Challenge Based on the thoughts you have collected, frame the challenge as one sentence starting with an action verb, such as: “create,” “define,” or “adapt.”

4.  Create a Visible Reminder Post the challenge in a place that everyone can see, to be reminded of your focus throughout the process;


You are at: Create » Discovery » Understand the Challenge


1.  Brainstorming Start with a broad view: ask yourself why people might need, want, or engage with your topic.

2.  Establish constraints Make a list of criteria and constraints for the challenge.

3.  Framing the Challenge Based on the thoughts you have collected, frame the challenge as one sentence starting with an action verb, such as: “create,” “define,” or “adapt.”

4.  Create a Visible Reminder Post the challenge in a place that everyone can see, to be reminded of your focus throughout the process;

Emmaus Campus Ministry (2013), Improve Your Productivity, retrieved November 7th 2013 from http://www.emmauscampusministry.com/improve-your-productivity/ /


You are at: Create » Discovery » Define Your Audience

Discovery: Define Your Audience

A deep understanding of peoples’ motivations and

needs is the best foundation for any design

solution. Engage with the broad spectrum of people

who will be touched by what you design.



You are at: Create » Discovery » Define Your Audience

Discovery: Define Your Audience

1.  List contacts Collect and write down the people or groups that are directly involved in or reached by your topic.

2.  Think More Broadly Add people or groups who are peripherally relevant, or are associated with your direct audience.

3.  Build an Overview Think about the connections these people have with your topic. Create a visual overview of those who you consider to be your main audience, as opposed to more peripheral contacts.

4.  Create a Visible Reminder Keep a map of the people involved in a visible place for you to revisit over the course of the project.

Chances are good that you already have some

knowledge about the topic. Share and document this

knowledge, so you can build on it and are free to

focus on discovering what you don’t yet know.


You are at: Donate » Discovery » Share What You Know

Discovery: Share What You Know



You are at: Donate » Discovery » Share What You Know

Discovery: Share What You Know

1.  Share What you Know Write down what you know about the topic. Use one piece of information per Post-it Note, and post them under the design challenge. Ask others for feedback and discuss any of the assumptions that come up.

2.  Define What You Don’t Know Write down and share what you don’t know or yet understand about the challenge. Post these questions in a different area.

3.  Build on your knowledge and fill in the gaps Group the Post-it Notes into themes and use them to plan your research. Write down questions you want to explore.


You are at: Create » Design Thinking » Exercise

Define the Challenge: Exercise

Let’s start preparation of our research:

§  A refined Design Challenge

§  A clear Definition of Your Audience

§  A list of your research questions and Assumptions

Emmaus Campus Ministry (2013), Improve Your Productivity, retrieved November 7th 2013 from http://www.emmauscampusministry.com/improve-your-productivity/ /

Go to our KISD Space for this course and add the

information related to the challenge you’ve chosen:

1.  A refined Design Challenge

2.  A clear Definition of Your Audience

3.  A list of your research questions and

Assumptions

Itamar Medeiros http://designative.info/ http://twitter.com/designative [email protected]


You are at: Donate » Disseminating Results

Donate: Disseminating Results