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.

UX basics inception to experience delivery

478 views

Published on

Identify, create and iterate! UX design is incomplete without these three things. To deliver a great user experience, identifying the usability flaws, addressing to them and re-iterating with design solutions is the only way!

Published in: Design
  • Be the first to comment

  • Be the first to like this

UX basics inception to experience delivery

  1. 1. UX Basics Inception to Experience Delivery Presented by | Amit Sharma- Sr. Mgr Angel Broking
  2. 2. UX honeycomb Diagram representation - Peter Morville
  3. 3. Useful • Original content that fulfils user needs
  4. 4. Useable (usability) • Ease of navigation and execution of the users’ purpose Data source – Statista.com
  5. 5. Bing • Any views on how Bing’s usability is affecting its user
  6. 6. Google • In contrast Google’s page is blank for the user to think about what they intend to search and type it in
  7. 7. Activity • In respective groups, put together comparative examples of websites from different industries that deliver and don’t on the usability parameter • You can share them with Rachana who can keep them in a Google drive folder which can act as an collaborative cloud repository for future reference
  8. 8. Desirable • Image, identity, brand and other design elements evoke emotions • An example in this is the red dress effect
  9. 9. Desirable • Desirability is very subjective • How to get objectivity • Frame design guidelines in lines with brand elements and latest trends • Keep testing - AB and other variations • Push for one click user surveys for design likeability
  10. 10. Findable and accessible • Easy navigation and discoverability across devices are of prime importance for users • Elements of content discovery • Menu navigation • Sub navigations • Banners • Utility navs • Site search • Cards • Pop ups / light box • Tool tips • Toggles • Expandos • Carousels • Links • Open in new tabs
  11. 11. Activity • In respective groups, put together examples of web design elements from different industries that deliver qualitative content discoverability • You can share screenshots with Rachana who can keep them in the collaborative cloud Google drive folder for collective reference
  12. 12. Credible • Ensuring users trust and believe you and what your content tells them • Date, location • Human elements in images • Design consistency • Testimonials • Coverage in media and publications • Content authorship • Quotes • What else do you think can add to credibility ?
  13. 13. UX process
  14. 14. Research – Business vision • Getting key inputs from business and key stakeholders helps undertsnad vision, scope project KRAs and also clarify common UX misconceptions
  15. 15. Research – Data and Insights • User behavior data is invaluable and can help you understand key pain areas – check for analytics, helpdesk data • User recording sessions, support call recordings if any can be useful
  16. 16. Research - Brands • Brand Research – Ensure you research not just peer competitors but start ups too • Watch out for – Interface design, Visual design, Interaction design elements, Information architecture
  17. 17. Research - Users • Understand flows, Study users, Observer action, Ask questions, Make notes, #Record • User research needs to cover entire TG, customers and non customers too
  18. 18. Interpret Understand Insights • User personas define your user, their needs • Their needs define their quest for solutions • The quest for solutions leads to various task flows • UX professionals are needed to create experiences for these task flows
  19. 19. UX vision • UX vision can have 2 perspectives – for a company or a product • Based on the above inputs the UX vision can be demonstrated in different ways – using an storyboard or an image or a video
  20. 20. Activity • Pick a website / app / start up of your choice and try to define their UX vision • You can share them with Rachana who can keep them in a Google drive folder which can act as an collaborative cloud repository for future reference
  21. 21. Concept – ideate, create, iterate • The most powerful phase of UX – Sketch – get to the drawing board – Explore options – options that are out of the box – Validate – confirms if you are heading in the right direction – Create prototypes – Refine ideas
  22. 22. Design the experience • UI Design – material design, shapes, CTA, forms, validations, font sizes, copy highlights • Responsive code – view across devices especially desktop, laptop, mobiles 5 – 6 inch, tablets • Review – visuals, performance
  23. 23. My UX thoughts • Be relevant and contextual to the users, user interaction and goals • Photoshop is for designing, designers are for building experiences • Never forget to think mobile when designing, think mobile first • If its user friendly on mobile, it will be elsewhere automatically • Spend as much time on copy as you do on visuals • Flow is your mission, CTA should be the user’s vision

×