Main Page

From MobileDesign

Jump to: navigation, search

Mobile UI design resources, patterns, devices, and so forth.

Mobile design resources are provided free by the leader in mobile user experience consulting, Little Springs Design.

Designing mobile user interfaces grows ever more interesting. Device and network capabilities are improving, platforms are giving us more features to help the user, privacy and security are becoming more important, and device proliferation is both increasing and decreasing.

This wiki aims to be the authoritative resource for all things related to the art and science of mobile user interface design*. While it is maintained by Little Springs Design, content comes from various sources and is shared freely (see license info at bottom of the page). Please use, reuse, and edit.

Mobile design is not monolithic. It depends on the device characteristics and platform capabilities. Thus each page in this site has header information indicating what devices, device characteristics, and patterns the page applies to.

The following topics may be helpful to get you started in mobile design.



Contents

[edit] Design Patterns

While neither standard practice nor academic research has yet formalized what a pattern is and is not, patterns have become a good method for a new user interface designer to learn good, well-practiced solutions. At a minimum, UI patterns provide a good starting point for specific parts of an application. See a thorough discussion about user interface Design Patterns.

[edit] Screen Design

Covers general and specific strategies for laying out screens. Documented screen design patterns include:

[edit] Application Navigation

Covers patterns that span individual pages or screens, to how different screens work together.

[edit] Application Management

Non-visual components that nevertheless impact the user experience. Includes:


[edit] Advertising

Techniques to deliver advertising content on the mobile device.

  • Banner Ads, the old web standby
  • Fisheye Ads, for highlighted items in results lists
  • Interstitial Ads, while pages are loading
  • Ad serving platform, where an entire application is created for serving ads, over an existing application. One example here, is the SMS2.0 application.


[edit] Articles & White Papers

[edit] Tutorials

  • Script Events - how different mobile browsers handle, or don't handle, DOM events for Javascript/ECMAscript

[edit] Design Recommendations

[edit] Device Classes

While computer-targeted design can assume a 800x600 display or better and in landscape orientation, a mouse or pointing device, and a keyboard, the same can not be said for mobile devices. This section outlines classes of devices the design recommendations in this wiki represent. See Device hierarchy for an overview of the concepts. category:Device Classes

[edit] User Interface Classes

This is a hierarchical listing of UI characteristics in which are placed all the important device operating systems. category: User Interface Classes

[edit] Hardware Classes

Generally independent of the UI model above. To really understand the needs of your target device, you will need to know these features also. category:Hardware Classes


[edit] Every Device Ever Made

Nothing here yet. But will be soon. And, they will not be listed here, as the list would be insane-long. You'll have to drill into it, or search, or something.


[edit] Help on MediaWiki

Consult the User's Guide for information on using the wiki software.

Retrieved from "http://patterns.littlespringsdesign.com/index.php/Main_Page"
Personal tools