primer on ux design - gramener bootcamp mar'16

69
Improving your User Experience A Basic Primer Ganes Kesari B Gramener Bootcamp (Mar’16)

Upload: gramener

Post on 22-Mar-2017

479 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Primer on UX Design - Gramener Bootcamp Mar'16

ImprovingyourUserExperienceABasicPrimer

Ganes Kesari BGramenerBootcamp (Mar’16)

Page 2: Primer on UX Design - Gramener Bootcamp Mar'16

So, what good

Experiences do you remember?

Page 3: Primer on UX Design - Gramener Bootcamp Mar'16

Childhood memories...?

Pic source: clotho98, Flickr

Page 4: Primer on UX Design - Gramener Bootcamp Mar'16

Favorite foods...?

Pic source: Wallpaperscraft

Page 5: Primer on UX Design - Gramener Bootcamp Mar'16

Dream destinations...?

Pic source: JamesWheeler,Flickr

Page 6: Primer on UX Design - Gramener Bootcamp Mar'16

Time with the family...?

Pic source: ScottOrtiz,Flickr

Page 7: Primer on UX Design - Gramener Bootcamp Mar'16

..but, anything to do with Technology ?

Pic source: LukeWroblewski

Page 8: Primer on UX Design - Gramener Bootcamp Mar'16

What is User Experience Design?Somedefinitions,andplacingthebuildingblocksincontext

5 Key Principles of UXBasicstepstoimprovingtheUserExperience

Clearing common Misconceptions about UXTop10mythsandclearingthiswithexamples

Evolving a Design PhilosophyUXDesignphilosophiesandpracticalexamples

LetstalkUX

Page 9: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 10: Primer on UX Design - Gramener Bootcamp Mar'16

“UX design is a commitment to building products with the customer in mind”

- Marieke McCloskeyDirector of Research at UserTesting

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 11: Primer on UX Design - Gramener Bootcamp Mar'16

“UX design is the art and science of generating positive emotions through product interactions”

- Tomer SharonSenior UX Researcher at Google

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 12: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 13: Primer on UX Design - Gramener Bootcamp Mar'16
Page 14: Primer on UX Design - Gramener Bootcamp Mar'16
Page 15: Primer on UX Design - Gramener Bootcamp Mar'16
Page 16: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: http://www.montparnas.com/

Page 17: Primer on UX Design - Gramener Bootcamp Mar'16

What is User Experience Design?Somedefinitions,andplacingthebuildingblocksincontext

5 Key Principles of UXBasicstepstoimprovingtheUserExperience

Clearing common Misconceptions about UXTop10mythsandclearingthiswithexamples

Evolving a Design PhilosophyUXDesignphilosophiesandpracticalexamples

LetstalkUX

Page 18: Primer on UX Design - Gramener Bootcamp Mar'16

5 Principles of UX• Learnability• Efficiency• Memorability• Error Management• Satisfaction

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 19: Primer on UX Design - Gramener Bootcamp Mar'16

#1 LearnabilityEase for users to accomplish basic tasks the first time they encounter the design.Usability over time. Improvement of task performance after repeated trials.

How many features do you have?Its the difference between a basic and advanced search

Are you targeting the right users?Novices vs experts, Young vs Old?

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 20: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 21: Primer on UX Design - Gramener Bootcamp Mar'16

#2 EfficiencyOnce users have learned the design, how quickly can they perform tasks?

Depth of interactions and organizational structureSimple structure for navigation and tasks. Easy in and easy out.

Appropriate and timely feedback and labellingShow users that their interactions are being accepted.

Appropriate affordance for the contextKnown interaction templates

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 22: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 23: Primer on UX Design - Gramener Bootcamp Mar'16

#3 MemorabilityWhen users return to the design after a period of not using it, how easily can they re-establish proficiency?

Do you remember the shortcuts?- Will users remember core functionality and task pathways?

Recall vs recognition- “Don’t make me think”; Structure for introducing new patterns

Pattern consistencyKnown interaction templates

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 24: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 25: Primer on UX Design - Gramener Bootcamp Mar'16

