Documents/Examples

25-Jun-2009

Nokia Mobile Web Templates
The Nokia Mobile Web Templates provide a series of custom, styled, and tested mobile web components. You can either mix and match the components or use the full series to completely customise your mobile website or application. The components are suitable for most S60 3rd Edition and S60 5th Edition devices from Nokia and also are compatible with newer Series 40 WebKit and maemo™ devices. See the Mobile Web Template pages for more information.
Application --- Example; Maemo, S60, Series 40, UI --- UI Design, Usability, Web Technology --- Browsing / Web Runtime (WRT); English (en)

23-Jun-2009

Series 40 UI Style Guide
Get an overview of the Series 40 user interface and learn its essential parts. This document is targeted for anybody who needs a general overview of UI design principles for designing well-integrated, consistent, and usable Series 40 mobile services and applications.
Document; Java, Series 40, UI, Usability; English (en)

02-Jun-2009

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.
Document; Development Process, Flash --- Flash Lite, S60, Series 40, UI --- Touch UI / UI Design, Usability; English (en)

02-Jun-2009

Flash Lite Components
This resource file includes six Flash Lite components; Button component, Contacts component, List component, Media data component, Popup component, and Scrollbar component. The components can be used to develop applications to devices supporting Flash Lite 2.0 (and above). The developing environment requirements are Adobe Flash CS3 or CS4. The resource is closely related to Guide to Flash Lite Components. Please give feedback on the components through the Flash Lite Discussion Board.
Application --- Example; Development Process, Flash --- Flash Lite, S60, Series 40, UI --- Touch UI / UI Design, Usability; English (en)

26-May-2009

Design and User Experience Library
The Design and User Experience Library gathers all essential aspects of design and usability into one. The library includes different kinds of guidelines, material about theme design, graphics design, and game design, as well as the basics of usability.
Document; Development Process, Quality, UI --- Touch UI / UI Design, Usability; English (en)

15-May-2009

User Experience Evaluation Model
The Forum Nokia User Experience programme provides an evaluation service that evaluates a developer’s application from the user's point of view. The evaluation comprises multiple evaluation items described in this document. More information about the User Experience Programme can be found from the Forum Nokia website.
Document; Development Process, Flash, Java, S60, Series 40, Symbian C++, UI, Usability, Web Technology --- Web Runtime (WRT); Adobe PDF (.pdf); English (en)

S60 Theme Templates
These templates are for use with S60 3rd Edition themes created using Carbide.ui Theme Edition. The templates are available in Adobe Illustrator CS2 and CS3 formats. You can use these templates to design your own themes and theme highlights. See the Carbide.ui Theme Edition Tutorial in the Design and User Experience Library for more details.
Application --- Example; Customization ... Themes, S60, UI, Usability; English (en)

Visual Design
The visual design section of the Design and User Experience library aims to provide students and designers in the wider digital industries with an introduction to the topic of visual design for mobile devices. The section introduces the unique characteristics of mobile devices and relates these to common concerns of visual design including screen size, use of colour, image support, and the use of fonts. The section also reviews mainstream design principles and provides examples of their application within the specific context of mobile design.
Web Page --- Home Page; Graphics, S60, Series 40, UI --- Touch UI / UI Design, Usability; HTML (.htm/.html); English (en)

Interaction Design
This library section discusses interaction design, an essential part of the development of any product or service with a user interface (UI), whether it is a Web page, a desktop application, mobile application, or an embedded UI. Industrial design (designing the physical hardware or device) and visual design are closely connected to interaction design – interaction design must acknowledge and support the hardware characteristics, and all visual elements should have a meaningful purpose as defined in the interaction design.
Web Page --- Home Page; Development Process, S60, Series 40, UI --- Touch UI / UI Design, Usability; HTML (.htm/.html); English (en)

