Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

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

description

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

Transcript of Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Page 1: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

MCLEAN, VA , MAY 9-11, 2013  

Designing Killer Apps for Mobile devices

Raj LalNokia Inc.@iRajLal

Page 2: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Mobile Developer Evangelist

5+ years on Mobile dev.

Author • Digital Design Essentials • Smartphone Web Development• Gadgets and Widgets

About Me

Page 3: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Learn how to design a Killer Mobile App

Goal of the Session

Page 4: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Define: A Killer Mobile App

What is a Killer Mobile App? Anyone?

Page 5: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

A Killer Mobile App

• More than 100 reviews

• 4.5 Star ratings in the app store

Page 6: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Example

Mini Recorder

•236 ratings

•4.5 stars

Page 7: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Mini Recorder: User Interface

Page 8: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

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

Page 9: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Mini Recorder uses Metro UI Guidelines

Page 10: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Other Recorders

Page 11: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Other Recorders

Page 12: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #1

Use Device Design Guidelines

Familiar visual design is 200% better than a New and ”better” design

Page 13: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Context of the user

Page 14: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

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

Page 15: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

App Store View

Page 16: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

App Store View

Page 17: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Give extra attention

• Icon

• Title

• First 3 lines of description

• Description

• Screenshots

Page 18: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #2

Grab user attention in App Store

App store is your first point of contact with your customer make it count

Page 19: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

User is Mobile

Page 20: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

User is Mobile

• User is distracted

• Focused for a short amount of time

• Divided attention

Page 21: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Top Games App

BreakoutPopball

Page 22: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #3

Design for a mobile user

A mobile user needs quick App

Page 23: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

User don’t want to spend time

Wikipedia Flixter

Page 24: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

User don’t want to spend time

• Make the app self explanatory

• Have defaults

• Don’t make user signup

• Add value for unregistered users

Page 25: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #4

Make it self explanatory

A mobile user needs to access data fast

Page 26: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

The Clock App

Page 27: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

The Killer Clock App

Full Screen Clock

Page 28: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #5

Simplify the user interface

Simple is always better than sophisticated

Page 29: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

The Clock App

Page 30: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Nokia Lumia 920

Modern UI

Pure view cameraPure view cameraNokia HERE

8 mp cameraWindows Phone 8

Image stabilization4.5"

Vibrant colors

Live Tiles

Carl zeiss

32 GB

768 x 1280

Wireless charging

1 GB RAM

1080p HD NFC

Page 31: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Nokia Lumia 920

Page 32: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #6

Utilize the device potential

Maximize the impact by integrating with the hardware

Page 33: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

News / Information App

Page 34: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

News/Information App

Baconit Astronomy Hub

Page 35: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #7

Understand the category

Know and apply the best practices

Page 36: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Style + Fashion App

Page 37: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #8

Add Character

Make your App stand apart from the competition

Page 38: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Finance App

Chase Mobile

Page 39: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #9

Make it Accessible

Accessibility is about making you App available to more user

Page 40: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

One More App

Smartboard Calculator Free

Page 41: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Tip #10

Have Fun

If you are not having fun, you are not doing it right

Page 42: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

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

Page 43: Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

MCLEAN, VA , MAY 9-11, 2013  

Thank You

Raj LalNokia Inc.@iRajLal