SlideShare a Scribd company logo
1 of 21
Download to read offline
UI / UX

Pitfalls to avoid
UI
UI elements should
        look like UI elements
If you find that you explain the UI in the UI
          you did something wrong
BUTTONS SHOULD LOOK
          CLICKABLE
If you find that you explain the UI in the UI
           Check Clickable items!

           “click here” – wrong!
Full Context
AB TEST
SPEED

    UI Animations Are Cool
 Keep animations under 200ms
   Over 200ms appears slow!
SPEED

Every feature will probably benefit 5%-10%
               Of your users
           Speed benefits 100%
 don’t know what to do? – improve speed


                                 Chrome product team
Which is better?
Don’t Make Me Think




  There’s a book about it – don’t make me think
Information
Allow Scheming And Drilldown
Call For Action - Bottom Line First

Please Give Feedback, bla bla bla…

bla bla bla…, so We’d appreciate your feedback.
UX
Explain what the end goal is, users
that understand what the end goal is
are far more likely to overcome things
        they don't understand.


              Level 50 - Take Over Cuba
Message Value Not Features
   Values – achieved after using the product

ésumé-building service:
• a feature might be “professionally designed
   templates”
• the benefit would be an “eye-catching résumé
   that stands out”
• but the finished story benefit would be
   “landing your dream job”.
                                           Ash Maurya
                                           Running lean
Stats – don’t overload
• Measuring everything is the right way to stats
  hell (clicks / UI events)
• Measure key indicators first – give it time –
  then add more
• Use time to give granularity
  8.1% of users did today, 4.2% did yesterday
• Funnel / Segment users
  put users in boxes and measure if they are
  stuck there?
Stats – Cohort
TOOLS

Mixpanel.com
event stats


Intercom.io
CRM for users



Optimizely.com
A/B tests
BOOKS
UX
The inmates are running the
asylum Alan Cooper

Build Your Startup
Running Lean Ash Maurya

Pricing
Predictably Irrational Dan Ariely

Lookup - Dave McClure - AARRR!
Roy Man

roy@daPulse.com
Reinforcement
• Engineers working on a big problem is ok,
  adding a “business guy” is not something you
  have to have.
• Israel investors look for IP => traction
  Valley Investors look for Network & Data

More Related Content

What's hot

A Minimal Viable Product that works
A Minimal Viable Product that worksA Minimal Viable Product that works
A Minimal Viable Product that worksOlga Pavlovsky
 
Stop the Mobile Journey Ending on the Desktop
Stop the Mobile Journey Ending on the DesktopStop the Mobile Journey Ending on the Desktop
Stop the Mobile Journey Ending on the DesktopHeidi Smith
 
Put your UX to the test
Put your UX to the testPut your UX to the test
Put your UX to the testErin Daniels
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
Application Development -iOS
Application Development -iOSApplication Development -iOS
Application Development -iOSArcadian Learning
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone HeuristicsKathy Gill
 
Lifecycle of a Mobile App
Lifecycle of a Mobile AppLifecycle of a Mobile App
Lifecycle of a Mobile AppSheehan Alam
 
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)Sarah Weise
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
Hardware Devices in the Classroom
Hardware Devices in the ClassroomHardware Devices in the Classroom
Hardware Devices in the Classroomkdbrand
 
Email Strategy and Design for a Multiscreen World
Email Strategy and Design for a Multiscreen WorldEmail Strategy and Design for a Multiscreen World
Email Strategy and Design for a Multiscreen WorldAlex Williams
 
The What, Why & How of the Minimum Viable Product (MVP)
The What, Why & How of the Minimum Viable Product (MVP)The What, Why & How of the Minimum Viable Product (MVP)
The What, Why & How of the Minimum Viable Product (MVP)Matter Solutions
 
Creating an Interactive Book with iBooks Author #mLearnCon15
Creating an Interactive Book with iBooks Author #mLearnCon15Creating an Interactive Book with iBooks Author #mLearnCon15
Creating an Interactive Book with iBooks Author #mLearnCon15Nick Floro
 

What's hot (20)

A Minimal Viable Product that works
A Minimal Viable Product that worksA Minimal Viable Product that works
A Minimal Viable Product that works
 
