The document discusses best practices for crafting brilliant mobile experiences through balancing functionality and design. It recommends that designers focus on research, application flow, information architecture, and adding elements of delight. The goals are to solve user problems, simplify navigation and content, and create memorable experiences that accomplish user goals and make them feel great.

3. What's your favourite example of a product that
differentiates, based on design?
uxmag.com, Nov 2014

4. What's your favourite example of a product that
differentiates, based on design?
All answers provided were primarily
based on the experience the product produces
uxmag.com, Nov 2014

5. CRAFTING
BRILLIANT MOBILE EXPERIENCES
IS AN ART OF BALANCING FUNCTIONALITY & BEAUTY

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

7. DON’T BE A DECORATOR
BE A PROBLEM SOLVER

8. WHAT A GOOD DESIGNER SHOULD DO?

9. #1
RESEARCH

10. DISCOVERY
UNVEILS THE REAL PROBLEM THAT YOU NEED TO SOLVE
UNDERSTAND BUSINESS GOALS
STUDY MOBILE USER CONTEXT

11. #2
APPLICATION FLOW

12. APPLICATION FLOW
WIREFRAMES & STORYBOARDS
START WITH A WHITEBOARD;
CONTINUE WITH PAPER SKETCHING

13. APPLICATION FLOW
LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW
AND ENSURE USABILITY

14. APPLICATION FLOW
LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW
AND ENSURE USABILITY

15. APPLICATION FLOW
LOW-FIDELITY PROTOTYPE
QUICK TESTING TO VERIFY IDEAS, APP FLOW
AND ENSURE USABILITY

16. NAVIGATION
MAKE IMPORTANT THINGS FAST
ENSURE MINIMUM STEPS
FOR THE CORE FUNCTIONALITY

17. #3
INFORMATION ARCHITECTURE

18. INFORMATION ARCHITECTURE
EMPHASISE ON CONTENT HIERARCHY
VISUAL HIERARCHY / CONTENT GROUPING /
SPACING / POSITIONING

19. INFORMATION ARCHITECTURE
SIMPLICITY SELLS
PROVIDE JUST ENOUGH FOR COMPREHENSION AND THE ABILITY TO
PURSUE AND COMPLETE USER GOALS
ted.com

20. CONTENT HIERARCHY
HOW USERS HOLD MOBILE DEVICES
49% 36% 15%
lukew.com

21. LARGER SCREENS
NEED SPECIAL CARE
HARD TO REACH
ONE-HANDED OR WITH THUMB
COMFORTABLE TO REACH
lukew.com

22. #4
DELIGHT

23. BEAUTY & CREATIVITY
MAKE IT SEDUCTIVE, MEMORABLE
Workspace of Jeremy Goldberg - UX Designer @Google

24. THE FIRST IMPRESSION
WALKTHROUGHS
Trunk Club Inbox Foursquare Airbnb

25. THE FIRST IMPRESSION
ONBOARDING
FULL OF CREATIVITY
Citymapper Application

26. MOBILE PATTERNS
LISTS
Yahoo News Digest Snapguide Gogobot Peek Calendar

27. MOBILE PATTERNS
CONTENT/VENUE DETAILS
Airbnb Foursquare TripAgent

28. MOBILE PATTERNS
GUIDE THE USER
EMPTY DATA
RunKeeper Circa News Potluck iMovie

29. SYNC WITH DEVELOPERS
MAKE SURE THAT YOUR VISUAL APPROACH IS FEASIBLE

30. ACCOMPLISHING GOALS
+
FEELING GREAT
IS THE OUTCOME YOU WANT USERS TO EXPERIENCE SO THAT
THEY FALL IN LOVE WITH YOUR APP!

31. BOOST APP ADOPTION
SIMPLIFIED MOBILE UX LED TO
INCREASED USER ENGAGEMENT & CONVERSION
73% INCREASE IN CAMERA USE
Android Devs Blog, Nov 2014

32. INVEST IN GREAT UX
KEY PILLAR FOR LONG TERM SUCCESS