Want access to the full video with Sound? Click Here: http://www.smartonline.com/previous-webinar-list/

1. Mobile App Design – Best Practices
Presenter:
Drew Ramsey
Drew Ramsey

2. Who is Smart Online?

3. Agenda
g
• Flow Mapping
Flow Mapping
• Wireframes
• App Structure
• Designing for Failure
Designing for Failure
• Don’t Forget the Little Things

4. Flow Mapping
pp g
• One use case at time
• Take notes
Take notes
• Error handling
• Ending location

5. Wireframes
f
• Details
• Actions
• Be Wrong
• Share/Review

6. App Structure
pp
• Button Grid
• Tabs with Menu
Tabs with Menu
• Tabs and Buttons
• Swipe
• Tabs

7. Best Buy – Button Grid
y

8. MoMA – Tabs with Menu
• Sub‐Categories
• Main Categories

9. American Museum of Natural History
Buttons and Tabs
B tt dT b
• Quick, Helpful functions
• Use longer descriptions
• Use own icons
• More intense browsing

10. ESPN – Swipe Structure
p
• App per page
• Swipe indicator
• Settings

11. Design for Failure
g f
• Plan with a developer
Plan with a developer
• Gestures
• Loading Pages
• Target size
Target size
• Recognizable Icons

12. Don’t Forget the Little Things
g g
• Error handling
Error handling
• Sending user to web
• Pop‐up Notifications (push, location)
• Button placement
Button placement
• Keyboard
• USABILITY

13. Operating Systems
• B kB
Back Button
• Button Placement
• Sharing button

14. Sum it up
p
• Take time to plan
Take time to plan
• Choose a structure that fits your business
• Study other apps
• Keep your developer in the loop
Keep your developer in the loop
• Get the small details right
• Design for operating systems

15. App Examples Used
pp p
• Best Buy
Best Buy
• MoMA
• American Museum of Natural History
• ESPN
• foursquare

16. Q
Questions