Stop the Mobile Journey Ending on the Desktop
Stop the Mobile Journey Ending on the DesktopStop the Mobile Journey Ending on the Desktop
Stop the Mobile Journey Ending on the Desktop
 
Put your UX to the test
Put your UX to the testPut your UX to the test
Put your UX to the test
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Application Development -iOS
Application Development -iOSApplication Development -iOS
Application Development -iOS
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone Heuristics
 
Lifecycle of a Mobile App
Lifecycle of a Mobile AppLifecycle of a Mobile App
Lifecycle of a Mobile App
 
E-Commerce
E-CommerceE-Commerce
E-Commerce
 
Mock Trial
Mock TrialMock Trial
Mock Trial
 
Week 4 - tablet app design
Week 4 - tablet app designWeek 4 - tablet app design
Week 4 - tablet app design
 
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)
Express Usability: Conduct Usability in 40 Hours or Less (Sarah Weise)
 
Assignment 3
Assignment 3Assignment 3
Assignment 3
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 
Hardware Devices in the Classroom
Hardware Devices in the ClassroomHardware Devices in the Classroom
Hardware Devices in the Classroom
 
Minimum viable product
Minimum viable productMinimum viable product
Minimum viable product
 
Features that matter
Features that matterFeatures that matter
Features that matter
 
Email Strategy and Design for a Multiscreen World
Email Strategy and Design for a Multiscreen WorldEmail Strategy and Design for a Multiscreen World
Email Strategy and Design for a Multiscreen World
 
The What, Why & How of the Minimum Viable Product (MVP)
The What, Why & How of the Minimum Viable Product (MVP)The What, Why & How of the Minimum Viable Product (MVP)
The What, Why & How of the Minimum Viable Product (MVP)
 
Best Practices for Mobile Web Design
Best Practices for Mobile Web DesignBest Practices for Mobile Web Design
Best Practices for Mobile Web Design
 
Creating an Interactive Book with iBooks Author #mLearnCon15
Creating an Interactive Book with iBooks Author #mLearnCon15Creating an Interactive Book with iBooks Author #mLearnCon15
Creating an Interactive Book with iBooks Author #mLearnCon15
 

Similar to Roy Man - UI Pitfalls & UX Approach

UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
What is this UX thing?
What is this UX thing?What is this UX thing?
What is this UX thing?Youmna Aoukar
 
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 & PlanningPaul Crimi
 
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestringteaguese
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesBruce Elgort
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardAnkit Shard
 
CUI workshop SF Design Week 2017
CUI workshop SF Design Week 2017CUI workshop SF Design Week 2017
CUI workshop SF Design Week 2017kay_sjc
 
Build World Class User Onboarding
Build World Class User OnboardingBuild World Class User Onboarding
Build World Class User OnboardingEnzo Avigo
 
What is this UX thing?
What is this UX thing? What is this UX thing?
What is this UX thing? Youmna Aoukar
 
Newbie UX: Something I learned about UX (Business vs Design)
Newbie UX: Something I learned about UX (Business vs Design)Newbie UX: Something I learned about UX (Business vs Design)
Newbie UX: Something I learned about UX (Business vs Design)Soon-Aik Chiew
 
Feature-itis Agile 2014 Orlando
Feature-itis Agile 2014 OrlandoFeature-itis Agile 2014 Orlando
Feature-itis Agile 2014 Orlandopendoio
 
Supercharge your application with the best UX practices
Supercharge your application with the best UX practicesSupercharge your application with the best UX practices
Supercharge your application with the best UX practicesGercek Karakus
 
Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful applicationJim Liang
 
Conversational UI: How to walk the talk
Conversational UI: How to walk the talkConversational UI: How to walk the talk
Conversational UI: How to walk the talkStephen Gay
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
Onrec Talk V9
Onrec Talk V9Onrec Talk V9
Onrec Talk V9SiConroy
 

Similar to Roy Man - UI Pitfalls & UX Approach (20)

UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
What is this UX thing?
What is this UX thing?What is this UX thing?
What is this UX thing?
 
20 percent tips
20 percent tips20 percent tips
20 percent tips
 
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
 
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst Practices
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit Shard
 
