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
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
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
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
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
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Breakout: brick breaking game
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Simplify the user interface, once you have the app, think how to dump it down
Utilize the device potential to get the best for the user NFC, live tiles, panorama backgrounds,HD camera
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation
Use of Typography for separating content and navigation Borderless UI elements with minimal visual properties Seamless smooth animation between views Use of content and gestures for navigation