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
![Page 1: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/1.jpg)
![Page 2: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/2.jpg)
![Page 3: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/3.jpg)
What's your favourite example of a product that differentiates, based on design?
uxmag.com, Nov 2014
![Page 4: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/4.jpg)
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
![Page 5: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/5.jpg)
CRAFTING
BRILLIANT MOBILE EXPERIENCES IS AN ART OF BALANCING FUNCTIONALITY & BEAUTY
![Page 6: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/6.jpg)
WHILE YOUR DESIGN MIGHT BE BEAUTIFUL, IF IT’S NOT FUNCTIONAL, IT HAS TO GO
![Page 7: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/7.jpg)
DON’T BE A DECORATOR BE A PROBLEM SOLVER
![Page 8: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/8.jpg)
WHAT A GOOD DESIGNER SHOULD DO?
![Page 9: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/9.jpg)
#1 RESEARCH
![Page 10: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/10.jpg)
DISCOVERY UNVEILS THE REAL PROBLEM THAT YOU NEED TO SOLVE
STUDY MOBILE USER CONTEXT
UNDERSTAND BUSINESS GOALS
![Page 11: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/11.jpg)
#2 APPLICATION FLOW
![Page 12: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/12.jpg)
APPLICATION FLOW WIREFRAMES & STORYBOARDS
START WITH A WHITEBOARD; CONTINUE WITH PAPER SKETCHING
![Page 13: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/13.jpg)
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
![Page 14: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/14.jpg)
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
![Page 15: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/15.jpg)
APPLICATION FLOW LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY
![Page 16: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/16.jpg)
NAVIGATION MAKE IMPORTANT THINGS FAST
ENSURE MINIMUM STEPS FOR THE CORE FUNCTIONALITY
![Page 17: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/17.jpg)
#3 INFORMATION ARCHITECTURE
![Page 18: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/18.jpg)
INFORMATION ARCHITECTURE EMPHASISE ON CONTENT HIERARCHY
VISUAL HIERARCHY / CONTENT GROUPING / SPACING / POSITIONING
![Page 19: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/19.jpg)
INFORMATION ARCHITECTURE SIMPLICITY SELLS
PROVIDE JUST ENOUGH FOR COMPREHENSION AND THE ABILITY TO PURSUE AND COMPLETE USER GOALS
ted.com
![Page 20: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/20.jpg)
CONTENT HIERARCHY HOW USERS HOLD MOBILE DEVICES
49% 36% 15%
lukew.com
![Page 21: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/21.jpg)
LARGER SCREENS NEED SPECIAL CARE
HARD TO REACH ONE-HANDED OR WITH THUMB
COMFORTABLE TO REACH
lukew.com
![Page 22: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/22.jpg)
#4 DELIGHT
![Page 23: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/23.jpg)
BEAUTY & CREATIVITY MAKE IT SEDUCTIVE, MEMORABLE
Workspace of Jeremy Goldberg - UX Designer @Google
![Page 24: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/24.jpg)
THE FIRST IMPRESSION WALKTHROUGHS
Trunk Club Inbox Foursquare Airbnb
![Page 25: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/25.jpg)
THE FIRST IMPRESSION ONBOARDING
FULL OF CREATIVITY
Citymapper Application
![Page 26: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/26.jpg)
MOBILE PATTERNS LISTS
Yahoo News Digest Snapguide Gogobot Peek Calendar
![Page 27: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/27.jpg)
MOBILE PATTERNS CONTENT/VENUE DETAILS
Airbnb Foursquare TripAgent
![Page 28: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/28.jpg)
GUIDE THE USER
MOBILE PATTERNS EMPTY DATA
RunKeeper Circa News Potluck iMovie
![Page 29: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/29.jpg)
SYNC WITH DEVELOPERS MAKE SURE THAT YOUR VISUAL APPROACH IS FEASIBLE
![Page 30: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/30.jpg)
ACCOMPLISHING GOALS +
FEELING GREAT
IS THE OUTCOME YOU WANT USERS TO EXPERIENCE SO THAT THEY FALL IN LOVE WITH YOUR APP!
![Page 31: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/31.jpg)
SIMPLIFIED MOBILE UX LED TO INCREASED USER ENGAGEMENT & CONVERSION
BOOST APP ADOPTION
73% INCREASE IN CAMERA USEAndroid Devs Blog, Nov 2014
![Page 32: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/32.jpg)
INVEST IN GREAT UX KEY PILLAR FOR LONG TERM SUCCESS
![Page 33: Balancing Mobile Functionality and Delight](https://reader036.vdocument.in/reader036/viewer/2022081404/559c82dd1a28ab7e778b475f/html5/thumbnails/33.jpg)