Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
User Experience (UX)
Khalid Syed
21/5/2015
What is UX
• us·er ex·pe·ri·ence
noun
The overall experience of a person using a
product such as a mobile application, web...
UX Umbrella
UX vs UI
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design UI
UI != UX
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
Content Strategy
• Depends on what domain/industry and the
purpose of the app
– For Ecommerce/Restaurants its vital to str...
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
User Research
• How do you classify your product users
– Is it for enterprise users
• Ease of Functionality is priority th...
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
Usability
Usability - Components
• Utility
– Less or no Errors made by the user during the process of completing a task
• Completene...
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
Information Architecure
• IA is all about connecting:
– Users
– Content
– Context
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
Interaction Design
• Apple pioneered the smooth transition of Video
Play from portrait to landscape mode (Fun)
• Suggestin...
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Desi...
Visual Design
• Good use of Shapes
– Solids or Wireframes
• Good use of Colors
– Color palettes
• Good use of Shades
– Inf...
Visual Design
Summarizing
Aim for Pleasurable UX
Remember*: Apple sells Pleasurables!
Upcoming SlideShare
Loading in …5
×

User Experience (UX)

978 views

Published on

• us·er ex·pe·ri·ence
noun
The overall experience of a person using a
product such as a mobile application, website or
computer application, especially in terms of how
easy or pleasing it is to use.

Published in: Design
  • Login to see the comments

  • Be the first to like this

User Experience (UX)

  1. 1. User Experience (UX) Khalid Syed 21/5/2015
  2. 2. What is UX • us·er ex·pe·ri·ence noun The overall experience of a person using a product such as a mobile application, website or computer application, especially in terms of how easy or pleasing it is to use. "if an app or website degrades the user experience too much, people will simply stay away"
  3. 3. UX Umbrella
  4. 4. UX vs UI • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design UI
  5. 5. UI != UX
  6. 6. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  7. 7. Content Strategy • Depends on what domain/industry and the purpose of the app – For Ecommerce/Restaurants its vital to structurally show TEXT • Menu Categories • Items List Under a Menu • Item Details – For Catalalog the emphasis is on IMAGES
  8. 8. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  9. 9. User Research • How do you classify your product users – Is it for enterprise users • Ease of Functionality is priority than Looks – Is the product for public in the age group 20-40 • Just Ease of Functionality is not enough • User Research Methods – Interviews – Feedback on usage – A/B Testing
  10. 10. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  11. 11. Usability
  12. 12. Usability - Components • Utility – Less or no Errors made by the user during the process of completing a task • Completeness – The extent or completeness of users’ solutions to tasks • Structure & Consistency – Good and natural structuring makes for quick identification of the functionalities. • Ease To Input – The data input process should be simple. Preferably Native so the user has nothing new to learn. • Response time – The system must respond in an appropriate time (<3sec) • Safety – User should feel secured and not overly intrusive while using the application – The application should only ask for external funcitons which are relevant. E.g. Ecommerce app might need GPS details but doesn’t need the contact list.
  13. 13. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  14. 14. Information Architecure • IA is all about connecting: – Users – Content – Context
  15. 15. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  16. 16. Interaction Design • Apple pioneered the smooth transition of Video Play from portrait to landscape mode (Fun) • Suggesting the user to follow a path on the device screen, by emphasizing the Visual Elements. (Ease) • Correct use of Color – Red is for anything important or to take care (missing/delete) – Green for anything idempotent. You are safe interacting
  17. 17. UX Components • Content Strategy • User Research • Usability • Information Architecture • Interaction Design • Visual Design
  18. 18. Visual Design • Good use of Shapes – Solids or Wireframes • Good use of Colors – Color palettes • Good use of Shades – Information Visibility • Good use of Textures – Add reality affect (leather, paper) as applicable
  19. 19. Visual Design
  20. 20. Summarizing
  21. 21. Aim for Pleasurable UX Remember*: Apple sells Pleasurables!

×