ISSUE-291: widget best practices

widget best practices

Mobile Web Applications Best Practices
Raised by:
Jonathan Jeon
Opened on:
A widget is an interactive single purpose application for displaying and/or updating local data or data on the Web, packaged in a way to allow a single download and installation on a user's machine or mobile device.

Generally, widget is one of important application style in mobile. Many mobile web applications are very similar to widgets. So we need to consider the widget best practices as one of mobile web application.

In section 3 of MWABP, we propose to add the section 3.8 about Widget BP statements as follow.

----------------------------- start ------------------------
3.8 Widget

This section covers some specific Best Practices related to the use of Widget in mobile Web applications. Use these best practices as a guide to designing and developing your mobile widget so that you can deliver the most personal and targeted mobile Internet experiences to your customers.

3.8.1 Keep the widget simple. What it means

A widget’s purpose should be immediately apparent to the user. To achieve this, be sure you understand the user's mental model of the task your widget performs
Choose functionality and content that is useful for people on the go. Design it to perform one main function. How to do it

3.8.2 Have a license agreement What it means

You should have a license agreement for any logos, trademarks, or branding that you use but do not own. And, you should have license agreements for all of the content (text, images, news feeds, and so on) your widget displays. How to do it

3.8.3 Make globalizing and localizing What it means

You need make a plan for globalizing or localizing the features, look and feel, and content your widget displays. How to do it

3.8.4 Provide visual feedback What it means

You should provide visual feedback while the widget is connecting to the web or if it loses its connection. How to do it

3.8.5 Use larger fonts, buttons, and controls What it means

Using larger fonts, buttons, and controls are easier to see. How to do it

3.8.6 Keep interaction lightweight. What it means

If you want to provide effective User experience, you should use selectable options and default values where possible. You must consider how to keep text input (or interaction) lightweight. How to do it

3.8.7 Provide default settings and preferences What it means

You need to allow the user to customize the widget with preferences. Consider providing default settings. How to do it

----------------------------- end ------------------------

** Reference

[1] Best Practices for Motorola Webui Widgets,

[2] Apple Human Interface Guidelines,

Related Actions Items:
No related actions
Related emails:
  1. [minutes] Tuesday 7 July 2009 teleconf (from on 2009-07-07)
  2. [minutes] F2F Day 1 - 25 March 2009 - Mobile Web Application Best Practices (from on 2009-03-30)
  3. ISSUE-291: widget best practices [Mobile Web Applications Best Practices] (from on 2009-03-19)

Related notes:

No additional notes.

Display change log ATOM feed

Jo Rabin <>, Daniel Appelquist <>, Chairs, Dominique Hazaël-Massieux <>, François Daoust <>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <>.
$Id: 291.html,v 1.1 2011/01/10 15:19:48 dom Exp $