mis 3504 digital design and...

28
MIS 3504 Digital Design and Innovation Class 10 – User Experience Photo: Installation by Jenny Holzer, US Pavillion, Venice Biennale 1990

Upload: lydat

Post on 25-Apr-2018

222 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

MIS 3504Digital Design and Innovation

Class 10 – User Experience

Photo: Installation by Jenny Holzer, US Pavillion, Venice Biennale 1990

Page 2: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

PEOPLE

Prototyping and

Design

Page 3: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

…you will need to understand the viewpoints of a full range of people…that you can avoid the trap of designing for yourself

Bill Moggridge / Designing Interactions / Process

Page 4: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

…designing interactions is enabled by prototyping…we arrive at good designs by prototyping early and often, …trying out ideas as quickly and frequently as possible…by taking them to the users for responses and evaluations

Bill Moggridge / Designing Interactions / Process

Page 5: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

…stop researching and let your tacit knowledge of the problem help you come up with design ideas, creative leaps, and first solutions

Bill Moggridge / Designing Interactions / Process

Page 6: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Bill Moggridge / Designing Interactions / Process

Page 7: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

What will your

Persona Like

Page 8: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

AgeOccupationLocationMarital statusChildrenIncomeEducation

A quote

Defining characteristics

Hobbies

Persona Definition

Page 9: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

http://geoinformatics.fsv.cvut.cz/wiki/images/2/21/Developing_web_map_application_based_on_user_centered_design-persona.png

Page 10: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Process = SCENARIO

Page 11: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Understanding HOW people will do their work

using your solution

Page 12: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

DOCUMENT your SCENARIO in JustinMind

Page 13: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching
Page 14: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

A well done scenario

Page 15: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

1: The big picture2: Where does the project begin and end3: Where does Analysis and Design fit

Software Solution PROCESS

Page 16: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Software Development Life Cycle

Page 17: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Research – Find what inspires youAnalysis – What do you want it to doDesign – How do we do it Construction – Build itImplementation – Deploy itMaintenance – Keep it running

What’s Next

Simply Stated

Page 18: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

What Makes a Good Design

• Do not clutter the screens

• Expand / Collapse information

• Use of icons and symbols

• Search

• Colors

• Navigation

• Controls

Page 19: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Do not clutter the screens more is not better

Page 20: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Expand / Collapse information

+ -

Page 21: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Use icon symbolsOver come the language barrier

Page 22: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Search

Page 23: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Colors Matter

Page 24: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Solution Navigation

Page 25: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Intuitive Controls

Page 26: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

http://3.bp.blogspot.com/_oJiC4AmR4UU/S4FlHotJBJI/AAAAAAAAAhk/F2SumCCPquk/s640/2420328820_d4e152ae6e_o.jpg

Team REVIEW

Page 27: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Solution Evaluation Dimensions

• How well does the solution meet the sponsors objectives

• How complete is the solutions• How correct is the solution• Does the solution have a logical flow• Is the solution appropriate given the

assumptions and constraints

Your questions should generate constructive criticism and suggestions for improvement

Page 28: MIS 3504 Digital Design and Innovationcommunity.mis.temple.edu/mis3504spring2018003/files/2018/03/Class... · Bill Moggridge / Designing Interactions / Process …stop researching

Constructive Feedback

• Ask open-ended questions and follow-up on the answers

• Ask why, what, when, where, who and how• Set a positive, helpful tone• Identify weaknesses, discuss them and

then suggest improvements• Identify strengths, discuss them, and then

offer extensions