Designing better-ux-workshop-3

Designing better UX

uxd@absg.com uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 3

Birth of an application The ideal process

Requirements Gathering

Wireframes Visual Design Coding

Information Architecture

Information Architecture

Wireframe Vs. Design

Wireframe Visual Design

Example #1

Courtesy: wireframe2design.com

Wireframe Vs. Design

Wireframe Visual Design

Example #2

Courtesy: wireframe2design.com

Common deliverables

* Site maps

* Page layouts

* Navigation design

* Wireframes

* Workflows

Common tasks

* Storyboarding

* Content grouping & labeling

* Card sorting

* Personas

* Sketching

* User interviews

Let’s look at some of the

common techniques of an IA

Card Sorting

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

Storyboarding

Courtesy: werner-puchert.com

User Personas

Describe the target audience

In a nutshell…

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.

UX

UX Design Cheat Sheet

Usefulness

Simplicity

Communication

?

?

?

Intuitiveness

Questions ?

Designing better UX

uxd@absg.com uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 3