Designing better UX
[email protected] 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
[email protected] uxd.absg.com
Girish Gangadharan
ABSG Enterprise Architecture
Workshop - 3
Recommended