UX Best Practices
-
Upload
theresa-neil -
Category
Design
-
view
12.000 -
download
0
description
Transcript of UX Best Practices
![Page 1: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/1.jpg)
UX BEST PRACTICESProblem Solving, People & Process
![Page 2: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/2.jpg)
Theresa
I’m a consultant who focuses on UX strategy and design
![Page 3: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/3.jpg)
User Experience is HOT
![Page 4: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/4.jpg)
And Every Company Wants a Great UX
But many are unsure on how to get there:
![Page 5: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/5.jpg)
Common Misconceptions
#1 The X stands for SeXy
![Page 6: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/6.jpg)
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.
![Page 7: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/7.jpg)
Common Misconceptions
#2 UI and UX are the same
![Page 8: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/8.jpg)
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.
![Page 9: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/9.jpg)
Common Misconceptions
#3We know our users
![Page 10: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/10.jpg)
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: NoQ: 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
![Page 11: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/11.jpg)
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
![Page 12: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/12.jpg)
Best Practices
![Page 13: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/13.jpg)
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.”
![Page 14: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/14.jpg)
PeopleBuild 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.
![Page 15: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/15.jpg)
ProcessEstablish a quick, iterative, collaborative UX process in your company. Discovery ---- > Strategy -----> Design (prototype, test, revise...)---> Launch
http://www.uxapprentice.com
![Page 16: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/16.jpg)
Started August 2012
![Page 17: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/17.jpg)
Silvercar: Contextual Research
![Page 18: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/18.jpg)
Silvercar: Strategy
![Page 19: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/19.jpg)
Silvercar: Wireframes
![Page 20: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/20.jpg)
Silvercar: Prototype & Test
![Page 21: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/21.jpg)
Silvercar: Visual Design Concepts
![Page 22: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/22.jpg)
iOS
![Page 23: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/23.jpg)
Android
![Page 24: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/24.jpg)
Kiosk
![Page 25: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/25.jpg)
Web
![Page 26: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/26.jpg)
Launched January 2013
![Page 27: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/27.jpg)
Discussion?
![Page 28: UX Best Practices](https://reader034.fdocuments.us/reader034/viewer/2022042510/53f133928d7f72104c8b4747/html5/thumbnails/28.jpg)
Follow me on Twitter @theresaneil
Find me at www.theresaneil.com
Look for “Mobile Design Pattern Gallery” 2nd Edition in Q4