transitioning into ux: general assembly hong kong 2015

53
© Copyright Brilliant Basics 2014 - Confidential be something! Transitioning to UX 1 Feb 2015

Upload: ted-kilian

Post on 14-Jul-2015

648 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

• BulletsA brief expansion on the bullet point above. Maximum of 1 line

Sub header

be something!

Transitioning to UX

1

F eb 2015

Page 2: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Business Strategists

IA, Library science

Technology

Graphic Designers

Copywriters Content strategists

HCI UI Engineers

Researchers

Product Managers

Industrial Designers

Architects

Front End Dev

Others???

Page 3: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

• Why is UX valuable to business?

• What is UX? How do we create that value?

• How can you begin to develop the skills that deliver that value?

It’s a question of value

Page 4: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential 4

Digital is part of almost every product/service experienceThe “Digital” is silent Digital media Digital services Digital communication Digital marketing Digital technology

Page 5: Transitioning into UX: General Assembly Hong Kong 2015

Small  players  are  disrup.ng  big  ecosystems

Page 6: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Value of Human Centred Design

Page 7: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Page 8: Transitioning into UX: General Assembly Hong Kong 2015

OK, so what is UX?

Page 9: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

UX, UI, CX, IXD, XD, HCI, HCD, UCD,IA, PX, WTF…

UX

iPhone

Human Factors & Ergonomics

Cognitive Psych WWWGUI

“Scandanavian” approach

& UCD

(2000s)

9

(2020s)(1980s)(1960s)(1940s)

GUI design

Pilot error

IA IXD ?Lean UX

“Ambient Digital”

?

Page 10: Transitioning into UX: General Assembly Hong Kong 2015

ContextContext

Proposition

Structure & Flow

Interaction

User Interface

Design in context

Page 11: Transitioning into UX: General Assembly Hong Kong 2015

An exercise in

Context

Page 12: Transitioning into UX: General Assembly Hong Kong 2015

ContextContext

Proposition

Structure & Flow

Interaction

User Interface

Goals Delight

Persuasion Usefulness

Usability

Page 13: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Usability• “If something is “usable” it means that …A person of average (or below average) ability and experience can figure out how to use the thing to accomplish something without it being more trouble than its worth.” -Steve Krug

• “Intuitive” actually just means self evident (or at least self-explanatory)

Page 14: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Usefulness

Page 15: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Persuasion

Page 16: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Delight

Page 17: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Key UX Skillsets: How do we create value?• User research: Understand and models who the users are and what they need and want, as well as testing prototypes and products.

• UX Strategy: Define strategy for product/service that supports customer, business & brand.

• Information Architecture: Design how content is organised, structured and described.

• Interaction design: Design flows, interactions and affordances.

• Content strategy: Design, create/source and govern content in the product.

• Visual design: Design and maintain appealing visual style and branding that supports the experience.

• Prototyping: Create model interactive products/interfaces

• Development and Development support: Code applications that users interact with or support integration with technical systems.

Page 18: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Components of a UX process

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Page 19: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Insights

Workshop

Sketch

Prototype

BuildTest

Document?

Page 20: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Discovery

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Page 21: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Hands on: Context of experience

• Activities • Environments • Interactions • Objects • Users • Time

MoneyTransactions

Page 22: Transitioning into UX: General Assembly Hong Kong 2015
Page 23: Transitioning into UX: General Assembly Hong Kong 2015
Page 24: Transitioning into UX: General Assembly Hong Kong 2015

Customer  Personas

Descrip.on  (Name,  Image,  Relevant  details)

Goals  (Needs,  Wants,  Gains  sought,  JTBD)

Behaviours  (Currently  doing,  Think,  Feel,  See,  Do,  Use)

Pain  points  (Current  problems  and  obstacles)

Page 25: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Definition

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Page 26: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Finding the problem

Finding the problem

PLAY

http://ecorner.stanford.edu/authorMaterialInfo.html?mid=2738

Page 27: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Hands on: Pain points

Top 3-5 pain points related to money transactions

Page 28: Transitioning into UX: General Assembly Hong Kong 2015

The Vodafone Answer Machine

Page 29: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Design

Page 30: Transitioning into UX: General Assembly Hong Kong 2015
Page 31: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Site map

Page 32: Transitioning into UX: General Assembly Hong Kong 2015

Wireframe

Page 33: Transitioning into UX: General Assembly Hong Kong 2015

Visual, Content and Information design

Page 34: Transitioning into UX: General Assembly Hong Kong 2015

1

2

3

Page 35: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Hands on: 6-8 solutions to one of the problems

• Design 8 features • Try 8 ways to do one thing

Page 36: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Implementation

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Page 37: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Prototyping

Page 38: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Test and Optimise

Discover Define Design Implement Test and Optimise

Research Data

Strategy Concept

Visual Content

IA Interaction

Prototype Front-end dev

QA

Usability Analytics

SEO

Page 39: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Testing and optimisation

Page 40: Transitioning into UX: General Assembly Hong Kong 2015
Page 41: Transitioning into UX: General Assembly Hong Kong 2015

Transitioning

Page 42: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

T-shaped people

Depth

Breadth

Page 43: Transitioning into UX: General Assembly Hong Kong 2015

Some aptitudes of UX

UX

• Passion and curiosity: for people, design, digital tech, etc.

• Creativity, vision, innovative mindset • Logic, organisation, structure • Storytelling, presentation, facilitation

capabilities • Business and commercial awareness • Technical understanding and

capability • Independence of thought

Page 44: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Business and commercial awareness

Page 45: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Technical understanding and capability

Page 46: Transitioning into UX: General Assembly Hong Kong 2015

46

My path

Page 47: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Building your value

Think Do Use

Read Study

Get curious

Evaluate experiences Make stuff

Research/Empathy Contribute Rehearse

People Events

Hackathons Educational providers

“Clients”

Grow your skills, portfolio and connections

Page 48: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Think: Passion is more valuable than skill• Read

• Steve Krug: Don’t make me think • Don Norman: The design of everyday things

• Jeff Gothelf: Lean UX • Dan Brown: Designing together

• Study • YouTube • Online courses (Coursera, Udemy, Udacity, NovoEd, etc)

• Classroom courses: General Assembly • Hands on • Meet people • Credibility

• Get curious • About everything digital, design, experience

• Follow interesting companies • Browse bookstores and libraries: Architecture, design, technology, business

Page 49: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Do: Experience is really just having done stuff• Evaluate experiences

• Websites, apps, products • Airports, dashboards, mail, shops

• Make stuff • Blogs, apps, prototypes • Physical as well as screens? • Code (at least a little)

• Research / Empathy • Get used to asking people • Become more observant

• Contribute • Converse • Write • Evangelise

• Rehearse • Talking about design • Talking about and showing your experience

• Talking about “why” and “so what”

Page 50: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential

Use: You are the average of the 5 people you spend the most time with

• People • Follow interesting people. Connect with purpose

• Network (or just talk to people!) • Offer to help

• Events • Attend • Browse, subscribe and keep abreast

• Hackathons / Design sprints • Great place to hothouse your skills

• Education providers • Courses like what GA offers

• “Clients” • Internal teams who need UX help • Volunteer for charities, clubs, startups

Page 51: Transitioning into UX: General Assembly Hong Kong 2015

Learn the rules so you can break the rules

Page 52: Transitioning into UX: General Assembly Hong Kong 2015

Ted  Kilian  Brilliant  Basics  

[email protected]

Make amazing stuff Make stuff amazing

Page 53: Transitioning into UX: General Assembly Hong Kong 2015

© Copyright Brilliant Basics 2014 - Confidential