UX Best Practices

Theresa Neil
Theresa NeilUX Designer, Writer, Speaker, Owner of Strategy + Design em Techstars
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 de 28

Recomendados

The Importance of UXThe Importance of UX
The Importance of UXBart Van Hecke
7.5K visualizações161 slides
UI UX in depthUI UX in depth
UI UX in depthShrestha Raaz
989 visualizações11 slides
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
12.2K visualizações49 slides
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
3.1K visualizações33 slides

Mais conteúdo relacionado

Mais procurados

What is UX?What is UX?
What is UX?Peter van Lanschot
3.8K visualizações60 slides
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
54.8K visualizações33 slides
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignKoombea
441K visualizações31 slides
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
1.2K visualizações6 slides
UX/UI Design 101UX/UI Design 101
UX/UI Design 101Jasmine Phan
1.9K visualizações24 slides
Ui vs UX designUi vs UX design
Ui vs UX designMaksym Babych
2.3K visualizações27 slides

Mais procurados(20)

What is UX?What is UX?
What is UX?
Peter van Lanschot3.8K visualizações
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea441K visualizações
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
Aciron Consulting1.2K visualizações
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan1.9K visualizações
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych2.3K visualizações
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
GDSCUniversitasMatan274 visualizações
Ux design processUx design process
Ux design process
Junying Chang13.2K visualizações
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC2.2K visualizações
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi1.4K visualizações
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R781 visualizações
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo2.4K visualizações
What is UX?What is UX?
What is UX?
David Carr164.9K visualizações
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia11.8K visualizações
UX designUX design
UX design
Tanay Kumar4.3K visualizações
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander4.5K visualizações
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
Bart Van Hecke792 visualizações
UI/UX Courses UI/UX Courses
UI/UX Courses
Nardia Infotech191 visualizações

Similar a UX Best Practices(20)

FINAL NL-UX-WPPR_1_18_15FINAL NL-UX-WPPR_1_18_15
FINAL NL-UX-WPPR_1_18_15
Wim Bertram ?90 visualizações
What is UX v2What is UX v2
What is UX v2
Mike Gallers343 visualizações
What is UX v1What is UX v1
What is UX v1
Mike Gallers230 visualizações
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
gallangsadewa305 visualizações
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
Muhammad Ishfaq Ch ✔402 visualizações
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 visualizações
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.4K visualizações
UX design presentationUX design presentation
UX design presentation
Ajanthan M114 visualizações
From Zero to HeroFrom Zero to Hero
From Zero to Hero
Andy Marshall747 visualizações
IxD13 ReduxIxD13 Redux
IxD13 Redux
Rikki Teeters582 visualizações
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 visualizações
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
Vinay Mohanty41.3K visualizações
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designers
kimberlythecat260 visualizações
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
Jessie Doan 3.6K visualizações
UX Design - Lecture # 1.pptxUX Design - Lecture # 1.pptx
UX Design - Lecture # 1.pptx
Zaid22734929 visualizações

Mais de Theresa Neil

Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!Theresa Neil
1.2K visualizações44 slides
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5Theresa Neil
44.2K visualizações67 slides
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Theresa Neil
134.4K visualizações216 slides

Mais de Theresa Neil(10)

Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
Theresa Neil1.2K visualizações
Navigation Patterns for Mobile Optimized Retail SitesNavigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail Sites
Theresa Neil11.2K visualizações
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile Strategy
Theresa Neil14.6K visualizações
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5
Theresa Neil44.2K visualizações
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.
Theresa Neil134.4K visualizações
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
Theresa Neil33.8K visualizações
Navigation Patterns for iOS, Android and MoreNavigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and More
Theresa Neil43.4K visualizações
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
Theresa Neil76.1K visualizações

Último

Task 3 copy.pptxTask 3 copy.pptx
Task 3 copy.pptxZaraCooper2
16 visualizações19 slides
The Last GrainsThe Last Grains
The Last Grainspulkkinenaliisa
36 visualizações122 slides
Design System.pdfDesign System.pdf
Design System.pdfAtiqur Rahaman
10 visualizações20 slides

Último(20)

Anthelmintic Drugs-Medicinal ChemistryAnthelmintic Drugs-Medicinal Chemistry
Anthelmintic Drugs-Medicinal Chemistry
NarminHamaaminHussen5 visualizações
Task 3 copy.pptxTask 3 copy.pptx
Task 3 copy.pptx
ZaraCooper216 visualizações
The Last GrainsThe Last Grains
The Last Grains
pulkkinenaliisa36 visualizações
Design System.pdfDesign System.pdf
Design System.pdf
Atiqur Rahaman10 visualizações
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop15 visualizações
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal Chemistry
NarminHamaaminHussen9 visualizações
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman13 visualizações
Big Deal Curmel Moton ShirtBig Deal Curmel Moton Shirt
Big Deal Curmel Moton Shirt
brandshop18 visualizações
Here_Process bookHere_Process book
Here_Process book
nykimstudio15 visualizações
Anti-Cancer Drugs-Medicinal ChemistryAnti-Cancer Drugs-Medicinal Chemistry
Anti-Cancer Drugs-Medicinal Chemistry
NarminHamaaminHussen7 visualizações
evidence .pptxevidence .pptx
evidence .pptx
npgkddpbpd9 visualizações
Nomor Meja RUANG-4.docNomor Meja RUANG-4.doc
Nomor Meja RUANG-4.doc
ssuserc40b916 visualizações
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdf
Atiqur Rahaman15 visualizações
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman258 visualizações
Viking passive.pdfViking passive.pdf
Viking passive.pdf
Matis Velt15 visualizações
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris80 visualizações
Task 3.pptxTask 3.pptx
Task 3.pptx
ZaraCooper217 visualizações
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe239 visualizações
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28213 visualizações

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