UX Best Practices

Theresa Neil
Theresa NeilUX Designer, Writer, Speaker, Owner of Strategy + Design
UX BEST PRACTICES
Problem Solving, People & Process
Theresa
I’m a consultant who focuses on
UX strategy and design
User Experience is HOT
And Every Company Wants a Great UX
But many are unsure on how to get there:
Common Misconceptions
#1
The X stands for SeXy
Visual Design is not UX
I have turned down countless clients who think that a UX
redesign means a visual facelift.
But when we speak with their users, the color palette (font,
icons, logo, etc..) is far from their most pressing problem.
Form should follow function. Nail the UX design, then
enhance the experience with great visuals.
Common Misconceptions
#2
UI and UX are the same
UI is not UX
The next most common request we get is to “just fix the
navigation”. Or, can we provide some page layout patterns and
the development team will just “apply those”?
UX precedes UI design to determine the flow and ultimately
which pages and interactions will exist.
UI design can’t start until the UX foundation has been
laid. If the foundation is cracked, you have to tackle that
first.
Common Misconceptions
#3
We know our users
Knowing Users vs Speaking to Users
“We think we've got a really nice start, but are looking for
additional UX expertise to really advance how users will engage
with ______. Basically we believe we need some UX design
breakthroughs. “
Q: Have you shown this to any prospective users?
A: No
Q: I’d like to speak with some people in your target
market. Understanding how they might use this app could
fuel some breakthrough ideas...
A: No
Knowing Users vs Speaking to Users
You probably do know your users, so work that relationship
during the UX (re)design process. Here’s 3 good times to talk:
Research
Concept Validation
User Testing
Best Practices
Problem Solving
Need to start off tackling the problem at the right level: UX not UI.
Marc Hedlund, the founder of Wesabe wrote that “while I was focused on trying to make
the usability of editing data as easy and functional as it could be; Mint was focused on
making it so you never had to do that at all. Their approach completely kicked our
approach’s ass.”
People
Build the right collaborative teams: product owner, support, sales, marketing,
tech and design. Look for the right skills, experience and personality.
Complexifiers vs Simplifiers
http://scottberkun.com/2006/there-are-two-
kinds-of-people-complexifiers-and-simplifers/
Complexifiers are averse to reduction. These are
the people who write 25 page specifications when a
picture will do and send long e-mails to the entire
team when one phone call would suffice.
Simplifiers thrive on concision. They never
let their ego get in the way of the short
path. When you give them seemingly
complicated tasks they simplify,
consolidate and re-interpret on instinct,
naturally seeking the simplest way to
achieve what needs to be done.
Process
Establish a quick, iterative, collaborative UX process in your company.
Discovery ---- > Strategy -----> Design (prototype, test, revise...)---> Launch
http://www.uxapprentice.com
Started August 2012
Silvercar: Contextual Research
Silvercar: Strategy
Silvercar: Wireframes
Silvercar: Prototype & Test
Silvercar: Visual Design Concepts
iOS
Android
Kiosk
Web
Launched January 2013
Discussion
?
Follow me on Twitter @theresaneil
Find me at www.theresaneil.com
Look for “Mobile Design Pattern Gallery” 2nd
Edition in Q4
1 of 28

Recommended

Ui vs UX design by
Ui vs UX designUi vs UX design
Ui vs UX designMaksym Babych
2.3K views27 slides
What is UX? by
What is UX?What is UX?
What is UX?David Carr
165.2K views49 slides
Ux is not UI by
Ux is not UIUx is not UI
Ux is not UIBruno Mendes
19.6K views23 slides
UX/UI Design and How It Works by
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
1.2K views6 slides
UX Experience Design: Processes and Strategy by
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
11.8K views38 slides
UX Design Mini Course by
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
177 views33 slides

More Related Content

What's hot

UX & UI Design - Differentiate through design by
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
54.8K views33 slides
UI UX Introductory session by
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
795 views75 slides
UX/UI Design 101 by
UX/UI Design 101UX/UI Design 101
UX/UI Design 101Jasmine Phan
2K views24 slides
UI & UX Design for Startups by
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
12.2K views49 slides
What’s the difference between a UX and UI designer? (Part two) by
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
864 views11 slides
What is UX? by
What is UX?What is UX?
What is UX?Peter van Lanschot
3.8K views60 slides

What's hot(20)