CUI workshop SF Design Week 2017
CUI workshop SF Design Week 2017CUI workshop SF Design Week 2017
CUI workshop SF Design Week 2017
 
Build World Class User Onboarding
Build World Class User OnboardingBuild World Class User Onboarding
Build World Class User Onboarding
 
Usability for all budgets
Usability for all budgetsUsability for all budgets
Usability for all budgets
 
What is this UX thing?
What is this UX thing? What is this UX thing?
What is this UX thing?
 
Newbie UX: Something I learned about UX (Business vs Design)
Newbie UX: Something I learned about UX (Business vs Design)Newbie UX: Something I learned about UX (Business vs Design)
Newbie UX: Something I learned about UX (Business vs Design)
 
Feature-itis Agile 2014 Orlando
Feature-itis Agile 2014 OrlandoFeature-itis Agile 2014 Orlando
Feature-itis Agile 2014 Orlando
 
Supercharge your application with the best UX practices
Supercharge your application with the best UX practicesSupercharge your application with the best UX practices
Supercharge your application with the best UX practices
 
Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful application
 
Templates.pptx
Templates.pptxTemplates.pptx
Templates.pptx
 
Conversational UI: How to walk the talk
Conversational UI: How to walk the talkConversational UI: How to walk the talk
Conversational UI: How to walk the talk
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Onrec Talk V9
Onrec Talk V9Onrec Talk V9
Onrec Talk V9
 

More from MIT Forum of Israel

Ben gurion int airport shmul zackay
Ben gurion int airport shmul zackayBen gurion int airport shmul zackay
Ben gurion int airport shmul zackayMIT Forum of Israel
 
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטר
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטרהנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטר
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטרMIT Forum of Israel
 
Breezo meter CleanTech Open 2014
Breezo meter   CleanTech Open 2014Breezo meter   CleanTech Open 2014
Breezo meter CleanTech Open 2014MIT Forum of Israel
 
המכון הישראלי לייצוא CleanTech Open 2014
המכון הישראלי לייצוא CleanTech Open 2014המכון הישראלי לייצוא CleanTech Open 2014
המכון הישראלי לייצוא CleanTech Open 2014MIT Forum of Israel
 
Michal Vakrat Wolkin CleanTech Open 2014
Michal Vakrat Wolkin CleanTech Open 2014Michal Vakrat Wolkin CleanTech Open 2014
Michal Vakrat Wolkin CleanTech Open 2014MIT Forum of Israel
 
Green spense CleanTech Open 2014
Green spense CleanTech Open 2014Green spense CleanTech Open 2014
Green spense CleanTech Open 2014MIT Forum of Israel
 
Ayla matalon CleanTech Open 2014
Ayla matalon CleanTech Open 2014Ayla matalon CleanTech Open 2014
Ayla matalon CleanTech Open 2014MIT Forum of Israel
 
AutoAgronome Cleantech Open 2014
AutoAgronome Cleantech Open 2014AutoAgronome Cleantech Open 2014
AutoAgronome Cleantech Open 2014MIT Forum of Israel
 
Yaniv Mor - Xplenty - big data new physics
Yaniv Mor - Xplenty - big data new physicsYaniv Mor - Xplenty - big data new physics
Yaniv Mor - Xplenty - big data new physicsMIT Forum of Israel
 

More from MIT Forum of Israel (20)

Ben gurion int airport shmul zackay
Ben gurion int airport shmul zackayBen gurion int airport shmul zackay
Ben gurion int airport shmul zackay
 
Yossi cohen preso
Yossi cohen preso   Yossi cohen preso
Yossi cohen preso
 
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטר
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטרהנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטר
הנדסה פיננסית, השוואה ומה שיש ביניהם - סיפורה של פוינטר
 
הדרך להצלחה
הדרך להצלחההדרך להצלחה
הדרך להצלחה
 
טיפים לעסקאות Fwmk
טיפים לעסקאות Fwmkטיפים לעסקאות Fwmk
טיפים לעסקאות Fwmk
 
Treechains presentation
Treechains presentationTreechains presentation
Treechains presentation
 
Breezo meter CleanTech Open 2014
Breezo meter   CleanTech Open 2014Breezo meter   CleanTech Open 2014
Breezo meter CleanTech Open 2014
 
