SlideShare a Scribd company logo
1 of 46
Download to read offline
UX - A Practical Guide
How is this going to work?
This is NOT a lecture…
‣ Interactive discussion
‣ There is no “questions” slide
Who Are You?
‣ Designers?
‣ Developers?
‣ Marketers?
‣ Business Dev?
‣ Entrepreneur?
‣ Student?
Who Am I?
‣ Adrian Bunge
‣ Alumni of VIP Cohort 1 - TutorX
‣ UX Designer & Developer @ Nona
‣ Google Dev Group - Co-organiser
What do you hope to achieve
by starting a company?
What do you hope to achieve?
‣ Build a great product
‣ How do we build a great product that users love?
‣ "You know, with Tesla, we're trying to make things that
people love. [...] How many things can you buy that
you really love, that really give you joy? So rare, so rare.
I wish there were more things. That's what we're trying
to do - make things that people love" - Elon Musk
What makes a great product?
A great overall experience…
The Realm of Experience
‣ Some UX Professionals split up experience into:
‣ User Exp., Customer Exp., Brand Exp.
‣ I don’t really like boxing in “experience”
Example - Mr D
‣ Driver need - more income
‣ Business need - decrease overheads
‣ Business need - increase driver
satisfaction/earnings
‣ Design/Solution
‣ Defaults
‣ Order of items
‣ Tip once & you’ll know that the driver
knows you’ve tipped upon delivery
Example - Mr D
‣ Ever wondered why your location
can’t be changed after you’ve
added items to your basket?
‣ Changes the delivery cost
‣ Complex backend functionality
‣ Undesirable for drivers
‣ Takes drivers outside of their
assigned operating zones
Technically
‣ It is the process of enhancing user satisfaction with a
product by improving the usability, accessibility, and
pleasure provided in the interaction with the product.
‣ User experience design encompasses traditional
human–computer interaction (HCI) design, and extends
it by addressing all aspects of a product or service as
perceived by users.
Source: Wikipedia
Approaches To UX Design
1.You rely on your own empathy, proximity to the
problem or experience to ensure product-problem fit
‣ Sometimes okay but DANGEROUS
Approaches
Approaches
2. Look at your competitors
‣ Try fall in love with how they do something - think
about why they did something before criticising it
‣ Potential Negatives
‣ Inheriting bad/untested ideas
‣ Might not work in your use case
‣ Less differentiated product
Approaches
3. Design Patterns
‣ This helps with general usability
‣ Google Material Design material.io - devs will love
you
‣ Apple - Human Interface Guidelines
‣ Highly rated Wordpress templates
Approacheshttps://youtu.be/w2JUhDd0CAA
Material Design Pattern
Approaches
4. Reading/Theory/First Principles
‣ Proven (peer reviewed)
‣ Sometimes the theory isn’t practical
‣ Behavioural economics
‣ Predictably Irrational - Dan Ariely
Approaches
5. Get/collect user data (upfront & after)
‣ This is always the pudding (proof is in the…)
‣ More is always better
‣ It always surprises me by how many people opt of
this
‣ NB: Be careful of biases - e.g. recollection/response
bias
Excuses for not testing/getting data
1. The users don’t know what they want
2. The feature doesn’t have all of it’s functionality yet….
so their opinion would be meaningless
3. You watching users, use the app changes what their
feedback
4. Users will tell you, what you want to hear
5. Fear of rejection (not said but very common)
Side Note
‣ UX is very broad and touches just about everything
‣ So unless you know everything - impossible… it has to
be a very collaborative exercise
‣ What you actually want to do is build a product
improvement engine
My Process
1. Business case/requirements (e.g. increase revenue)
2. User needs/wants ==> Personas
Personas
‣ Know and constantly keep in mind who you’re design/
building this for
‣ What knowledge are they entering your experience
with?
‣ What motivates them?
My Process
1. Business case/requirements (e.g. increase revenue)
2. User needs/wants ==> Personas
3. Constraints (combination of business & users)
4. Design constraints (platform, device capabilities)
5. Think about it - really try to absorb all the information
6. Whiteboard/Paper
7. Low-fi ==> High-fi
Important things to bear in mind
‣ Hierarchy of information
‣ Decrease friction where ever possible (some
exceptions)
‣ How can what you design be tested? (Get to this later)
‣ Every choice must be justified/informed by the
data/constraints
Example Time
Food delivery company needs to communicate orders to restaurants
Functionality
‣ New orders
‣ In progress
‣ Ready for collection
‣ Emphasis on time
constraints
‣ History
Information
‣ Items & Quantity
‣ Order Number
‣ Type (Deliv/Collec)
‣ Price of items
Constraints
‣ Used from a distance
‣ Competes for attention
‣ Tablets
‣ Literacy
‣ Easy to use
‣ Button Clicks (Analytics) - In particular new orders
‣ Intercom heat maps
‣ Fabric screen recording
‣ Watching users
‣ Interviewing users
Testing
Other Useful Testing Tools
‣ A-B Testing
‣ Net Promoter Score - how likely are you to recommend
this to a friend/colleague
‣ Watch people use the app
Designing CRAP
‣ Contrast
‣ Repetition (Consistency)
‣ Alignment
‣ Proximity
Designing CRAP
‣ Contrast
‣ Direct the viewer’s eyes to what’s important
and helps them focus on what to do next.
Designing CRAP
‣ Contrast
(Officially, 99.73% of people voted ‘Yes’ in this ballot.) Source
Designing CRAP
‣ Repetition (Consistency)
‣ Internal consistency and external consistency
Designing CRAP
‣ Alignment
‣ All elements of the design line up horizontally and
vertically
BEFORE After
Source: VWO
Designing CRAP
‣ Proximity
‣ Elements placed near each other, will make users
think that they are somehow related
Designing CRAP
‣ Proximity
Last Points
‣ Always give users a sense of direction, and visibility
of system status. They should get a feeling that they’re
in control of the situation.
‣ They say “Good design is telepathic”. The user must
understand what they are using your product for what
are their main tasks.
‣ Less friction, more action
‣ Don’t let perfect be the enemy of good enough
DONE
linkedin.com/in/adrianbunge/adrian.bunge@gmail.com
Awesome Resources
‣ Products/Startups
‣ http://playbook.samaltman.com/
‣ CRAP
‣ https://www.userfocus.co.uk/articles/A_CRAP_way_to_improve_usability.html
‣ Resources for gaining inspiration
‣ Pinrest
‣ https://mobbin.design/
‣ Other UX Articles for StartUps
‣ https://www.tronebrandenergy.com/blog/10-examples-good-user-experience-ux
‣ https://factoryberlin.com/magazine/ux-design-for-startups/
‣ https://www.interaction-design.org/literature/article/do-entrepreneurs-and-startup-
founders-need-to-know-about-ux-design
Approaches
https://youtu.be/rrT6v5sOwJg