UX & UI Design - Differentiate through design by DMI
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI54.8K views
UI UX Introductory session by Sooraj P R
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R795 views
UI & UX Design for Startups by Richard Fang
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang12.2K views
What’s the difference between a UX and UI designer? (Part two) by iFactory Digital
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
iFactory Digital864 views
A UI and UX training presentation by aayush_jain_87
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_873.1K views
UI and UX Design for Startups - Matin Maleki by Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki2.3K views
What is UI/UX and the Difference by Vibloo
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo2.4K views
UI vs UX workshop by Inova LLC
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC2.3K views
UI vs UX ( User Interface vs User Experience) by Sonali Pawar
UI vs UX ( User Interface vs User Experience)UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)
Sonali Pawar264 views
UX 101: A quick & dirty introduction to user experience strategy & design by Morgan McKeagney
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney143.4K views
Understanding UI/UX Design by Aroyewun Babajide by Babajide Aroyewun
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun1.7K views

Similar to UX Best Practices

UX for start-ups, presented to start-ups in Wayra, London by
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonKarl Saynor
2K views57 slides
FINAL NL-UX-WPPR_1_18_15 by
FINAL NL-UX-WPPR_1_18_15FINAL NL-UX-WPPR_1_18_15
FINAL NL-UX-WPPR_1_18_15Wim Bertram ?
90 views15 slides
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? by
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? Kathleen Milbier
1.2K views15 slides
User Experience: An Industry (Always) in Transition by
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionGino Zahnd
470 views95 slides
What is UX v2 by
What is UX v2What is UX v2
What is UX v2Mike Gallers
343 views55 slides
Eliminate Design - a rant about the responsibility of UX professionals by
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsPer Axbom
2.6K views23 slides

Similar to UX Best Practices(20)

UX for start-ups, presented to start-ups in Wayra, London by Karl Saynor
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
Karl Saynor2K views
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? by Kathleen Milbier
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
Kathleen Milbier1.2K views
User Experience: An Industry (Always) in Transition by Gino Zahnd
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
Gino Zahnd470 views
Eliminate Design - a rant about the responsibility of UX professionals by Per Axbom
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionals
Per Axbom2.6K views
Tackle the Problem with Design Thinking - GDSC UAD by gallangsadewa
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
gallangsadewa305 views
UI Design Patterns for the Web, Part 1 by Lewis Lin 🦊
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
Lewis Lin 🦊2.6K views
UX Design + UI Design: Injecting a brand persona! by Jayan Narayanan
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan319.7K views
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01 by Vera Kovaleva
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Vera Kovaleva800 views
UX design presentation by Ajanthan M
UX design presentationUX design presentation
UX design presentation
Ajanthan M114 views
A Look Into My Life As A UX Designer by Maite Dalila
A Look Into My Life As A UX DesignerA Look Into My Life As A UX Designer
A Look Into My Life As A UX Designer
Maite Dalila5.1K views
Are You An User Experience Designer by Vinay Mohanty
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
Vinay Mohanty41.3K views
User Experience Design for Non‐Designers by kimberlythecat
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designers
kimberlythecat260 views
Uxpin mobile UI Design Patterns 2014 by Jessie Doan
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
Jessie Doan 3.6K views
UX Design - Lecture # 1.pptx by Zaid227349
UX Design - Lecture # 1.pptxUX Design - Lecture # 1.pptx
UX Design - Lecture # 1.pptx
Zaid22734929 views

More from Theresa Neil

Just Make Me a Dashboard! by
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!Theresa Neil
1.2K views44 slides
The Best Windows Phone Apps 2013: A Designers Collection by
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionTheresa Neil
41.3K views46 slides
Navigation Patterns for Mobile Optimized Retail Sites by
Navigation Patterns for Mobile Optimized Retail SitesNavigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail SitesTheresa Neil
11.2K views18 slides
The Dangers of the Wrong Mobile Strategy by
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyTheresa Neil
14.6K views22 slides
Your Mobile Strategy Can't Be HTML5 by
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5Theresa Neil
44.3K views67 slides
Mobile Design. Strategic Solutions. by
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Theresa Neil
134.4K views216 slides

More from Theresa Neil(10)

Just Make Me a Dashboard! by Theresa Neil
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
Theresa Neil1.2K views
The Best Windows Phone Apps 2013: A Designers Collection by Theresa Neil
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers Collection
Theresa Neil41.3K views
Navigation Patterns for Mobile Optimized Retail Sites by Theresa Neil
Navigation Patterns for Mobile Optimized Retail SitesNavigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail Sites
Theresa Neil11.2K views
The Dangers of the Wrong Mobile Strategy by Theresa Neil
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile Strategy
Theresa Neil14.6K views
Your Mobile Strategy Can't Be HTML5 by Theresa Neil
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5
Theresa Neil44.3K views
Mobile Design. Strategic Solutions. by Theresa Neil
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.
Theresa Neil134.4K views
All The Screens: Cross Platform Design Strategies by Theresa Neil
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
Theresa Neil33.8K views
Navigation Patterns for iOS, Android and More by Theresa Neil
Navigation Patterns for iOS, Android and MoreNavigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and More
Theresa Neil43.4K views
RIA Screen Layouts by Theresa Neil
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
Theresa Neil76.1K views
Designers vs Developers- Coming together to build the best RIAs by Theresa Neil
Designers vs Developers- Coming together to build the best RIAsDesigners vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAs
Theresa Neil11.5K views

