LWUIT Developer's Library
This library is a complete documentation package for developers and designers to help them create applications with appealing graphical user interface using the LWUIT for Nokia Asha and Series 40. Library has been updated to include Nokia Asha UI components, for example, RefreshLoadBar, DatePicker, and HeaderBar. Also support for automatic localization has been added.
Nokia Asha Design Guidelines
This library gathers guidelines for designing Java MIDlets for Nokia Asha software platform phones. It contains a UI overview, descriptions for UI components (both LCDUI and LWUIT components) and common UI patterns along with guidelines for language and tone of voice. There is also an Icon creation section to help you create your app’s launcher icon. The UX checklist collects the most important UI considerations you should keep in mind when designing your app for Nokia Asha phones.
Designing for Windows Phone
This Design and User Experience Library section provides design guidelines and other design related information for Windows Phone (WP).
Design and User Experience Library
The Design and User Experience Library gathers all essential aspects of design and usability into one, and it collects the most important links for platform design resources. This updated library version includes a renewed design process, targeted for developers who are new to user experience.
Series 40 Non-touch Design Guidelines
This library gathers guidelines for designing Java MIDlets for Series 40 non-touch phones. It contains a UI overview, descriptions for UI components and common UI patterns along with guidelines for language and tone of voice. There is also pointers to Icon creation to help you create your app’s launcher icon. The UX checklist collects the most important UI considerations you should keep in mind when designing your app for Series 40 non-touch.
MeeGo 1.2 Harmattan Developer Library
This developer library contains all the information needed for developing applications for the Nokia N9 device. Download the zip on your hard drive and extract the content. Open index.html file under meego_1.2_harmattan_developer_documentation folder to see the technical documentation library, and index.html under UX folder to see the Nokia N9 UX guidelines.
In-app purchase UX guidelines for Series 40
This library section discusses recommended UI flows for in-app purchase. It provides basic flow descriptions and examples for add-on purchasing and extended version purchasing.
Creating Icons for Nokia Phones
All Nokia platforms have specific iconography styles. The one mandatory visual element, constant across all of the platforms, is the surround background shape for the application launcher icon. The internal objects however are fully customisable. This article explains the various platform-specific distinctions in the launcher icons and helps you create clear and unique icons for you applications.
Branding your Series 40 application
This library section gives some basic examples and ideas how to make your brand more visible in your MIDlet.
Designing for Series 40
The Designing for Series 40 section of the Design and User Experience Library collects the essential links for Series 40 UX documentation and resources.
Adaptive Design and Development on Series 40
This document describes best practices to achieve optimal performance for MIDlets running also on more cost-optimised Series 40 devices such as Nokia Asha 305/306. The document discusses mobile front end architecture (UI selection, caching, threading) and low level performance optimisation (micro optimisation and memory usage patterns) and gives practical examples on the use of these methods.
Series 40 Full Touch Design Guidelines
This library gathers guidelines for designing Java MIDlets for Series 40 full touch phones. It contains a UI overview, descriptions for UI components and common UI patterns along with guidelines for language and tone of voice. There is also an Icon creation section to help you create your app’s launcher icon. The UX checklist collects the most important UI considerations you should keep in mind when designing your app for Series 40 full touch. This updated version includes design tips for game developers
Symbian Design Guidelines
These updated guidelines discuss how to design mobile applications that will have a fresh look that fits nicely with current and upcoming native look and feel of the Symbian platform. If you are creating requirements, designing user experiences, or building software for Symbian, these design guidelines are for you. The update includes information about designing NFC applications, UI migration, and an introduction to UX.
Series 40 Visual Design Stencils
The Series 40 visual design stencils are a collection of customisable user interface components. The stencils can be used to create quick mockups or more refined concepts for presentations to stakeholders.
Symbian UI Patterns
The UI patterns library section designates common language (terms, phrases and structures) to reduce misunderstandings. Using patterns avoids reinventing the wheel, and results in products that are more predictable for users. As is the case with other types of guidance, the patterns describe successful methods, techniques, and arrangements that are recommended to be followed. The patterns are here to guide design and development, not to enforce a style, and are subject to continuous evolution.
Symbian Visual Design Stencils v1.1
Symbian visual design stencils are a collection of realistic user interface views and components. The stencils can be used to create mockups which are close to the final visual result. With this set you can create more refined concepts for presentations to stakeholders. The set contains Nokia fonts and drawing files representing the Qt Quick Components for Symbian. The visual design stencils are available for Adobe Illustrator CS5, Adobe Fireworks CS5 and Inkscape version 0.48 or above. The stencils come in dark and light themes. Both versions are available in the same package.
Designing for Symbian
This library section discusses how to design fresh-looking mobile applications that fit nicely with the native look and feel of the Symbian platform. Developers who are designing user experiences and building applications for Symbian will benefit from these guidelines. We recommend you to follow these guidelines for all S^3, Symbian Anna, and Symbian Belle applications.
Symbian UI Components and Stencils
This library sections lists the UI components that are the basic Qt Quick building blocks of the Symbian OS. To achieve the Symbian UI style, follow the guidelines for each component presented in this library section.
Designing for MeeGo 1.2 Harmattan
This library section explains the navigation and layout principles of the Nokia N9 and gives instructions on how to create launcher icons for applications targeted for the Nokia N9. The Nokia N9 uses a simple gesture-based navigation style which enables maximised screen real estate – you don’t need to have a visible button for every action. For example, swiping from any edge of the screen moves the current application to the background and takes the user to the home screen. When designing applications for Nokia N9, you should consider the structure of the application and avoid the use of interactions that could potentially conflict with the Swipe principle (i.e. interactions requiring users to drag or swipe from the edge of the screen).
UI migration from N9 to updated Symbian style
This library section compares similar UI elements and interaction patterns in Meego 1.2 Harmattan and the updated Symbian style and provides links to the design guidelines and code development help. Note that even though the ElementNames seem identical, the components are in many cases different.
UI migration from native S^3 to Qt Quick components
This library section compares the native Avkon style, used for creating native S^3 applications, and Qt Quick components 1.0 for Symbian. The documentation contains information about name changes and images and interaction descriptions for comparing the changes in look and feel. Links to UI guidelines and code documentation for further reference are also provided.
UX Checklist for MeeGo 1.2 Harmattan
This checklist distils primary style guidelines from the Nokia N9 UX Guidelines. The selected topics are considered the most important UI style issues to take into account when creating applications. The checklist includes links to the related Qt Quick resources for easier access.
UX Checklist for Symbian v1.1
This checklist distils primary style guidelines from Symbian design guidelines. The selected topics are considered the most important UI style issues to take into account when creating applications. The updated checklist includes links to the related Qt Quick resources for easier access.
Design process in a nutshell
The Design process in a nutshell section of the Design and User Experience Library suggests some fairly straightforward ways to put UX into your development process without compromising your time to market. These quick, down-and-dirty insights and tips can help you figure out your own approach to user-centered design.
Designing for MeeGo 1.2 Harmattan
The Designing for MeeGo 1.2 Harmattan section of the Design and User Experience Library explains the essentials of the platform UI style and points you to more detailed documentation.
Designing for Symbian
The Designing for Symbian section of the Design and User Experience Library explains the essentials of the platform UI style and points you to more detailed documentation.
Designing for different markets
The Designing for different markets section of the Design and User Experience Library discusses the trends of mobile applications in China, Europe, India, and the United States.
Game design
The Game design section of the Design and User Experience Library concentrates on the mobile aspect of game design and gives some general game user experience guidelines.
Interaction design
The Interaction design section of the Design and User Experience Library gives tips and tricks for planning how the application will actually work and how the user will navigate in the application to get the most of it. Here you can learn about wireframes and UI prototypes, and to best take advantage of them in the development work.
Symbian iconography guidelines
The Symbian iconography guidelines section of the Design and User Experience Library gives you a full toolkit for creating icons for your Symbian application. Besides guidelines, the toolkit includes icon templates, the Symbian icon colour palette, and ready-made icons that you can use.
Visual Design
The Visual design section of the Design and User Experience Library gives insight on how creating visual design for mobile devices differs from designing for desktop. Some things to keep in mind are performance, scaling to multiple (small!) screen sizes, and possibly limited set of fonts available, for example.
Mobile Web Templates for Mobile Phones - Examples
The mobile web template examples for mobile phones display a normal content page, a list, a form, and a table created using the Mobile Web Templates for Mobile Phones. You can use the shortened URL http://tinyurl.com/mwtmpe to view the examples in you mobile phone browser.
Mobile Web Templates for Smartphones - Examples
The mobile web template examples for smartphones displays a content page, forms, lists, a button, navigation models, tables, and utility components created using the Mobile Web Templates for Smartphones. You can use the shortened URL http://tinyurl.com/mwtse to view the examples in you smartphone browser.
Series 40 Touch and Type UI Style Guide
This document provides an overview of the Series 40 6th Edition, Feature Pack 1 Touch and Type UI, by describing its essential components. The style guide is intended to be compact and easy-to-read, to that end the guide describes the differences between the Touch and Type UI and Compact UI. For information on the Compact UI, see the Series 40 UI Style Guide.
User Experience Test Plan for End User Feedback
This test plan is meant to be used for gathering general end user feedback for mobile applications.
Web Design Guidelines for the Nokia N900 v1.1
This document contains information and guidelines for web developers who want to ensure that their pages work well with the Nokia N900 with Maemo 5 OS. In version 1.1 of the document, information about portrait orientation has been added.
Flowella Tutorial
This document provides a tutorial on installing and using Flowella. In addition, it describes the features of Flowella in detail
Guide to Flash Lite Components
The purpose of this document is to describe a generic process for creating, using, and customising Flash Lite User Interface and Data components (that is, S60 Platform Services). This guide focuses on the methodology and processes as a whole, rather than the implementation details and practices of individual components. The document is targeted at intermediate users of Flash and ActionScript from Adobe. This document is closely related to Flash Lite Components.
Advertising in Mobile Devices
Advertising is often the most useful way to profit from mobile applications or Web sites. This article provides guidelines for effective, user-friendly mobile advertising. The guidelines are divided into three subcategories: General, Placement, Content and Context, and Taking care of the user.