#4 Error ManagementHow many errors do users make, how severe are these and how easily can users recover from the errors?

Prevention is better than remediation- Find and correct areas with errors- Clear and descriptive error messages

Opportunities abound- Turn empty sets & dead-ends into opportunities to avoid errors

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 26: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 27: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 28: Primer on UX Design - Gramener Bootcamp Mar'16

#5 Satisfaction How do you keep users coming back?

What is a meaningful experience for the users?- How can you find out?

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

Page 29: Primer on UX Design - Gramener Bootcamp Mar'16

Pic Source: https://medium.com

Page 30: Primer on UX Design - Gramener Bootcamp Mar'16

Pic Source: https://pinterest.com

Page 31: Primer on UX Design - Gramener Bootcamp Mar'16

What is User Experience Design?Somedefinitions,andplacingthebuildingblocksincontext

5 Key Principles of UXBasicstepstoimprovingtheUserExperience

Clearing common Misconceptions about UXTop10mythsandclearingthiswithexamples

Evolving a Design PhilosophyUXDesignphilosophiesandpracticalexamples

LetstalkUX

Page 32: Primer on UX Design - Gramener Bootcamp Mar'16

10 Most Common

Misconceptions about

User Experience Design

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 33: Primer on UX Design - Gramener Bootcamp Mar'16

#1

User Experience design is NOT

User Interface design

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 34: Primer on UX Design - Gramener Bootcamp Mar'16

“User Experience isn’t a layer or component of a product or service. It’s really about the design of whole systems and their interconnections”

- Andrew HintonSenior information architect at Vanguard

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 35: Primer on UX Design - Gramener Bootcamp Mar'16

#2

User Experience design is NOT

A step in the process.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 36: Primer on UX Design - Gramener Bootcamp Mar'16

“User Experience design isn’t a checkbox. You don’t do it and then move on. It needs to be integrated into everything you do.”

- Liz DanzicoChair, MFA in Interaction DesignSchool of Visual Arts in NYC

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 37: Primer on UX Design - Gramener Bootcamp Mar'16
Page 38: Primer on UX Design - Gramener Bootcamp Mar'16

“Most clients expect experience design to be a discrete activity, solving all their problems with a single functional specification or a single research study. It must be an ongoing effort, a process of continually learning about users, responding to their behaviors, and evolving the product or service.”

- Dan BrownCo-founder and principal at EightShapes

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 39: Primer on UX Design - Gramener Bootcamp Mar'16

#3

User Experience design is NOT

Just about technology.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 40: Primer on UX Design - Gramener Bootcamp Mar'16

“User Experience design is not limited to the confines of the computer. It doesn’t even need a screen.. User experience is any interaction with any product, any artifact, any system.”

- Bill DeRoucheyDirector of Interaction design at Ziba Design

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 41: Primer on UX Design - Gramener Bootcamp Mar'16

Carelman’s teapot

From Don Norman’s “The Design of Everyday Things”

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 42: Primer on UX Design - Gramener Bootcamp Mar'16

#4

User Experience design is NOT

Just about Usability.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 43: Primer on UX Design - Gramener Bootcamp Mar'16

“While usability is important, its focus on efficiency and effectiveness seems to blur the other important factors in UX, which include learnability, visceral and behavioural emotional responses to the products and services we use”

- David MaloufProfessor of Interaction designSavannah College of Art & Design

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 44: Primer on UX Design - Gramener Bootcamp Mar'16

User Experience Honeycomb

Pic Source: http://semanticstudios.com/user_experience_design/

Page 45: Primer on UX Design - Gramener Bootcamp Mar'16

#5

User Experience design is NOT

Just about the User.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 46: Primer on UX Design - Gramener Bootcamp Mar'16

“We just can’t always do what is best for the users. There are a set of business objectives that are needing to be met –and we’re designing to that, as well”

- Russ UngerDirector of Experience Planning, DraftFCB

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 47: Primer on UX Design - Gramener Bootcamp Mar'16

Pic Source: http://semanticstudios.com/user_experience_design/

Three circles of Information Architecture

