the perfect ux designer toolkit

44
The perfect UX designer toolkit Chui Chui Tan @ChuiSquared

Upload: cxpartners

Post on 11-Aug-2014

2.169 views

Category:

Design


1 download

DESCRIPTION

Talk for Web2day by Chui Chui Tan (@ChuiSquared)

TRANSCRIPT

Page 1: The perfect ux designer toolkit

The perfect UX designer toolkit Chui Chui Tan @ChuiSquared

Page 2: The perfect ux designer toolkit

@ChuiSquared

Chui Chui Tanhttp://www.fivesimplesteps.com/products/international-user-research

Page 3: The perfect ux designer toolkit

User Experience (UX) design

Page 4: The perfect ux designer toolkit

User, user, user

The most important tool for UX design: the users.

Page 5: The perfect ux designer toolkit

@MeenaKadri

Page 6: The perfect ux designer toolkit

User research

Page 7: The perfect ux designer toolkit

Face-to-face interview

Page 8: The perfect ux designer toolkit

Face-to-face interview

Silverback

Notational velocity

Pen and paper Evernote

TextExpander

Page 9: The perfect ux designer toolkit

Ethnography

Page 10: The perfect ux designer toolkit

Moderated remote testing

Webex

Skype

GoToMeeting

Adobe Connect

Slingshot

Pear note

Page 11: The perfect ux designer toolkit

Unmoderated remote testing

UserTesting.com

WhatUserDo.com

Netizen Testing

OpenHallway

Userlytics

Loop11

Page 12: The perfect ux designer toolkit

Guerilla testing

Page 13: The perfect ux designer toolkit

Online survey

Photo: www.surveycompare.net/paid-surveys/earn-money-online-surveys

Page 14: The perfect ux designer toolkit

Call centre listening

Page 15: The perfect ux designer toolkit

Store visit

Page 16: The perfect ux designer toolkit

Choose the one suits you the best

Budget

Time

What are you testing

What do you want to find out

Resources

Who are your users

Where are your users

Page 17: The perfect ux designer toolkit

DesignUser

research

Page 18: The perfect ux designer toolkit

Wireframing : Low-fi

Pen and paper

Sneakpeekit

uistencil

Page 19: The perfect ux designer toolkit

Wireframing : Low-fi

Keynote / Powerpoint

Page 20: The perfect ux designer toolkit

Wireframing: High-fi

Axure InDesign

Omnigraffle Sketch

Page 21: The perfect ux designer toolkit

Interaction and animation design

HTMl + CSS + JS

Axure

Hype

InVision

Flash

Justinmind

Indigo Studio

Page 22: The perfect ux designer toolkit

Prototyping

Page 23: The perfect ux designer toolkit

StrategyDesignUser

research

Page 24: The perfect ux designer toolkit

IA Strategy

Page 25: The perfect ux designer toolkit

Content Strategy Inventory (Quan) and audit (Qual)

Content Analysis Tool (CAT) Google Spreadsheet

Page 26: The perfect ux designer toolkit

Customer experience map

Page 27: The perfect ux designer toolkit

What users do

Tasks

Emotion

Choosing Specifying Financing Buying

‘Bottom half of the experience map’ can be used, for example, …

Page 28: The perfect ux designer toolkit

What users do

Phase 2

Web

Call centre

Competitor

Tasks

Emotion

Choosing Specifying Financing Buying

Page 29: The perfect ux designer toolkit

StrategyDesignUser

research

Page 30: The perfect ux designer toolkit

Communicate

User researchers

Designers

Front-end developers

Back-end developers

Business Analysts

Business stakeholders

Business stakeholders

SEO consultants

Page 31: The perfect ux designer toolkit

@Shopify

Keeping track

Page 32: The perfect ux designer toolkit

Workshop

Page 33: The perfect ux designer toolkit

Workshop tin

Page 34: The perfect ux designer toolkit

@Screenpunk

If you want to create a good user experience design, you need to involve your users in the process. !What others are doing in the industry does not mean it’s a good practice for good user experience.

Page 35: The perfect ux designer toolkit

User experience Vs Creativity

@Nebraska Oddfish

There’s a balance between being bold or creative and providing good user experience.

Page 36: The perfect ux designer toolkit

If you’re not talking to your users or taking into consideration their needs and behaviours, what you created might be a piece of beautiful art but is not usable and won’t convert sales or increase conversion rates.

Page 37: The perfect ux designer toolkit

www.hcdconnect.org/methods

Page 38: The perfect ux designer toolkit

www.pinterest.com/mistergough/digital-tools-for-service-design/

Page 39: The perfect ux designer toolkit

Pinterest boards on UX Tools

Page 40: The perfect ux designer toolkit

www.portigal.com/blog/seventeen-types-of-interviewing-questions/

User research

www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/

www.uxbooth.com/articles/complete-beginners-guide-to-design-research/

www.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/

www.nngroup.com/articles/which-ux-research-methods/

http://alistapart.com/article/beyond-usability-testing

Page 41: The perfect ux designer toolkit

www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

Sketching, wireframing, prototyping

mashable.com/2013/04/02/wireframing-tools-mobile/

POP - Prototyping on PaperProto.io

www.smashingmagazine.com/2011/12/13/the-messy-art-of-ux-sketching/

www.uxbooth.com/articles/tools-for-sketching-user-experiences/

Mobile prototyping tool

Page 42: The perfect ux designer toolkit

www.smashingmagazine.com/2013/04/29/content-knowledge-is-power/

IA and Content Strategy

www.usability.gov/how-to-and-tools/methods/card-sorting.html

www.usability.gov/what-and-why/content-strategy.html

uxmastery.com/how-to-conduct-a-content-audit/

www.portent.com/data/content-inventory/#audit-step-4-build-the-strategy

uxmag.com/articles/from-content-audit-to-design-insight

Page 43: The perfect ux designer toolkit

Customer experience map

quaero.csgi.com/writable/files/mapping_customer_journey.pdf

/ddeboard/ux-customer-experience-maps/

mappingexperiences.com/

uxdesign.smashingmagazine.com/2011/12/06/effective-user-research-transforming- minds-of-clients/

www.servicedesigntools.org/tools/8

blogs.hbr.org/2010/11/using-customer-journey-maps-to/

/akababa/uxcx-customer-journeys/

Pinterest

Page 44: The perfect ux designer toolkit

Chui Chui Tan@ChuiSquared

[email protected]