Designing Killer Apps for Mobile devices! - Raj Lal What makes a mobile app standout from the crowd? When we look at a successful App it seems like a "no brainer" but still so many developers struggle to to get the mobile design right. What's the secret ingredient to get the Mobile App design right. In this session go behind the scene of 10 successful Windows Phone app and see why Design is not how it looks but how it works. Learn ten essential tips for designing Mobile Apps, the Right Way. http://ux13.gomodev.com/modevux-2013-home/conferences/workshops/#/raj-lal

1. MCLEAN, VA , MAY 9-11, 2013
Designing Killer Apps for
Mobile devices
Raj Lal
Nokia Inc.
@iRajLal

2. Mobile Developer Evangelist
5+ years on Mobile dev.
Author
• Digital Design Essentials
• Smartphone Web Development
• Gadgets and Widgets
About Me

3. Learn how to design a Killer Mobile App
Goal of the Session

4. Define: A Killer Mobile App
What is a Killer Mobile App? Anyone?

5. A Killer Mobile App
• More than 100 reviews
• 4.5 Star ratings in the app store

6. Example
Mini Recorder
•236 ratings
•4.5 stars

7. Mini Recorder: User Interface

8. Mini Recorder
• One page app
• No design elements
• Visual hierarchy
• Modern UI, Big tap-able content
• Color icon similar to native icons
• Familiar UI, look and feel & Settings
And btw It also works

9. Mini Recorder uses Metro UI Guidelines

10. Other Recorders

11. Other Recorders

12. Tip #1
Use Device Design Guidelines
Familiar visual design is 200% better than
a New and ”better” design

13. Context of the user

14. Context of the user
• Mobile
• In the middle of a session/class
• This speaker is awesome
• Need a FREE app to record audio
• Search “audio recorder” in app store

15. App Store View

16. App Store View

17. Give extra attention
• Icon
• Title
• First 3 lines of description
• Description
• Screenshots

18. Tip #2
Grab user attention in App Store
App store is your first point of contact with
your customer make it count

19. User is Mobile

20. User is Mobile
• User is distracted
• Focused for a short amount of time
• Divided attention

21. Top Games App
BreakoutPopball

22. Tip #3
Design for a mobile user
A mobile user needs quick App

23. User don’t want to spend time
Wikipedia Flixter

24. User don’t want to spend time
• Make the app self explanatory
• Have defaults
• Don’t make user signup
• Add value for unregistered users

25. Tip #4
Make it self explanatory
A mobile user needs to access data fast

26. The Clock App

27. The Killer Clock App
Full Screen Clock

28. Tip #5
Simplify the user interface
Simple is always better than sophisticated

29. The Clock App

30. Nokia Lumia 920
Modern UI
Pure view cameraPure view cameraNokia HERE
8 mp camera
Windows Phone 8
Image stabilization
4.5"
Vibrant colors
Live Tiles
Carl zeiss
32 GB
768 x 1280
Wireless charging
1 GB RAM
1080p HD
NFC

31. Nokia Lumia 920

32. Tip #6
Utilize the device potential
Maximize the impact by integrating with the
hardware

33. News / Information App

34. News/Information App
Baconit Astronomy Hub

35. Tip #7
Understand the category
Know and apply the best practices

36. Style + Fashion App

37. Tip #8
Add Character
Make your App stand apart from the competition

38. Finance App
Chase Mobile

39. Tip #9
Make it Accessible
Accessibility is about making you App
available to more user

40. One More App
Smartboard Calculator Free

41. Tip #10
Have Fun
If you are not having fun, you are not doing it right

42. 10 Tips for Killer App Design
1. Use design guidelines
2. Grab user attention
3. Design for Mobile User
4. Make it self explanatory
5. Simplify the UI
6. Utilize device potential
7. Understand the category
8. Add character
9. Make it Accessible
10. Have Fun

43. MCLEAN, VA , MAY 9-11, 2013
Thank You
Raj Lal
Nokia Inc.
@iRajLal