16
Designing better UX [email protected] uxd.absg.com Girish Gangadharan ABSG Enterprise Architecture Workshop - 3

Designing better-ux-workshop-3

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Designing better-ux-workshop-3

Designing better UX

[email protected] uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 3

Page 2: Designing better-ux-workshop-3

Birth of an application The ideal process

Requirements Gathering

Wireframes Visual Design Coding

Information Architecture

Page 3: Designing better-ux-workshop-3

Information Architecture

Page 4: Designing better-ux-workshop-3

Wireframe Vs. Design

Wireframe Visual Design

Example #1

Courtesy: wireframe2design.com

Page 5: Designing better-ux-workshop-3

Wireframe Vs. Design

Wireframe Visual Design

Example #2

Courtesy: wireframe2design.com

Page 6: Designing better-ux-workshop-3

Common deliverables

* Site maps

* Page layouts

* Navigation design

* Wireframes

* Workflows

Page 7: Designing better-ux-workshop-3

Common tasks

* Storyboarding

* Content grouping & labeling

* Card sorting

* Personas

* Sketching

* User interviews

Page 8: Designing better-ux-workshop-3

Let’s look at some of the

common techniques of an IA

Page 9: Designing better-ux-workshop-3

Card Sorting

Courtesy: flickr.com/photos/fabrique/4594368435/in/set-72157623906518479/

Page 10: Designing better-ux-workshop-3

Storyboarding

Courtesy: werner-puchert.com

Page 11: Designing better-ux-workshop-3

User Personas

Describe the target audience

Page 12: Designing better-ux-workshop-3

In a nutshell…

Page 13: Designing better-ux-workshop-3

Let’s do a quick exercise

If you had to design a simple drug dispense workflow,

how would you do it?

Hint: Patient information, drug details, schedule etc.

Page 14: Designing better-ux-workshop-3

UX

UX Design Cheat Sheet

Usefulness

Simplicity

Communication

?

?

?

Intuitiveness

Page 15: Designing better-ux-workshop-3

Questions ?

Page 16: Designing better-ux-workshop-3

Designing better UX

[email protected] uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 3