balancing mobile functionality and delight

33

Upload: trebbble

Post on 08-Jul-2015

355 views

Category:

Mobile


0 download

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
Page 2: Balancing Mobile Functionality and Delight
Page 3: Balancing Mobile Functionality and Delight

What's your favourite example of a product that differentiates, based on design?

uxmag.com, Nov 2014

Page 4: Balancing Mobile Functionality and Delight

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

CRAFTING

BRILLIANT MOBILE EXPERIENCES IS AN ART OF BALANCING FUNCTIONALITY & BEAUTY

Page 6: Balancing Mobile Functionality and Delight

WHILE YOUR DESIGN MIGHT BE BEAUTIFUL, IF IT’S NOT FUNCTIONAL, IT HAS TO GO

Page 7: Balancing Mobile Functionality and Delight

DON’T BE A DECORATOR BE A PROBLEM SOLVER

Page 8: Balancing Mobile Functionality and Delight

WHAT A GOOD DESIGNER SHOULD DO?

Page 9: Balancing Mobile Functionality and Delight

#1 RESEARCH

Page 10: Balancing Mobile Functionality and Delight

DISCOVERY UNVEILS THE REAL PROBLEM THAT YOU NEED TO SOLVE

STUDY MOBILE USER CONTEXT

UNDERSTAND BUSINESS GOALS

Page 11: Balancing Mobile Functionality and Delight

#2 APPLICATION FLOW

Page 12: Balancing Mobile Functionality and Delight

APPLICATION FLOW WIREFRAMES & STORYBOARDS

START WITH A WHITEBOARD; CONTINUE WITH PAPER SKETCHING

Page 13: Balancing Mobile Functionality and Delight

APPLICATION FLOW LOW-FIDELITY PROTOTYPE

QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY

Page 14: Balancing Mobile Functionality and Delight

APPLICATION FLOW LOW-FIDELITY PROTOTYPE

QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY

Page 15: Balancing Mobile Functionality and Delight

APPLICATION FLOW LOW-FIDELITY PROTOTYPE

QUICK TESTING TO VERIFY IDEAS, APP FLOW AND ENSURE USABILITY

Page 16: Balancing Mobile Functionality and Delight

NAVIGATION MAKE IMPORTANT THINGS FAST

ENSURE MINIMUM STEPS FOR THE CORE FUNCTIONALITY

Page 17: Balancing Mobile Functionality and Delight

#3 INFORMATION ARCHITECTURE

Page 18: Balancing Mobile Functionality and Delight

INFORMATION ARCHITECTURE EMPHASISE ON CONTENT HIERARCHY

VISUAL HIERARCHY / CONTENT GROUPING / SPACING / POSITIONING

Page 19: Balancing Mobile Functionality and Delight

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

CONTENT HIERARCHY HOW USERS HOLD MOBILE DEVICES

49% 36% 15%

lukew.com

Page 21: Balancing Mobile Functionality and Delight

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

#4 DELIGHT

Page 23: Balancing Mobile Functionality and Delight

BEAUTY & CREATIVITY MAKE IT SEDUCTIVE, MEMORABLE

Workspace of Jeremy Goldberg - UX Designer @Google

Page 24: Balancing Mobile Functionality and Delight

THE FIRST IMPRESSION WALKTHROUGHS

Trunk Club Inbox Foursquare Airbnb

Page 25: Balancing Mobile Functionality and Delight

THE FIRST IMPRESSION ONBOARDING

FULL OF CREATIVITY

Citymapper Application

Page 26: Balancing Mobile Functionality and Delight

MOBILE PATTERNS LISTS

Yahoo News Digest Snapguide Gogobot Peek Calendar

Page 27: Balancing Mobile Functionality and Delight

MOBILE PATTERNS CONTENT/VENUE DETAILS

Airbnb Foursquare TripAgent

Page 28: Balancing Mobile Functionality and Delight

GUIDE THE USER

MOBILE PATTERNS EMPTY DATA

RunKeeper Circa News Potluck iMovie

Page 29: Balancing Mobile Functionality and Delight

SYNC WITH DEVELOPERS MAKE SURE THAT YOUR VISUAL APPROACH IS FEASIBLE

Page 30: Balancing Mobile Functionality and Delight

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

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

INVEST IN GREAT UX KEY PILLAR FOR LONG TERM SUCCESS

Page 33: Balancing Mobile Functionality and Delight