balancing mobile functionality and delight
DESCRIPTION
The presentation entitled "Mobile Functionality & Delight" was delivered in the scope of the Startup Safary Athens, at November 22th, 2014. The presentation highlights the importance of balancing functionality and delight during the whole lifecycle of a mobile application. Key User Experience (UX) aspects that every mobile startup should pay attention are mentioned, along with some design tips. Emphasis is placed on Research, Application Flow, Information Architecture, and Delight.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