balancing mobile functionality and delight
Post on 08-Jul-2015
355 Views
Preview:
DESCRIPTION
TRANSCRIPT
What's your favourite example of a product that differentiates, based on design?
uxmag.com, Nov 2014
What's your favourite example of a product that differentiates, based on design?
uxmag.com, Nov 2014
All answers provided were primarily based on the experience the product produces
CRAFTING
BRILLIANT MOBILE EXPERIENCES IS AN ART OF BALANCING FUNCTIONALITY & BEAUTY
WHILE YOUR DESIGN MIGHT BE BEAUTIFUL, IF IT’S NOT FUNCTIONAL, IT HAS TO GO
DON’T BE A DECORATOR BE A PROBLEM SOLVER
WHAT A GOOD DESIGNER SHOULD DO?
#1 RESEARCH
DISCOVERY UNVEILS THE REAL PROBLEM THAT YOU NEED TO SOLVE
STUDY MOBILE USER CONTEXT
UNDERSTAND BUSINESS GOALS
#2 APPLICATION FLOW
APPLICATION FLOW WIREFRAMES & STORYBOARDS
START WITH A WHITEBOARD; CONTINUE WITH PAPER SKETCHING
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
NAVIGATION MAKE IMPORTANT THINGS FAST
ENSURE MINIMUM STEPS FOR THE CORE FUNCTIONALITY
#3 INFORMATION ARCHITECTURE
INFORMATION ARCHITECTURE EMPHASISE ON CONTENT HIERARCHY
VISUAL HIERARCHY / CONTENT GROUPING / SPACING / POSITIONING
INFORMATION ARCHITECTURE SIMPLICITY SELLS
PROVIDE JUST ENOUGH FOR COMPREHENSION AND THE ABILITY TO PURSUE AND COMPLETE USER GOALS
ted.com
CONTENT HIERARCHY HOW USERS HOLD MOBILE DEVICES
49% 36% 15%
lukew.com
LARGER SCREENS NEED SPECIAL CARE
HARD TO REACH ONE-HANDED OR WITH THUMB
COMFORTABLE TO REACH
lukew.com
#4 DELIGHT
BEAUTY & CREATIVITY MAKE IT SEDUCTIVE, MEMORABLE
Workspace of Jeremy Goldberg - UX Designer @Google
THE FIRST IMPRESSION WALKTHROUGHS
Trunk Club Inbox Foursquare Airbnb
THE FIRST IMPRESSION ONBOARDING
FULL OF CREATIVITY
Citymapper Application
MOBILE PATTERNS LISTS
Yahoo News Digest Snapguide Gogobot Peek Calendar
MOBILE PATTERNS CONTENT/VENUE DETAILS
Airbnb Foursquare TripAgent
GUIDE THE USER
MOBILE PATTERNS EMPTY DATA
RunKeeper Circa News Potluck iMovie
SYNC WITH DEVELOPERS MAKE SURE THAT YOUR VISUAL APPROACH IS FEASIBLE
ACCOMPLISHING GOALS +
FEELING GREAT
IS THE OUTCOME YOU WANT USERS TO EXPERIENCE SO THAT THEY FALL IN LOVE WITH YOUR APP!
SIMPLIFIED MOBILE UX LED TO INCREASED USER ENGAGEMENT & CONVERSION
BOOST APP ADOPTION
73% INCREASE IN CAMERA USEAndroid Devs Blog, Nov 2014
INVEST IN GREAT UX KEY PILLAR FOR LONG TERM SUCCESS
top related