Top Banner
10 Essentials to a Great Mobile Experience Greg Raiz @graiz
61

10 essentials to great mobile

Aug 11, 2014

Download

Mobile

Greg Raiz

UXPA 2014 Talk on the 10 Essential Details for building a great mobile application. The talk was given as part of the UXPA and included video but this could not be uploaded. Comments and feedback welcome.

Animations for this presentation are available here:
http://secure.raizlabs.com/downloads/UXPA2014TALK/1/index.html

I provide training and strategy for companies interested in building great products.
Contact me at www.raizlabs.com
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 10 essentials to great mobile

10 Essentials to a Great Mobile Experience

Greg Raiz @graiz

Page 2: 10 essentials to great mobile

}This talk is about great

Page 3: 10 essentials to great mobile

#1 Visual Aesthetics

This talk is about great

Page 4: 10 essentials to great mobile

Readable, Usable, Pretty.

Page 5: 10 essentials to great mobile
Page 6: 10 essentials to great mobile

Color, Image,

Alignment.

Page 7: 10 essentials to great mobile
Page 8: 10 essentials to great mobile

Pretty follows Usable(Put labels on icons)

Page 9: 10 essentials to great mobile

Aesthetic-Usability Effect

Page 10: 10 essentials to great mobile
Page 11: 10 essentials to great mobile

#2 Animations & Transitions

Page 12: 10 essentials to great mobile

Transition State with Style

Page 13: 10 essentials to great mobile

Add Fun to Ordinary

Page 14: 10 essentials to great mobile

Animations instead of tutorials

Page 15: 10 essentials to great mobile

Data Animation

Page 16: 10 essentials to great mobile

Data Animation

Page 17: 10 essentials to great mobile

Setting the mood

Page 18: 10 essentials to great mobile

#3 Application on-boarding

Page 19: 10 essentials to great mobile
Page 20: 10 essentials to great mobile
Page 21: 10 essentials to great mobile
Page 22: 10 essentials to great mobile
Page 23: 10 essentials to great mobile

#4 Error Handling &

Offline

Page 24: 10 essentials to great mobile
Page 25: 10 essentials to great mobile
Page 26: 10 essentials to great mobile
Page 27: 10 essentials to great mobile

#5 App-Icon & Screenshot

Page 28: 10 essentials to great mobile
Page 29: 10 essentials to great mobile

This is what users see

Page 30: 10 essentials to great mobile

Expedia

Clean I

con

Page 31: 10 essentials to great mobile

Clean Icon Purpose

Hero Shot

Expe

dia

Page 32: 10 essentials to great mobile

Uber

Page 33: 10 essentials to great mobile

Groupon

Page 34: 10 essentials to great mobile
Page 35: 10 essentials to great mobile

#6 Thoughtful Notification Experience

Page 36: 10 essentials to great mobile
Page 37: 10 essentials to great mobile
Page 38: 10 essentials to great mobile

#7 Android & iOS Details

Page 39: 10 essentials to great mobile
Page 40: 10 essentials to great mobile

Apple HIG

Android Design

Page 41: 10 essentials to great mobile
Page 42: 10 essentials to great mobile

Use the ______ you design

Page 43: 10 essentials to great mobile

#8 Empty States

Page 44: 10 essentials to great mobile

#8 E

mpt

y Stat

es

Page 45: 10 essentials to great mobile
Page 46: 10 essentials to great mobile
Page 47: 10 essentials to great mobile

#9 Be Polite

Page 48: 10 essentials to great mobile
Page 49: 10 essentials to great mobile
Page 50: 10 essentials to great mobile
Page 51: 10 essentials to great mobile
Page 52: 10 essentials to great mobile

Push Notification Location Calendar Contacts Camera

Microphone

Page 53: 10 essentials to great mobile

#10 Surprise & Delight

Page 54: 10 essentials to great mobile
Page 55: 10 essentials to great mobile
Page 56: 10 essentials to great mobile
Page 57: 10 essentials to great mobile

Summary…

Page 58: 10 essentials to great mobile

Keys to a great app

1. It’s not about the features

2. Get caught up in details

3. Don’t build crap

Page 59: 10 essentials to great mobile

Thank You!…

Page 60: 10 essentials to great mobile

Gregory Raiz, CEO @graiz

Page 61: 10 essentials to great mobile

You’re still here?

It’s over.

Go home.

Go.