+ All Categories
Home > Documents > 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View,...

10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View,...

Date post: 31-Mar-2015
Category:
Upload: alivia-hartfield
View: 215 times
Download: 0 times
Share this document with a friend
Popular Tags:
32
10 Tips for 10 Tips for Designing Mobile Designing Mobile Widgets Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California
Transcript
Page 1: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

10 Tips for 10 Tips for Designing Mobile WidgetsDesigning Mobile Widgets

Rajesh LalSenior Engineer, Nokia

Maemo Devices, Mountain View, California

Page 2: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

15 minutes

Page 3: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Why Should We Care

Page 4: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Worldwide 1 Billion Computers and ~ 4 Billion Mobile Phones

Today Computer to Mobile ratio is 1:4

Smartphone sales estimate: 20% increase annually, today 140 million to 423 million in 2013

Source: Wireless Expertise www.wirelessexpertise.com

Page 5: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Data based on study at http://www.researchandmarkets.com published July 27, 2009

Page 6: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.
Page 7: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Design for a Mobile User

Tip: 1

Page 8: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Short attention spanShort attention span

Divided attention Divided attention

InterruptibleInterruptible

Dynamic environmentDynamic environment

Page 9: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Know Widget

Tip: 2

A Widget is a small, light weight application, meant for a single purpose.

Page 10: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Mobile Widget

[ ]Desktop WidgetKonfabulator, Desklets, Dashboard, Vista

Widget Engine

Native APIs

Web Widgetigoogle, Wordpress,

Pageflakes, Facebook

Web browser (server) based

+ =

< >HTML, CSS, JavaScript, XML, Ajax, RIA

Mobile WidgetS60, Maemo

Web Runtime

Device APIs

Page 11: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

11

Target Specific Set of Users

Tip: 3

Page 12: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

12

Highly personal deviceHighly personal device

Rich features specific to usersRich features specific to users

Allow for customizationAllow for customization

Target sport eTarget sport events, vents, conferencesconferences

Page 13: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Play Nice

Tip: 4

Page 14: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Follow design guidelinesFollow design guidelines Justify space Justify space

Do not poll data frequentlyDo not poll data frequently Do not be a Do not be a memory hogmemory hog

Page 15: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Utilize Device Potential

Tip: 5

Page 16: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.
Page 17: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

N900 Features

qwertymulti-taskingmulti-tasking

personalized desktop

widgets

flash

Ajax

integrated gps

5 mp camera

linux os

3d graphics

Open GL

web run time

Qt32 gb

wireless broadband

powerful processorInnovative design

800 × 480 resolution

video

touch screen48 gb exp memory

firefox browserradio

Page 18: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.
Page 19: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Focus on One Functionality

Tip: 6

Page 20: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Know what Widgets are meant for

Quick information

Casual games

Simple utility

Media application

Search / Lifestyle Widget

Recent Trends

Social Widgets

Branded application

Subtle advertisements

Mini Web Apps

Page 21: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Simplify Features

Tip: 7

Page 22: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

http://www.google.com/ig/directory?q=clock

Page 23: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Easy to Look

Easy to Understand

Easy to Use

Most effective designs are least complicated

Paperclip Principle

Page 24: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Grab the User

Tip: 8

Page 25: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

1. Attract at entry point

Short title, simple headings

Nice professional icon

Precise description

2. Make it alive

Compelling data

Dynamic information

Make it interesting

3. Get statistics

No. of downloads

No. of users

Feed based statistics

4. Hear your user

Include email

Online forum

Allow for feedback

Page 26: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

26

Add Social

Tip: 9

Page 27: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

27

Mobile is a social device Mobile is a social device

Always AvailableAlways Available

Meant for communicationMeant for communication

Interactive Interactive

Page 28: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

Make it Fun

Tip: 10

Page 29: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

29

“If it's not fun, you're not

doing it right” –Bob Basso

Add ‘Extra Fun’Add ‘Extra Fun’

Delight usersDelight users

Give pleasant surprisesGive pleasant surprises

Make it specialMake it special

Page 30: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

7. Simplify Features

1. Design for a Mobile User

10. Make it Fun

Ten Tips

2. Know Widget3. Target Specific Set of Users4. Play Nice

5. Utilize Device Potential

6. Focus on One Functionality

8. Grab the User

9. Add Social

Page 31: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

31

Page 32: 10 Tips for Designing Mobile Widgets Rajesh Lal Senior Engineer, Nokia Maemo Devices, Mountain View, California.

32

Thank [email protected]

Join us @ http://maemo.org/development/sdks/


Recommended