Recently uploaded

Samsung Galaxy Watch 5 Presentation by
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentationaryasheel1
13 views1 slide
EL FODA.pdf by
EL FODA.pdfEL FODA.pdf
EL FODA.pdfestefanimilenca
22 views1 slide
Sugar Air Kiss Lipstick by
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstickaryasheel1
11 views5 slides
Legal PPT Presentation.pptx by
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx125071063
5 views7 slides
portfolio_20231206_Re.pdf by
portfolio_20231206_Re.pdfportfolio_20231206_Re.pdf
portfolio_20231206_Re.pdfSivaphan Wuttingam
14 views65 slides
BeatsFest Brand Guidelines Final.pdf by
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdfEddiePena9
8 views12 slides

Recently uploaded(20)

Samsung Galaxy Watch 5 Presentation by aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 views
Sugar Air Kiss Lipstick by aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel111 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
BeatsFest Brand Guidelines Final.pdf by EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena98 views
Canned Cocktail Flat Labels by nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza38 views
Cocktail Merchandise by nyhapedraza
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandise
nyhapedraza35 views
Indian wedding dresses design.pdf by Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman54 views
Business X Design - People, Planet & Product by Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 views
DR Portfolio.pptx by robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd225 views
Free International civil aviation day template from best presentation design ... by slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
type book PDF to PPT.pptx by samboggiano
type book PDF to PPT.pptxtype book PDF to PPT.pptx
type book PDF to PPT.pptx
samboggiano6 views
500% Sales Growth with Amazon A+ Content by Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima11 views

UX Best Practices

  • 1. UX BEST PRACTICES Problem Solving, People & Process
  • 2. Theresa I’m a consultant who focuses on UX strategy and design
  • 4. And Every Company Wants a Great UX But many are unsure on how to get there:
  • 6. Visual Design is not UX I have turned down countless clients who think that a UX redesign means a visual facelift. But when we speak with their users, the color palette (font, icons, logo, etc..) is far from their most pressing problem. Form should follow function. Nail the UX design, then enhance the experience with great visuals.
  • 8. UI is not UX The next most common request we get is to “just fix the navigation”. Or, can we provide some page layout patterns and the development team will just “apply those”? UX precedes UI design to determine the flow and ultimately which pages and interactions will exist. UI design can’t start until the UX foundation has been laid. If the foundation is cracked, you have to tackle that first.
  • 10. Knowing Users vs Speaking to Users “We think we've got a really nice start, but are looking for additional UX expertise to really advance how users will engage with ______. Basically we believe we need some UX design breakthroughs. “ Q: Have you shown this to any prospective users? A: No Q: I’d like to speak with some people in your target market. Understanding how they might use this app could fuel some breakthrough ideas... A: No
  • 11. Knowing Users vs Speaking to Users You probably do know your users, so work that relationship during the UX (re)design process. Here’s 3 good times to talk: Research Concept Validation User Testing
  • 13. Problem Solving Need to start off tackling the problem at the right level: UX not UI. Marc Hedlund, the founder of Wesabe wrote that “while I was focused on trying to make the usability of editing data as easy and functional as it could be; Mint was focused on making it so you never had to do that at all. Their approach completely kicked our approach’s ass.”
  • 14. People Build the right collaborative teams: product owner, support, sales, marketing, tech and design. Look for the right skills, experience and personality. Complexifiers vs Simplifiers http://scottberkun.com/2006/there-are-two- kinds-of-people-complexifiers-and-simplifers/ Complexifiers are averse to reduction. These are the people who write 25 page specifications when a picture will do and send long e-mails to the entire team when one phone call would suffice. Simplifiers thrive on concision. They never let their ego get in the way of the short path. When you give them seemingly complicated tasks they simplify, consolidate and re-interpret on instinct, naturally seeking the simplest way to achieve what needs to be done.
  • 15. Process Establish a quick, iterative, collaborative UX process in your company. Discovery ---- > Strategy -----> Design (prototype, test, revise...)---> Launch http://www.uxapprentice.com
  • 22. iOS
  • 24. Kiosk
  • 25. Web
  • 28. Follow me on Twitter @theresaneil Find me at www.theresaneil.com Look for “Mobile Design Pattern Gallery” 2nd Edition in Q4