Creating Multimedia Content
The Multimedia section of the Design and User Experience Library provides an introduction to the video capabilities of Nokia mobile devices and guidelines for creating and publishing mobile videos. It offers hands-on recommendations for practical issues, such as conversion settings and tool recommendations. The section covers the basics of audio and video coding, including file formats.
Web Page --- Home Page; Development Process, Multimedia --- Video, UI, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

Game Design
The Game design section of the Design and User Experience Library discusses usability and user experience issues that are specific to game design. The section describes usability from the game design point of view and contains game experience-related information, tools, and examples to assist game developers in developing usable games. The section gives guidance on how to sell and deliver a positive game experience and also describes how mobile game heuristics can be used for evaluating mobile games.
Web Page --- Home Page; Development Process, Entertainment --- Games, Quality, UI --- UI Design, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

Standard S60 UI Components
This Standard S60 UI Components section of the Design and User Experience Library provides an extensive description of the appearance of the most useful S60 UI components. The section shows with the help of several examples how flexibly the UI components can be used in any application UI.
Web Page --- Home Page; S60, Symbian C++, UI --- UI Design, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

S60 Scalable UI
The Scalable UI section of the Design and User Experience Library provides an introduction to the S60 scalable UI and offers guidelines for developing scalable S60 applications. In the S60 platform, UI scalability means the application's ability to adjust to different display resolutions and orientations.
Web Page --- Home Page; S60, UI --- UI Design, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

General Usability Guidelines
Besides general usability guidelines, this section of the Design and User Experience Library also contains guidelines that are specific to Nokia platforms. This section also includes checklists that you can use to ensure the usability and user experience of your application.
Web Page --- Home Page; Development Process, Quality, UI --- UI Design, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

Visual and Graphic Design
The Visual and Graphic Design section of the Design and User Experience Library explains the basic principles of visualisation and graphic design, and provides examples of good and bad design. The section discusses graphic design for the mobile world, for example, colours, contrast, animation, and icon design, and gives tips on how to make the most of the small screen of a mobile device. The example images relate to the S60 platform and the QVGA display resolution, but the same design principles can be applied to virtually any mobile platform, device, or display.
Web Page --- Home Page; Development Process, Graphics, Quality, UI --- UI Design, Usability; HTML (.htm/.html); English (en)

30-Oct-2008

User Experience
The User Experience section of the Design and User Experience Library contains guidance to assist developers in developing usable applications, application-related articles, information, and tools for assisting application developers. The section discusses the different aspects of a mobile application development project from the usability point of view and contains different design patterns and cost justifications.
Web Page --- Home Page; Development Process, Quality, UI, Usability; HTML (.htm/.html); English (en)

02-Oct-2008

Introduction to S60 Touch
In S60 5th Edition the software platform supports both traditional keypad and touch screen. This document is an introduction to S60 touch providing user experience guidelines for designing applications. It discusses what needs to be considered when dealing with a touch UI. The document handles interaction styles and touch components, and explains the difference between a touch-enabled and a touch-optimized application.
Document; Development Process, Quality, S60, UI --- Touch UI / UI Design, Usability; Adobe PDF (.pdf); English (en)

15-Sep-2008

Allocating Your Time: Career Advancement vs. Company Profit
This is the second article of the four article series from Dr Jakob Nielsen. The article discusses how to allocate user experience resources between various projects in a way that is most profitable for both the company and the career of the UE expert. In the article four different approaches are presented with their pros and cons.
Document --- Article, Web Page --- Home Page; Development Process, Quality, Usability; HTML (.htm/.html); English (en)

25-Jun-2008

Advertising in Mobile Devices
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.
Document --- Article; Advertising, Development Process, Quality, UI, Usability; English (en)

25-Jun-2008

Mobile Design Showcases
This document highlights some examples of good mobile design, evaluating them on the basis of interactivity, ease-of-use, and visual look.
Document --- Article; Quality, S60, Series 40, UI --- UI Design, Usability; English (en)