It's Too Fancy! Back to Basics User Experience
-
Upload
kristi-mckinney -
Category
Design
-
view
6 -
download
1
description
Transcript of It's Too Fancy! Back to Basics User Experience
![Page 1: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/1.jpg)
Kristi McKinneyClockwork Active Media
IT’S TOO FANCY!
Back to Basics User Experience
MinneWebCon | April 14th 2014
![Page 2: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/2.jpg)
THE SCENARIO
![Page 3: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/3.jpg)
FEATURE EXPLOSION
“I saw this [insert feature] on [insert website] and I think we should use it on our site for [insert
problem].”
![Page 4: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/4.jpg)
WE GET IDEAS FROM OTHERS
When approaching web/product changes, we get cues from implementations on other sites and
applications.
![Page 5: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/5.jpg)
HOW DO WE TALK ABOUT THIS?
Use well-documented UX paradigms to find solutions best solve the problem and align with the strategy.
![Page 6: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/6.jpg)
CONSIDER THE OVERALL STRATEGY
Objectives – Big Organizational GoalGoals – Specific MeasuresStrategy – Organizational and Digital
![Page 7: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/7.jpg)
CONSIDER PROJECT KNOWLEDGE
• Define the problem & its effects• Define the technological
boundaries• Define the budget limitations• Understand the data
![Page 8: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/8.jpg)
WHICH PARADIGMS?
GOOD QUESTION!There is no definitive list of UX
Paradigms.
![Page 9: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/9.jpg)
APPLYING PARADIGMS EXAMPLES
![Page 10: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/10.jpg)
CNN: Busy News
![Page 11: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/11.jpg)
CNN Business NewsUseful Paradigms
• The Law of Simplicity– Is there enough
information for users to complete their task?
• Users > Problem– Are personal biases
influencing user decisions?
![Page 12: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/12.jpg)
Mayo Clinic: Sneaky Rotator
![Page 13: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/13.jpg)
Mayo Clinic: Sneaky RotatorUseful Paradigms
• The Law of Experience– Are we reinventing a
common process?
• Clarity Above All– Is everything clear and
understandable?
![Page 14: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/14.jpg)
Mayo Clinic: Sneaky RotatorUseful Paradigms
• Fitts’ Law– Can users quickly reach
intended actions?
• Learnability vs. Usability– Is the product single-
use or repetitive?
![Page 15: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/15.jpg)
Slate, Gawker Media & Time: Mobile for Desktop
![Page 16: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/16.jpg)
Slate: Mobile for DesktopUseful Paradigms
• Expose and Challenge Assumptions– Have we questioned
everything?
• Pay Attention to Patterns– Does the interface follow a
pattern?
• Invest in the Future– What are the future needs of
users?
![Page 17: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/17.jpg)
Gawker Media Group: Mobile for Desktop
![Page 18: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/18.jpg)
Gawker Media Group: Mobile for Desktop
Useful Paradigms
• Words Aren’t the Enemy– Does iconography
translate across languages and experiences?
• Match the Tool to the Problem– Is the tool similar in scope
to the original issue?
![Page 19: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/19.jpg)
Time Magazine: Mobile for Desktop
![Page 20: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/20.jpg)
Time Magazine: Mobile for DesktopUseful Paradigms
• The Data Doesn’t Lie (usually)– What does the
data say about the problem?
• Hiding Complexity Increases It– Can users clearly
find what they need?
![Page 21: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/21.jpg)
Anthropologie: Changing Galleries
![Page 22: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/22.jpg)
Anthropologie: Changing GalleriesUseful Paradigms
• Consistency– Are things grouped
and behaving consistently?
• Always Allow Undo– Can users easily
correct their mistakes?
![Page 23: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/23.jpg)
• Details Always Matter– Is there an over-reliance
on design to communicate details?
• Users Don’t Know What They Want– Are you talking to your
users?
AnthropologieUseful Paradigms
![Page 24: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/24.jpg)
IN REVIEW
![Page 25: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/25.jpg)
FOCUS ON USERS
“I saw this [insert feature] on [insert
website] and I think we should use it on our site for [insert
problem].”
![Page 26: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/26.jpg)
RECIPE FOR SUCCESSFUL SOLUTIONS
![Page 27: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/27.jpg)
STRATEGY & PROJECT KNOWLEDGE
• Strategy focuses the discussion on the big picture
• Core Project Knowledge focuses the discussion on the current project with its guard rails
![Page 28: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/28.jpg)
UX PARADIGMS – HELPFUL QUESTIONS
• Is there enough information for users to complete their task?
• Are personal biases influencing user decisions?
• Are we reinventing a common process?
• Is everything clear and understandable?
![Page 29: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/29.jpg)
UX PARADIGMS – HELPFUL QUESTIONS
• Can users act quickly?
• Is the product single-use or repetitive?
• Have we questioned everything?
• Does the interface follow a pattern?
• What are the future needs of users?
![Page 30: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/30.jpg)
UX PARADIGMS – HELPFUL QUESTIONS
• Are things grouped consistently?
• Can users easily correct mistakes?
• Are details communicated effectively?
• Are you talking to your users?
![Page 31: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/31.jpg)
UX PARADIGMS – HELPFUL QUESTIONS
• Does the iconography translate?
• Is the scope of the problem and solution the same?
• What does the data say?
• Can users clearly find what they need?
![Page 32: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/32.jpg)
WELL-REASONED DECISION
“That [insert feature] on [insert website] will work great for us because we can solve [problem] which will help us [strategy]. We know that users [paradigm] so it should work well.”
![Page 33: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/33.jpg)
RESOURCES
• The Hipper Element - http://thehipperelement.com/
• UX Greatness – http://commadot.com/ux-greatness-part-1-of-3/
• 52 Weeks of UX – http://52weeksofux.com/
• Don’t Make Me Think – Steve Krug• UX Myths - http://uxmyths.com/• UI Patterns - http://ui-patterns.com
/• UX Apprentice -
http://www.uxapprentice.com/
• UX Axioms - http://www.uxaxioms.com/
• Principles of Interaction Design - http://asktog.com/atc/principles-of-interaction-design/
• Communicating Design – Dan M. Brown
• Undercover User Experience Design – Cennydd Bowles & James Box
• Smashing Magazine – uxdesign.smashingmagazine.com/
![Page 34: It's Too Fancy! Back to Basics User Experience](https://reader036.fdocuments.us/reader036/viewer/2022081518/540cf2387bef0ad7288b827f/html5/thumbnails/34.jpg)
Thank You.Follow me @kitalooclef
MinneWebCon | April 14th 2014