ux design bar camp

39
Presented By: Ratha Hin Saturday, 22 September 12

Upload: ratha-hin

Post on 24-Apr-2015

669 views

Category:

Technology


2 download

DESCRIPTION

2012 BarCamp PP

TRANSCRIPT

Page 1: Ux design   bar camp

Presented By: Ratha Hin

Saturday, 22 September 12

Page 2: Ux design   bar camp

Today’s Agenda• What is User Experience Design?

• Why should we care?

• How does UX process?

• Question

Saturday, 22 September 12

Page 3: Ux design   bar camp

Whatis User Experience Design?

Saturday, 22 September 12

Page 4: Ux design   bar camp

Design is not just what it looks like and feels like,Design is how it works.

Steve Jobs

Saturday, 22 September 12

Page 5: Ux design   bar camp

Saturday, 22 September 12

Page 6: Ux design   bar camp

Saturday, 22 September 12

Page 7: Ux design   bar camp

Saturday, 22 September 12

Page 8: Ux design   bar camp

Saturday, 22 September 12

Page 9: Ux design   bar camp

Saturday, 22 September 12

Page 10: Ux design   bar camp

Saturday, 22 September 12

Page 11: Ux design   bar camp

Saturday, 22 September 12

Page 12: Ux design   bar camp

Visual Design

Saturday, 22 September 12

Page 13: Ux design   bar camp

what we see is

Visual Design

Saturday, 22 September 12

Page 14: Ux design   bar camp

what we see is

Visual Design“Visual design focuses on the aesthetics of a user interface, ensuring that it looks good, communicates the right image to users, and conforms to any brand guidelines.”

Saturday, 22 September 12

Page 15: Ux design   bar camp

Information Architecture“Information architecture (IA) focuses on the organization of data….”

But what we don’t see is

Saturday, 22 September 12

Page 16: Ux design   bar camp

Interaction Design“Interaction design concerns the controls, mechanisms, and processes that users require to perform their tasks on systems….”

But what we don’t see is

Saturday, 22 September 12

Page 17: Ux design   bar camp

Usability Engineering“Usability engineering is primarily about planning and executing various types of usability studies that test how well people can use a user interface….”

But what we don’t see is

Saturday, 22 September 12

Page 18: Ux design   bar camp

UX Design covers:

Information ArchitectureInteraction Design

Visual DesignUsability Engineering

Saturday, 22 September 12

Page 19: Ux design   bar camp

User Experience Honeycombby Peter Morville

Saturday, 22 September 12

Page 20: Ux design   bar camp

Saturday, 22 September 12

Page 21: Ux design   bar camp

Saturday, 22 September 12

Page 22: Ux design   bar camp

Saturday, 22 September 12

Page 23: Ux design   bar camp

InformationArchitecture

InteractionDesign

VisualDesign

Saturday, 22 September 12

Page 24: Ux design   bar camp

InformationArchitecture

Saturday, 22 September 12

Page 25: Ux design   bar camp

InformationArchitecture

Brochure

Example:

Saturday, 22 September 12

Page 26: Ux design   bar camp

InformationArchitecture

Website

Example:

Saturday, 22 September 12

Page 27: Ux design   bar camp

InformationArchitecture

Site map diagram

Deliverable:

Saturday, 22 September 12

Page 28: Ux design   bar camp

InteractionDesign

Sign up• Input email and full name• or user facebook account to signup

Saturday, 22 September 12

Page 29: Ux design   bar camp

InteractionDesign

user flowchart

Deliverable:

Saturday, 22 September 12

Page 30: Ux design   bar camp

InteractionDesign

wireframe

Deliverable:

Saturday, 22 September 12

Page 31: Ux design   bar camp

InteractionDesign

wireflow

Deliverable:

Saturday, 22 September 12

Page 32: Ux design   bar camp

VisualDesign

Let the fun begin

Saturday, 22 September 12

Page 33: Ux design   bar camp

VisualDesign

UI Element

Saturday, 22 September 12

Page 34: Ux design   bar camp

VisualDesign

Button Behaviour

Saturday, 22 September 12

Page 35: Ux design   bar camp

UX UInot

Saturday, 22 September 12

Page 36: Ux design   bar camp

UX

User InterfaceUI

User Experience

Saturday, 22 September 12

Page 37: Ux design   bar camp

UX

What people useto interactwith the product

UI

How they feelwhile they do.

Saturday, 22 September 12

Page 38: Ux design   bar camp

Saturday, 22 September 12

Page 39: Ux design   bar camp

Please ask any question!

Saturday, 22 September 12