Designing better-ux-workshop-3

497 views

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
497
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing better-ux-workshop-3

  1. 1. Designing better UXuxd@absg.com uxd.absg.comGirish GangadharanABSG Enterprise ArchitectureWorkshop - 3
  2. 2. Birth of an applicationThe ideal processRequirementsGatheringWireframes Visual Design CodingInformationArchitecture
  3. 3. Information Architecture
  4. 4. Wireframe Vs. DesignWireframe Visual DesignExample #1Courtesy: wireframe2design.com
  5. 5. Wireframe Vs. DesignWireframe Visual DesignExample #2Courtesy: wireframe2design.com
  6. 6. Common deliverables* Site maps* Page layouts* Navigation design* Wireframes* Workflows
  7. 7. Common tasks* Storyboarding* Content grouping & labeling* Card sorting* Personas* Sketching* User interviews
  8. 8. Let’s look atsome of thecommon techniquesof an IA
  9. 9. Card SortingCourtesy: flickr.com/photos/fabrique/4594368435/in/set-72157623906518479/
  10. 10. StoryboardingCourtesy: werner-puchert.com
  11. 11. User PersonasDescribe the target audience
  12. 12. In a nutshell…
  13. 13. Let’s do a quick exerciseIf you had to design a simple drugdispense workflow,how would you do it?Hint: Patient information, drug details, schedule etc.
  14. 14. UXUX Design Cheat SheetUsefulnessSimplicityCommunication???Intuitiveness
  15. 15. Questions ?
  16. 16. Designing better UXuxd@absg.com uxd.absg.comGirish GangadharanABSG Enterprise ArchitectureWorkshop - 3

×