More Related Content

What's hot

The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
Kissmetrics on SlideShare
 
Impact of Social Media and Analytics on Product Development.pptx
Impact of Social Media and Analytics on Product Development.pptxImpact of Social Media and Analytics on Product Development.pptx
Impact of Social Media and Analytics on Product Development.pptx
Aslam Hirani
 
User Experience: Process and Guidelines
User Experience: Process and GuidelinesUser Experience: Process and Guidelines
User Experience: Process and Guidelines
Nirish Shakya
 

What's hot (20)

Guerilla Usability Testing
Guerilla Usability TestingGuerilla Usability Testing
Guerilla Usability Testing
 
The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
 
HTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & PlanningHTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & Planning
 
5 UX Mistakes that are killing your products
5 UX Mistakes that are killing your products5 UX Mistakes that are killing your products
5 UX Mistakes that are killing your products
 
THE LEAN UX - SUMMARY
THE LEAN UX - SUMMARYTHE LEAN UX - SUMMARY
THE LEAN UX - SUMMARY
 
Impact of Social Media and Analytics on Product Development.pptx
Impact of Social Media and Analytics on Product Development.pptxImpact of Social Media and Analytics on Product Development.pptx
Impact of Social Media and Analytics on Product Development.pptx
 
Usability Testing How To's - EventHandler, London Oct 24th 2013
Usability Testing How To's - EventHandler, London Oct 24th 2013Usability Testing How To's - EventHandler, London Oct 24th 2013
Usability Testing How To's - EventHandler, London Oct 24th 2013
 
UX and UI Workshops - User Journey
UX and UI Workshops - User JourneyUX and UI Workshops - User Journey
UX and UI Workshops - User Journey
 
[Srijan Wednesday Webinars] Bull Session on UI/UX
[Srijan Wednesday Webinars] Bull Session on UI/UX [Srijan Wednesday Webinars] Bull Session on UI/UX
[Srijan Wednesday Webinars] Bull Session on UI/UX
 
Prototyping and Usability Testing your designs
Prototyping and Usability Testing your designsPrototyping and Usability Testing your designs
Prototyping and Usability Testing your designs
 
Iteration & Feedback: Lessons From Homer Simpson by fmr CNN Sr PM
Iteration & Feedback: Lessons From Homer Simpson by fmr CNN Sr PMIteration & Feedback: Lessons From Homer Simpson by fmr CNN Sr PM
Iteration & Feedback: Lessons From Homer Simpson by fmr CNN Sr PM
 
