UI Style/Visual Guidelines
Areas of interest
|
|
|
UI Style/Visual Guidelines
S60 5th Edition C++ Developer's Library
The S60 5th Edition C++ Developer's Library is an integrated package of information for developers wishing to use the S60 platform to develop mobile C++ applications and services. The library includes a C++ API reference guide, porting information, and information on new features available in S60 5th Edition. It also includes information on S60 UI components and using them in C++ applications, for both touch and non-touch UIs, along with links to example applications available on Forum Nokia.
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.
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.
Mobile Design Showcases
This document highlights some
examples of good mobile design, evaluating them on the basis of interactivity, easy-of-use, and visual look.
The Value of Good Design
This article gives an explanation to what is good design and why it should be pursued in the first place. The article discusses the very core of design and the value that good design can bring to the end product. The article also takes a look into design today and tomorrow.
Getting Started with Mobile Design
This document provides an overview to different aspects of mobile designing, such as the mobile context, tools, and standards. The challenges of mobile design are discussed with guidance of how to overcome them.
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.
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.
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.
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.
S60 UI Specification Guideline
This document is a practical guideline that explains how to create a good user interface (UI) specification for any application designed for the S60 platform. The document describes the purpose of the UI specification and the process needed for its creation. The S60 UI Specification Template published with this document can be used to plan UI specifications for S60 applications.
Introduction to S60 UI Components
This document provides an extensive description of the appearance of the most useful S60 UI components. The document shows with the help of several examples how flexibly the UI components can be used in any application UI. Effects of themes to the visual appearance of S60 UI components and customizing standard S60 UI components are also briefly discussed. Due to the visual nature and extensive usage of screen shot images, this document is quite large in megabytes. Note that for programmers there is a separate documentation set, S60 Platform: Avkon UI Resources, with in-depth information on the UI components.
Mobile Game Playability Heuristics
This document describes how mobile game heuristics can be used for evaluating mobile games. The heuristics are described in detail and an example of how to expand the model to apply to new kinds of games is given.
Well-Designed High-Score Lists In Mobile Games
This article discusses issues related to high-score lists and scoring systems in mobile games. With a well-designed high-score list, game developers are able to motivate players and provide a positive user experience.
From Beeps To Soundscapes - Designing Mobile Game Audio
This article gives guidelines for designing mobile game audio and provides some insight into the future of mobile game audio.
Nokia 7710: In-Depth Developer's Guide
This documentation package gives you a comprehensive look inside the Nokia 7710 multimedia smartphone. It starts with the UI framework, going through instructions on how to build applications, and finally discusses porting existing software to the Nokia 7710.
Full-Screen Usage in S60
This article discusses usability issues when using the full-screen mode in Symbian C++ or Java MIDP applications. The article concentrates on the S60 platform but many issues are relevant also to other platforms. Revision on June 12, 2006: minor editorial changes including terminology update.
Nokia 7710 UI Style Guide
This document introduces the style guidelines for the Nokia 7710 user interface. It describes the main building blocks of an application's interface, and the common components provided by the Nokia 7710 user interface.
