1. Designing better UX
uxd@absg.com uxd.absg.com
Girish Gangadharan
ABSG Enterprise Architecture
Workshop - 3

2. Birth of an application
The ideal process
Requirements
Gathering
Wireframes Visual Design Coding
Information
Architecture

3. Information Architecture

4. Wireframe Vs. Design
Wireframe Visual Design
Example #1
Courtesy: wireframe2design.com

5. Wireframe Vs. Design
Wireframe Visual Design
Example #2
Courtesy: wireframe2design.com

6. Common deliverables
* Site maps
* Page layouts
* Navigation design
* Wireframes
* Workflows

7. Common tasks
* Storyboarding
* Content grouping & labeling
* Card sorting
* Personas
* Sketching
* User interviews

8. Let’s look at
some of the
common techniques
of an IA

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

10. Storyboarding
Courtesy: werner-puchert.com

11. User Personas
Describe the target audience

12. In a nutshell…

13. 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.

14. UX
UX Design Cheat Sheet
Usefulness
Simplicity
Communication
?
?
?
Intuitiveness

15. Questions ?

16. Designing better UX
uxd@absg.com uxd.absg.com
Girish Gangadharan
ABSG Enterprise Architecture
Workshop - 3