Documents/Examples
Usability Documents/Examples
User Experience
Learn how to improve your application’s usability. User experience emphasizes the emotional aspects of interacting with a product, such as the product's desirability, usage flow, and impressiveness.
S60 Platform: Development and Quality Assurance Process Guideline
Read this updated document to get an overview of the S60 application development process from pre-study to maintenance phase and to see how quality aspects can be integrated into the different phases of the development process. The information provided in the document can be used as a basis for creating a process or to complement and fine-tune an existing process. Most of the content in this document is considered generic and applicable to other than S60 applications as well.
Designing for the Big Screen: Developing Applications for the Nokia E90 Communicator
This article discusses designing high-quality applications for the Nokia E90 Communicator and gives tips and tricks on designing for a large display. The article describes how to achieve a good balance in terms of both the visual layout of the UI elements and the amount of information presented on the screen, still fully utilizing the big screen.
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.
S60 UI & Usability eLearning
This module covers the basic UI principles for mobile device development before moving on to introduce the basic features of S60 and how they promote good usability.
S60 Scalable UI Guidelines eLearning
This module begins with an introduction the S60 Scalable UI, looking at the benefits it can bring to the developer. The module then moves on to look at some of the issues involved with developing a scalable application, from the design phase through the implementation and testing phases.
S60 Platform: How to Prototype Applications with Flash
Learn how to develop UI prototypes for S60 mobile devices with Adobe Flash Lite. Although the focus is on the S60 platform, most of the techniques in this document are applicable to other mobile platforms, too.
Mobile Browsing: Evaluating and Improving an Existing Site
This article continues the series on the Full Nokia Web Browser, and takes a look at several case examples of Web design that are not mobile-friendly. The problems illustrated are critical issues for mobile users; and this article attempts to help Web managers with existing sites identify changes that can be made to improve the user experience for those using a mobile device.
S60 3rd Edition FP2: UI Style Guide
Read this document to get an overview of the S60 user interface in S60 3rd Edition, Feature Pack 2 and to familiarize yourself with its essential parts. The document can be used as an introduction to the style or as reference material but it also provides background material to help user interface designers make decisions about their products.
S60 UI Style Guide v1.3
Read this document to get an overview of the S60 user interface and to familiarize yourself with its essential parts. The updated document describes the new features introduced in S60 3rd Edition and S60 3rd Edition, Feature Pack 1, but it is also valid for earlier S60 platform releases. The document can be used as an introduction to the style or as reference material but it also provides background material to help user interface designers make decisions about their products.
S60 Platform: Custom UI and Screen Rotation Example
Use this C++ example application to learn the key functionalities of the screen rotation, custom component handling, status pane handling, and picture scaling on the S60 UI layer. Main classes CAknViewAppUi, CAknView, CCoeControl.
Nokia Web Browser Design Guide
This article introduces the Nokia Web Browser. It has a fundamental design philosophy — to deliver a full, desktop-like, Web experience with a mobile browser, without the need for creating and maintaining separate Web sites for desktop units and mobile devices.The document includes guidelines and recommendations, as well as best practices, and is supplemented with simple, practical design and code examples that can be used as templates. The document is available in PDF and html format.
S60 Platform: Scalable UI Guideline
Learn how to develop scalable S60 applications. The document contains the latest information for features introduced in S60 3rd Edition, Feature Pack 2.
Mixed Reality Games
This article takes a closer look at games that blur the line between the virtual and the real world: mixed reality games. It examines some key qualities of the genre, offers a brief technology overview, and provides several real-life examples. This particular game genre is still developing and is open to new innovations and concepts.
Mobile Action Games - Ready, Set, Action!
This article discusses the challenges and possibilities of designing action games for mobile devices. Many of the issues presented relate to overall game design and game mechanics that aim to improve the user experience, rather than details of technical implementation.
Mobile Game Graphics – Overcoming the Small Screen Challenge
This article presents some best practices and visual examples of graphic design for mobile games. It also focuses on overcoming some of the main usability and user experience limitations: the small screen size (with portrait and landscape modes) and the mobile context.
S60 Platform: Visualization and Graphic Design Guideline
This document explains the basic principles of visualization and graphic design, and provides examples of good and bad design. The document discusses graphic design for the mobile world, for example, colors, 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.
Flash Lite: Visual Guide v1.1
This updated document describes how to develop usable S60 Mobile Flash user interfaces that take the best out of the possibilities that Flash Lite offers. Also other factors that affect the total user experience of Flash Lite applications, such as performance, are shortly explained.
Creating Themes for Series 40 and S60 Devices: Visual Guide v2.1
This updated document helps you create effective, high-quality Themes for Series 40 and S60 devices as well as the Nokia 7710 multimedia smartphone. It gives instructions on designing usable but unique style, backgrounds, icons, and other elements. The document has been updated to cover the features of the new Series 40 and S60 Theme Studios and to introduce new supported features e.g. in Series 40 3rd Edition and S60 3rd Edition devices. The S60 Themes Illustrator Sketching Templates and the S60 Themes Photoshop Sketching Template are closely related to this document.
Turn Limitation into Strength: Design One-Button Games
This article describes how to ensure rewarding gameplay experiences with only one button without compromising usability. It discusses strategies for simplifying controls and gives examples of well-designed one-button games.