המכון הישראלי לייצוא CleanTech Open 2014
המכון הישראלי לייצוא CleanTech Open 2014המכון הישראלי לייצוא CleanTech Open 2014
המכון הישראלי לייצוא CleanTech Open 2014
 
Michal Vakrat Wolkin CleanTech Open 2014
Michal Vakrat Wolkin CleanTech Open 2014Michal Vakrat Wolkin CleanTech Open 2014
Michal Vakrat Wolkin CleanTech Open 2014
 
GenCell CleanTech Open 2014
GenCell CleanTech Open 2014GenCell CleanTech Open 2014
GenCell CleanTech Open 2014
 
Fuu CleanTech Open 2014
Fuu CleanTech Open 2014Fuu CleanTech Open 2014
Fuu CleanTech Open 2014
 
Green spense CleanTech Open 2014
Green spense CleanTech Open 2014Green spense CleanTech Open 2014
Green spense CleanTech Open 2014
 
Evr motors CleanTech Open 2014
Evr motors CleanTech Open 2014Evr motors CleanTech Open 2014
Evr motors CleanTech Open 2014
 
Ayla matalon CleanTech Open 2014
Ayla matalon CleanTech Open 2014Ayla matalon CleanTech Open 2014
Ayla matalon CleanTech Open 2014
 
AutoAgronome Cleantech Open 2014
AutoAgronome Cleantech Open 2014AutoAgronome Cleantech Open 2014
AutoAgronome Cleantech Open 2014
 
Asaf hahami
Asaf hahami Asaf hahami
Asaf hahami
 
43 north
43 north43 north
43 north
 
Jeff jonas big data new physics
Jeff jonas big data new physicsJeff jonas big data new physics
Jeff jonas big data new physics
 
Dr Ohad Barzilay
Dr Ohad BarzilayDr Ohad Barzilay
Dr Ohad Barzilay
 
Yaniv Mor - Xplenty - big data new physics
Yaniv Mor - Xplenty - big data new physicsYaniv Mor - Xplenty - big data new physics
Yaniv Mor - Xplenty - big data new physics
 

Roy Man - UI Pitfalls & UX Approach

  • 1. UI / UX Pitfalls to avoid
  • 2. UI
  • 3. UI elements should look like UI elements If you find that you explain the UI in the UI you did something wrong
  • 4. BUTTONS SHOULD LOOK CLICKABLE If you find that you explain the UI in the UI Check Clickable items! “click here” – wrong!
  • 7. SPEED UI Animations Are Cool Keep animations under 200ms Over 200ms appears slow!
  • 8. SPEED Every feature will probably benefit 5%-10% Of your users Speed benefits 100% don’t know what to do? – improve speed Chrome product team
  • 10. Don’t Make Me Think There’s a book about it – don’t make me think
  • 12. Call For Action - Bottom Line First Please Give Feedback, bla bla bla… bla bla bla…, so We’d appreciate your feedback.
  • 13. UX
  • 14. Explain what the end goal is, users that understand what the end goal is are far more likely to overcome things they don't understand. Level 50 - Take Over Cuba
  • 15. Message Value Not Features Values – achieved after using the product ésumé-building service: • a feature might be “professionally designed templates” • the benefit would be an “eye-catching résumé that stands out” • but the finished story benefit would be “landing your dream job”. Ash Maurya Running lean
  • 16. Stats – don’t overload • Measuring everything is the right way to stats hell (clicks / UI events) • Measure key indicators first – give it time – then add more • Use time to give granularity 8.1% of users did today, 4.2% did yesterday • Funnel / Segment users put users in boxes and measure if they are stuck there?
  • 18. TOOLS Mixpanel.com event stats Intercom.io CRM for users Optimizely.com A/B tests
  • 19. BOOKS UX The inmates are running the asylum Alan Cooper Build Your Startup Running Lean Ash Maurya Pricing Predictably Irrational Dan Ariely Lookup - Dave McClure - AARRR!
  • 21. Reinforcement • Engineers working on a big problem is ok, adding a “business guy” is not something you have to have. • Israel investors look for IP => traction Valley Investors look for Network & Data