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 101- A doers guide to UX
Mentored By | Shaheena Attarwala - Head of Design
@ Wigzo Technologies
About Speaker
• UX Consultant
• Currently Head of Design at Wigzo Technologies
• Founder PurpleCube Design Studio (2009 - ...
UI - Interface Elements
UX- How a user gets.
from point A to point B.
There are a very few known techniques
that can precisely and consistently shape
a good ux
Keep it simple / Relate to thing...
Beauty is secondary
Utility Comes first | Beauty is secondary
masochistic teapot
Users resist change
E.g. Digg did a majorUI
change and had a massive
user exodus.
One Week>
Digg3.0>DiggApocalypse
Timelin...
Users resist change
Fool them
slowly rather
than quickly
Make users feel smart (Salt&Pepper Rule)
Don't hide things in complexity in design.
Don’t take the liberty to go so wrong
Do basics right!
Don’t reinvent the wheel - Familiarity = Quick Learning
Familiarity in design makes for faster learning.
4 step to build a Good UX
Be Specific - Narrow it down
Build Accurate
Test
Simplify
Be Specific
Speeds up design and development time {Agile} Just get it out there
2. Building. Just start building.
3.
4. Gu...
Why Focus?
Pick one go with it! Killing with one thing and then grow!
Who are you?
Make it easy for people to identify with your brand
User Personas
Sketch out what your users are like
Build - Define User Journey
Iterate. Speed is the king
1. User Personas
2. Identify Journey
3. Solve Journey problems and ...
Stop Thinking!
Keep Building!
Keep Iterating!
Speed is the king!
Iteration is the King!
Tools
The Right Way To Do Innovation: Fail Early, Fail Fast, Learn Cheaply
With smartphones
becoming ubiquitous,
especially among the
educated urban
upper-middle class
Indians, Myntra was
betting t...
Understand Users! Do research!
May 2015
● Mobile accounts for 70-80% of
e-commerce traffic today.
● Forcing users to downl...
Majority of our daily media interactions are screen based
Flipkart is not going completely app-only. It
has reintroduced a...
@RuthlessUx
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Majority of our daily media interactions are screen based
Source :Google - The New Multi-screen World: Understanding Cross...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Computers keep u...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Smartphones keep...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Tablets keep us ...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Sequential - The...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Sequential scree...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Smartphones are ...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
PCs are most oft...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
www.RuthlessUx.c...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Smartphones allo...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Spontaneity play...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
We often move fr...
Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
Consumers take a...
Learning your users to increase user base
It is also clear that Tinder is trying to
position itself as much more than just...
People are never going to learn enough.
People are never going to be beginners.
People will always be learning.
- Allan Co...
“Good idioms are learnt easily”
https://www.heromotocorp.com/en-in/reach-us/product-enquiry
USER ONBOARDING
www.RuthlessUx.com
www.RuthlessUx.com
https://www.heromotocorp.com/en-in/reach-us/product-enquiry
DESIGN THINKING
Design thinking is a user-centered approach to...
https://www.heromotocorp.com/en-in/reach-us/product-enquiry
Gmail introduced “Labels”
● Huge data
● Irrelavant
folders
● E...
Visual Feedback
Guide users | Help | Intervene
Miss Universe 2015
Photo Courtesy: http://www.rickshawchallenge.com/wp-content/uploads/2016/02/money.png
Good Information Design
Public Adaptability
Govt Sites | Public Utility Machines
Public Adaptability
Govt Sites | Public Utility Machines
Photo Courtesy: http://www.thehindu.com/multimedia/dynamic/01606/TH03_METER_1606190f.jpg
Public Machine Designs
Public Place Design - Doors
Public Place Design - Doors
“Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and
Stupid”
“Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and
Stupid”
Public Place Design - Washroom
Objects of Daily usage
Keep innovating - The foreplay of AI and User Experience
THANK
YOU!!!
http://www.theuxploration.com
To be in touch
+91 22 6132 1000
uxploration@techved.com
To Stay Tuned
https://w...
UX 101 by Ruthless UX
UX 101 by Ruthless UX
UX 101 by Ruthless UX
UX 101 by Ruthless UX
UX 101 by Ruthless UX
Upcoming SlideShare
Loading in …5
×

UX 101 by Ruthless UX

378 views

Published on

How a bad design can make or break user experience. Introduction to UX with some daily life examples!

Published in: Technology
  • Be the first to comment

UX 101 by Ruthless UX

  1. 1. UX 101- A doers guide to UX Mentored By | Shaheena Attarwala - Head of Design @ Wigzo Technologies
  2. 2. About Speaker • UX Consultant • Currently Head of Design at Wigzo Technologies • Founder PurpleCube Design Studio (2009 - Present) • Ex - Designer BookMyShow(2009) and Shaadi.com(2012) • Ex - Co-founder & Design Head at Truss Networking (2014) • UX Blogger at www.RuthlessUX.com @RuthlessUx designs@purplecube.in 09892777897
  3. 3. UI - Interface Elements UX- How a user gets. from point A to point B.
  4. 4. There are a very few known techniques that can precisely and consistently shape a good ux Keep it simple / Relate to things people used to/ Learnt it anecdotally /via Experiment
  5. 5. Beauty is secondary
  6. 6. Utility Comes first | Beauty is secondary masochistic teapot
  7. 7. Users resist change E.g. Digg did a majorUI change and had a massive user exodus. One Week> Digg3.0>DiggApocalypse Timeline changes / Homepage changes Stage changes | Beneficial for your company
  8. 8. Users resist change Fool them slowly rather than quickly
  9. 9. Make users feel smart (Salt&Pepper Rule) Don't hide things in complexity in design.
  10. 10. Don’t take the liberty to go so wrong Do basics right!
  11. 11. Don’t reinvent the wheel - Familiarity = Quick Learning Familiarity in design makes for faster learning.
  12. 12. 4 step to build a Good UX Be Specific - Narrow it down Build Accurate Test Simplify
  13. 13. Be Specific Speeds up design and development time {Agile} Just get it out there 2. Building. Just start building. 3. 4. Guides testing (Collecting data. Get all the data about how your user is using the app and analyze it.) 5. Gives marketing individuals early insight into user acquisition strategies 6. Narrow down number of variables for testing. Simplify. Simplify based off the data you're collecting. 7. Saves Money 8. Keep Vision of Dream separate from NOW. Pick one Go with it! Focus on Now! Pick one go with it 1. Narrow down to your exact target users and focus on doing well there. Make your scope very specific (specifically your first adopters) e.g. Amazon started as an online marketplace for new books. Google was only search.
  14. 14. Why Focus? Pick one go with it! Killing with one thing and then grow!
  15. 15. Who are you? Make it easy for people to identify with your brand
  16. 16. User Personas Sketch out what your users are like
  17. 17. Build - Define User Journey Iterate. Speed is the king 1. User Personas 2. Identify Journey 3. Solve Journey problems and errors 4. Identify loopholes 5. Identify use cases 6. Identify dead ends and escape hatch
  18. 18. Stop Thinking! Keep Building! Keep Iterating! Speed is the king! Iteration is the King!
  19. 19. Tools The Right Way To Do Innovation: Fail Early, Fail Fast, Learn Cheaply
  20. 20. With smartphones becoming ubiquitous, especially among the educated urban upper-middle class Indians, Myntra was betting that its customers would accept the loss of the web option in return for greater user experience
  21. 21. Understand Users! Do research! May 2015 ● Mobile accounts for 70-80% of e-commerce traffic today. ● Forcing users to downloadthe app and shutting outrivals. ● Within 9 months reopened its mobilesite
  22. 22. Majority of our daily media interactions are screen based Flipkart is not going completely app-only. It has reintroduced a mobile web option - something it had discontinued in March. 2015 ● Amazon quickly took advantage. Thanked consumers for making it the most visited ecommerce site inIndia. ● Billion Daysale 1.Browsing on the desktop is much more easier than on mobile app 2.Sorting and applying filters may be difficult onapp 3.No more choices, you are just trapped 4.Mobile device and mobile internet limitations 5.Competitors are on Multiple platforms, user mayswitch easily
  23. 23. @RuthlessUx
  24. 24. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
  25. 25. Majority of our daily media interactions are screen based Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012
  26. 26. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Computers keep us productive and informed
  27. 27. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Smartphones keep us connected
  28. 28. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Tablets keep us entertained
  29. 29. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Sequential - There are two modes of multi-screening www.RuthlessUx.com
  30. 30. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Sequential screening is common & mostly completed within a day
  31. 31. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Smartphones are the most common starting place for online activities
  32. 32. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 PCs are most often a starting point for more complex activities
  33. 33. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 www.RuthlessUx.com
  34. 34. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Smartphones allow us to shop at home or on-the-go
  35. 35. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Spontaneity plays a major role in shopping Spur-of-the-moment vs. Planned shopping
  36. 36. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 We often move from one screen to another while shopping www.RuthlessUx.com
  37. 37. Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012 Consumers take a multi-device path to purchase
  38. 38. Learning your users to increase user base It is also clear that Tinder is trying to position itself as much more than just a hookup app.
  39. 39. People are never going to learn enough. People are never going to be beginners. People will always be learning. - Allan Cooper Make it simpleenough. Discoverability isa great toolfor learning. Humans are hardwired and naturally intuitive to things that resonate to their gut
  40. 40. “Good idioms are learnt easily”
  41. 41. https://www.heromotocorp.com/en-in/reach-us/product-enquiry USER ONBOARDING www.RuthlessUx.com
  42. 42. www.RuthlessUx.com
  43. 43. https://www.heromotocorp.com/en-in/reach-us/product-enquiry DESIGN THINKING Design thinking is a user-centered approach to problem solving. Empathy is key.
  44. 44. https://www.heromotocorp.com/en-in/reach-us/product-enquiry Gmail introduced “Labels” ● Huge data ● Irrelavant folders ● Eventually search becomes inevitable
  45. 45. Visual Feedback
  46. 46. Guide users | Help | Intervene
  47. 47. Miss Universe 2015
  48. 48. Photo Courtesy: http://www.rickshawchallenge.com/wp-content/uploads/2016/02/money.png Good Information Design
  49. 49. Public Adaptability Govt Sites | Public Utility Machines
  50. 50. Public Adaptability Govt Sites | Public Utility Machines
  51. 51. Photo Courtesy: http://www.thehindu.com/multimedia/dynamic/01606/TH03_METER_1606190f.jpg Public Machine Designs
  52. 52. Public Place Design - Doors
  53. 53. Public Place Design - Doors
  54. 54. “Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and Stupid”
  55. 55. “Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and Stupid”
  56. 56. Public Place Design - Washroom
  57. 57. Objects of Daily usage
  58. 58. Keep innovating - The foreplay of AI and User Experience
  59. 59. THANK YOU!!! http://www.theuxploration.com To be in touch +91 22 6132 1000 uxploration@techved.com To Stay Tuned https://www.facebook.com/groups/uxploration/ http://www.meetup.com/User-Experience-Design- Meetup/

×