1. UX Basics
Inception to Experience Delivery
Presented by | Amit Sharma- Sr. Mgr Angel Broking

2. UX honeycomb
Diagram representation - Peter Morville

3. Useful
• Original content that fulfils user needs

4. Useable (usability)
• Ease of navigation and execution of the users’
purpose
Data source – Statista.com

5. Bing
• Any views on how Bing’s usability is affecting its user

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. 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. Desirable
• Image, identity, brand and other design elements evoke emotions
• An example in this is the red dress effect

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. 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. 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. 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. UX process

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