UI UX WHATS UI UX?

RUBY KUAN

1

Ruby Kuan Digital Director ELLE / / Harpers Bazaar

Linkedin

Proficient in: User Research, User Experience, Persona & Scenarios, Products Development, Project Management, Internet Marketing, Community Marketing,

2004 / > 2007 > 2009 > 2010 > 2012 >2016

14User research 7Headlines

UX UI

WHATS UI UX?UI()UX()

UI

USER INTERFACE /

UX

USER EXPERIENCE /

UI

UX

Designtrendsspecification

Platformsandtools

Multi-deviceexperience

Flowandprocess

UserExperienceDesign

Multi-devicedesign

UI INTERFACE

EXPERIENCEUX

UI INTERFACE

https://goo.gl/3cMuUH

https://goo.gl/3cMuUH

EXPERIENCEUX

UI INTERFACE

UX EXPERIENCE

UX EXPERIENCE

1956

UI UX

UX UI

via: Jayan Narayanan

https://www.youtube.com/watch?v=Q5763pPchvw

Navigation bar mail box

Profile thumbnail

Content image/video

Clickable textButton

Tab bar

UI

IS WHAT

Why is this page the homepage

Why are we displaying user faces

Why is the content this size/long

Why those name need to be clickable

Why are we allowing to do those

Why 5 tabs

UX

IS WHY

ALL ABOUT

PEOPLE

UX researcher

UI designer

User Experience Research Usability Expert Analytics

Visual Design* Interaction Design * usefulness, usability, emotional

-Patientdoctor

UX designer

-ChiefPhysician

-Surgeons

Strategy Product Design Information Design

UX BEFORE UIUX UI

User Experience Research when marketing research is needed, and user

experience research is needed!

INVOLVEUX

ExperienceDesigner

Information Architecture

User research practices

Visual design

Interaction design

Editing & curatingCopy writing

Design process management

Information design

Agile methods

Analytics

User cases

Domain knowledge

ROI

Business knowledge

Technology

Marketing

Social Networks

Ethnography

Storytelling Sketching

Presenting

Facilitating

Critiquing

*>>

User Experience Research Marketing Research Interaction Design

Visual Design Product Design

Usability Expert Anthropology Research

Web Develop Front to End Engineer

UX

Visual

Design

Interaction

Design

Product

Design

Usability

Expert

User Experience

Research

UIdesigner

UXdesigner

UX researcher

FEengineer

Visualdesigner

Service Blueprint

Consumer Journey Map

Personas

Ecosystem Map

Competitive Audit

Value Proposition

Stakeholders Interviews

Key Performance Indicators

Brainstorming

Moodboards

Storyboards

User Flow

Task Analysis

Taxonomies

Content Audit

Heuristic Analysis

Sitemap

Use Cases and Scenarios

Metrics Analysis

User Interview / Focus Group

Quantitative Survey

Usability Testing

Card Sorting

A/B Test

Eyetracking

Accessibility Analysis

Sketches

Wireframe

METHODS AND TOOLSUX

Service Blueprint

Consumer Journey Map

Personas

Ecosystem Map

Competitive Audit

Value Proposition

Stakeholders Interviews

Key Performance Indicators

Brainstorming

Moodboards

Storyboards

User Flow

Task Analysis

Taxonomies

Content Audit

Heuristic Analysis

Sitemap

Use Cases and Scenarios

Metrics Analysis

User Interview Focus Group

Quantitative Survey

Usability Testing

Card Sorting

A/B Test

Eyetracking

Accessibility Analysis

Sketches

Wireframe

METHODS AND TOOLSUX

questionnaire survey

Who are the Users? What

are users trying to

do?

What will the

interface look like

How will it be

organized?

What problems are users having

Deployment and Release

Project start

Concept design

Detailed design

Product launch

USER CENTERED

DESIGN

user centered design is a process

Who are the Users?

What are users trying

to do?

What will the interface

look like

How will it be

organized?

What problems are users

having

Deployment and

Release

Project start

Concept design

Detailed design

Product launch

Persona / Market Segmentation

Competitive Analysis Contextual Inquiry Stakeholder Interviews Quality Function

Deployment

User Interview Focus Group

WhoaretheUsers?

Whatareuserstrying

todo?

What will the interface

look like

How will it be

organized?

What problems are users

having

Deployment and

Release

Project start

Concept design

Detailed design

Product launch

Journey Map Use Cases and Scenarios Task Analysis

User Interview Focus Group

questionnaire survey

WhoaretheUsers?

How will it be

organized?

What problems are users

having

Deployment and

Release

Project start

Concept design

Detailed design

Product launch

Sketches Wireframing Prototyping

Lean UX

What are users trying

to do?

What will the

interface look like

WhoaretheUsers?

What problems are users

having

Deployment and

Release

Project start

Concept design

Detailed design

Product launch

What are users trying

to do?

How will it be

organized?

What will the interface

look like

Card Sorting Tree Testing First Click Testing Keystroke Level

Modeling Heuristic Evaluations

WhoaretheUsers?

Deployment and

Release

Project start

Concept design

Detailed design

Product launch

What are users trying

to do?

What will the interface

look like

How will it be

organized?

What problems are users having

Unmoderated Remote Usability Testing

WhoaretheUsers?Project start

Concept design

Detailed design

Product launch

What are users trying

to do?

What will the interface

look like

How will it be

organized?

What problems are users

having

Deployment and Release

Usability Testing Comparative

Benchmark Study

A/B Testing

https://www.youtube.com/watch?v=Ovj4hFxko7c

What the #$%@ is UX Design?

via:UX Mastery

Do the design behind the visual

UX

THANKYOU!!

#LTUX_TP #LTUX facebook.Me:rubykuan418