UX Design Tactics for Product Managers
UX Design Tactics for Product ManagersUX Design Tactics for Product Managers
UX Design Tactics for Product Managers
 
Mobile Usability Testing
Mobile Usability TestingMobile Usability Testing
Mobile Usability Testing
 
People Over Process: Turning Assumptions into Shared Understanding
People Over Process: Turning Assumptions into Shared UnderstandingPeople Over Process: Turning Assumptions into Shared Understanding
People Over Process: Turning Assumptions into Shared Understanding
 
Introducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on DemandIntroducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on Demand
 
Product management Today
Product management TodayProduct management Today
Product management Today
 
Prototyping for Interaction Design
Prototyping for Interaction DesignPrototyping for Interaction Design
Prototyping for Interaction Design
 
User Experience Process
User Experience Process User Experience Process
User Experience Process
 
User Experience: Process and Guidelines
User Experience: Process and GuidelinesUser Experience: Process and Guidelines
User Experience: Process and Guidelines
 
#flashtest: User Research Live
#flashtest: User Research Live#flashtest: User Research Live
#flashtest: User Research Live
 

Similar to User Experience 101 - A Practical Guide

Similar to User Experience 101 - A Practical Guide (20)

User Experience for Product Managers
User Experience for Product Managers User Experience for Product Managers
User Experience for Product Managers
 
Biz Product Learnings
Biz Product LearningsBiz Product Learnings
Biz Product Learnings
 
UX Within Design Agencies - UX Cambridge 2017
UX Within Design Agencies - UX Cambridge 2017UX Within Design Agencies - UX Cambridge 2017
UX Within Design Agencies - UX Cambridge 2017
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Inclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneInclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyone
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
UX is for Losers
UX is for LosersUX is for Losers
UX is for Losers
 
Early Stage Product Development - Incubadora Sinergia
Early Stage Product Development - Incubadora SinergiaEarly Stage Product Development - Incubadora Sinergia
Early Stage Product Development - Incubadora Sinergia
 
UX Lead Product Management
UX Lead Product ManagementUX Lead Product Management
UX Lead Product Management
 
Becoming A User Advocate
Becoming A User AdvocateBecoming A User Advocate
Becoming A User Advocate
 
The User Experience Designer
The User Experience DesignerThe User Experience Designer
The User Experience Designer
 
Agile product development
Agile product developmentAgile product development
Agile product development
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
G1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PDG1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PD
 
Good-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van NiekerkGood-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van Niekerk
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWD
 
How to improve your product sense?
How to improve your product sense?How to improve your product sense?
How to improve your product sense?
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
 

Recently uploaded

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
amitlee9823
 

Recently uploaded (20)

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 