Page 48: Primer on UX Design - Gramener Bootcamp Mar'16

#6

User Experience design is NOT

Expensive.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 49: Primer on UX Design - Gramener Bootcamp Mar'16

“Sometimes a fully-fledged, formal UCD process may not be the best thing to try first time. It’s extremely important - and totally possible no matter where you’re working or when you arrive on a project – to make small improvements to both the project and the product by introducing some user experience design techniques.”

- Steve BatyPrincipal and UX strategist, Meld Consulting

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 50: Primer on UX Design - Gramener Bootcamp Mar'16

Source: https://www.dlibert.com

Page 51: Primer on UX Design - Gramener Bootcamp Mar'16

#7

User Experience design is NOT

Easy.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 52: Primer on UX Design - Gramener Bootcamp Mar'16

Source: http://okcancel.com/

Page 53: Primer on UX Design - Gramener Bootcamp Mar'16

Source: https://www.dlibert.com

Page 54: Primer on UX Design - Gramener Bootcamp Mar'16

#8

User Experience design is NOT

The role of one person or department.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 55: Primer on UX Design - Gramener Bootcamp Mar'16

“User experience isn’t just the responsibility of a department or a person. That compartmentalist view of UX is evidence that it is not part of the organizational culture. This hints to teams not having a common goal or vision for the experience they should deliver collectively.”

- Livia LabatePrincipal, UX, Comcast Interactive Media

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 56: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “IntroductiontoUX”,byEffectiveUI onSlideshare

The Design Process

Page 57: Primer on UX Design - Gramener Bootcamp Mar'16

Source: https://www.dlibert.com

Page 58: Primer on UX Design - Gramener Bootcamp Mar'16

#9

User Experience design is NOT

A single discipline.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 59: Primer on UX Design - Gramener Bootcamp Mar'16

“User experience may not even be a community just yet. At best, it’s a common awareness, a thread that ties together people from different disciplines who care about good design, and who realize that today’s increasingly complex design challenges require the synthesis of different varieties of design expertise.”

- Lou RosenfeldUX book publisher at Rosenfeld Media

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 60: Primer on UX Design - Gramener Bootcamp Mar'16

#10

User Experience design is NOT

A choice.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 61: Primer on UX Design - Gramener Bootcamp Mar'16

“The biggest misconception is that companies have a choice to invest in their user’s experience. To survive, they don’t”

- Joshua PorterPrincipal at Bokardo Design

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 62: Primer on UX Design - Gramener Bootcamp Mar'16

Experiences happen, whether or not you plan them.

When not intentionally designed, there’s a much higher likelihood of the experience being poor.

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 63: Primer on UX Design - Gramener Bootcamp Mar'16

Slide source: “10MostCommonMisconceptionsAboutUserExperienceDesign”,byWhitneyHessonSlideshare

Page 64: Primer on UX Design - Gramener Bootcamp Mar'16

What is User Experience Design?Somedefinitions,andplacingthebuildingblocksincontext

5 Key Principles of UXBasicstepstoimprovingtheUserExperience

Clearing common Misconceptions about UXTop10mythsandclearingthiswithexamples

Evolving a Design PhilosophyUXDesignphilosophiesandpracticalexamples

LetstalkUX

Page 65: Primer on UX Design - Gramener Bootcamp Mar'16

Guessthecompany?

Slide source: “DesignPrinciples:ThePhilosophyofUX”,byWhitneyHessonSlideshare

Page 66: Primer on UX Design - Gramener Bootcamp Mar'16

Guessthecompany?

Slide source: “DesignPrinciples:ThePhilosophyofUX”,byWhitneyHessonSlideshare

Page 67: Primer on UX Design - Gramener Bootcamp Mar'16

Guessthecompany?

Slide source: “DesignPrinciples:ThePhilosophyofUX”,byWhitneyHessonSlideshare

Page 68: Primer on UX Design - Gramener Bootcamp Mar'16

Whatshouldbe

OURUXDesignPrinciples?

Page 69: Primer on UX Design - Gramener Bootcamp Mar'16

So,areyoureadytoimprovethe

ExperienceofyourUsers?