User Experience 101 - A Practical Guide

  • 1. UX - A Practical Guide
  • 2. How is this going to work? This is NOT a lecture… ‣ Interactive discussion ‣ There is no “questions” slide
  • 3.
  • 4. Who Are You? ‣ Designers? ‣ Developers? ‣ Marketers? ‣ Business Dev? ‣ Entrepreneur? ‣ Student?
  • 5.
  • 6. Who Am I? ‣ Adrian Bunge ‣ Alumni of VIP Cohort 1 - TutorX ‣ UX Designer & Developer @ Nona ‣ Google Dev Group - Co-organiser
  • 7. What do you hope to achieve by starting a company?
  • 8. What do you hope to achieve? ‣ Build a great product ‣ How do we build a great product that users love? ‣ "You know, with Tesla, we're trying to make things that people love. [...] How many things can you buy that you really love, that really give you joy? So rare, so rare. I wish there were more things. That's what we're trying to do - make things that people love" - Elon Musk
  • 9. What makes a great product?
  • 10. A great overall experience…
  • 11. The Realm of Experience ‣ Some UX Professionals split up experience into: ‣ User Exp., Customer Exp., Brand Exp. ‣ I don’t really like boxing in “experience”
  • 12. Example - Mr D ‣ Driver need - more income ‣ Business need - decrease overheads ‣ Business need - increase driver satisfaction/earnings ‣ Design/Solution ‣ Defaults ‣ Order of items ‣ Tip once & you’ll know that the driver knows you’ve tipped upon delivery
  • 13. Example - Mr D ‣ Ever wondered why your location can’t be changed after you’ve added items to your basket? ‣ Changes the delivery cost ‣ Complex backend functionality ‣ Undesirable for drivers ‣ Takes drivers outside of their assigned operating zones
  • 14. Technically ‣ It is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product. ‣ User experience design encompasses traditional human–computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as perceived by users. Source: Wikipedia
  • 15. Approaches To UX Design 1.You rely on your own empathy, proximity to the problem or experience to ensure product-problem fit ‣ Sometimes okay but DANGEROUS
  • 17. Approaches 2. Look at your competitors ‣ Try fall in love with how they do something - think about why they did something before criticising it ‣ Potential Negatives ‣ Inheriting bad/untested ideas ‣ Might not work in your use case ‣ Less differentiated product
  • 18. Approaches 3. Design Patterns ‣ This helps with general usability ‣ Google Material Design material.io - devs will love you ‣ Apple - Human Interface Guidelines ‣ Highly rated Wordpress templates
  • 21. Approaches 4. Reading/Theory/First Principles ‣ Proven (peer reviewed) ‣ Sometimes the theory isn’t practical ‣ Behavioural economics ‣ Predictably Irrational - Dan Ariely
  • 22. Approaches 5. Get/collect user data (upfront & after) ‣ This is always the pudding (proof is in the…) ‣ More is always better ‣ It always surprises me by how many people opt of this ‣ NB: Be careful of biases - e.g. recollection/response bias
  • 23. Excuses for not testing/getting data 1. The users don’t know what they want 2. The feature doesn’t have all of it’s functionality yet…. so their opinion would be meaningless 3. You watching users, use the app changes what their feedback 4. Users will tell you, what you want to hear 5. Fear of rejection (not said but very common)
  • 24. Side Note ‣ UX is very broad and touches just about everything ‣ So unless you know everything - impossible… it has to be a very collaborative exercise ‣ What you actually want to do is build a product improvement engine
  • 25. My Process 1. Business case/requirements (e.g. increase revenue) 2. User needs/wants ==> Personas
  • 26. Personas ‣ Know and constantly keep in mind who you’re design/ building this for ‣ What knowledge are they entering your experience with? ‣ What motivates them?
  • 27. My Process 1. Business case/requirements (e.g. increase revenue) 2. User needs/wants ==> Personas 3. Constraints (combination of business & users) 4. Design constraints (platform, device capabilities) 5. Think about it - really try to absorb all the information 6. Whiteboard/Paper 7. Low-fi ==> High-fi
  • 28. Important things to bear in mind ‣ Hierarchy of information ‣ Decrease friction where ever possible (some exceptions) ‣ How can what you design be tested? (Get to this later) ‣ Every choice must be justified/informed by the data/constraints
  • 29. Example Time Food delivery company needs to communicate orders to restaurants Functionality ‣ New orders ‣ In progress ‣ Ready for collection ‣ Emphasis on time constraints ‣ History Information ‣ Items & Quantity ‣ Order Number ‣ Type (Deliv/Collec) ‣ Price of items Constraints ‣ Used from a distance ‣ Competes for attention ‣ Tablets ‣ Literacy ‣ Easy to use
  • 30.
  • 31.
  • 32.
  • 33. ‣ Button Clicks (Analytics) - In particular new orders ‣ Intercom heat maps ‣ Fabric screen recording ‣ Watching users ‣ Interviewing users Testing
  • 34. Other Useful Testing Tools ‣ A-B Testing ‣ Net Promoter Score - how likely are you to recommend this to a friend/colleague ‣ Watch people use the app
  • 35. Designing CRAP ‣ Contrast ‣ Repetition (Consistency) ‣ Alignment ‣ Proximity
  • 36. Designing CRAP ‣ Contrast ‣ Direct the viewer’s eyes to what’s important and helps them focus on what to do next.
  • 37. Designing CRAP ‣ Contrast (Officially, 99.73% of people voted ‘Yes’ in this ballot.) Source
  • 38. Designing CRAP ‣ Repetition (Consistency) ‣ Internal consistency and external consistency
  • 39. Designing CRAP ‣ Alignment ‣ All elements of the design line up horizontally and vertically
  • 41. Designing CRAP ‣ Proximity ‣ Elements placed near each other, will make users think that they are somehow related
  • 43. Last Points ‣ Always give users a sense of direction, and visibility of system status. They should get a feeling that they’re in control of the situation. ‣ They say “Good design is telepathic”. The user must understand what they are using your product for what are their main tasks. ‣ Less friction, more action ‣ Don’t let perfect be the enemy of good enough
  • 45. Awesome Resources ‣ Products/Startups ‣ http://playbook.samaltman.com/ ‣ CRAP ‣ https://www.userfocus.co.uk/articles/A_CRAP_way_to_improve_usability.html ‣ Resources for gaining inspiration ‣ Pinrest ‣ https://mobbin.design/ ‣ Other UX Articles for StartUps ‣ https://www.tronebrandenergy.com/blog/10-examples-good-user-experience-ux ‣ https://factoryberlin.com/magazine/ux-design-for-startups/ ‣ https://www.interaction-design.org/literature/article/do-entrepreneurs-and-startup- founders-need-to-know-about-ux-design