UI Clinic - Series 40 full touch, April 2013

Jan Krebber Senior User Experience Consultant OCTO3

1 © Nokia 2013 UI clinic for Series 40 April 2013.pptx v.1 2013-04-23 Jan Krebber

UI CLINIC FOR SERIES 40 APRIL 2013

Overview

- Know your phone - Package tracker - UI considerations for ads

KNOW YOUR PHONE WHAT WE FOUND

Know your phone UX map.

We especially like the contextual search.

Remove focus for touch phone.

Split screen may work on large screens but it gets problems with small screens.

Proposal, entire content scrolls

Use full content area for scrolling.

Do not get stuck with the splash screen if there is nothing to do with it.

Place navigation keys consistently, with consistent icons and where expected.

Ensure Back navigation from each page, since Series 40 style is hierarchy based.

Buttons which cannot perform any action should be hidden.

Make touch areas, icons and fonts large enough.

Use the Nokia surround shape for the launcher icon.

Optimize the app concept for the primary use case.

Current structure

Build the app around the main use case, note vice versa.

Proposed structure

Current structure

PACKAGE TRACKER WHAT WE FOUND

Package Tracker UX map.

We especially like the first time use case and the clear structure of the app.

Use best keypad layout for character input, e.g. DHL requires only decimals.

Give users the feeling that they are in control.

Be careful with fast moving UI elements. It might cause harm to people.

In LWUIT optimize for payload. Test also with less powerful phones.

Enable landscape if your text might become truncated in portrait (only).

Use a short name to avoid app name truncation in the application menu.

Pressing Back from a form or setting should evoke a confirmation query.

Use component titles to simplify the layout.

Allow clean sweep of self populated lists.

UI CONSIDERATIONS FOR ADS

Ads could be repeated at key breaks inside long content, e.g. custom lists.

Ads being part of the chrome should always appear at the same position.

The ad should always be selectable and not interfere with any chrome.

Differentiate the ad from the actual content.

Full screen ads should be used at breakpoints, not within tasks.

TAKE HOME MESSAGES

Build the app around the main use case, note vice versa.

Give users the feeling that they are in control.

Full screen ads should be used at breakpoints, not within tasks.

UX OFFERING FOR SERIES 40

There are LCDUI and LWUIT style guides – and more.

The Nokia’s Series 40 stencils support Inkscape.

Series 40 UI component demo projects showcase UI and code.

We offer reviews for the UI clinics.

Series 40 UI design

• UX Library for Series 40 full touch: http://www.developer.nokia.com/Resources/Library/Full_Touch/

• LWUIT UX Overview: http://www.developer.nokia.com/Resources/Library/LWUIT/#!ux-overview.html

• Iconography: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!icon-creation/launcher-icon-templates.html

• UI Component Demos project:

https://projects.developer.nokia.com/s40uivisualisation

• Web Apps UI visualisation project: https://projects.developer.nokia.com/webappsuivisualisation

UI Clinic - Series 40 full touch, April 2013

Technology

User Interface Guidelines - Deep Slow Easy resources/IBM UI Guide 1988.pdfUser Interface (UI) ... trackball or touch screen, to provide information to or request processing from a

User Guide - The Informr · 2019-07-05 · Highlights 3 Shifting keyboard 1 On the home screen, touch Settings. 2 Under All, touch One-hand UI > Shifting keyboard. 3 Enable Shifting

Bob Hurley One Day Coaching Clinic - Hoop Coach Hurley One Day Coaching Clinic Presented by Shooting Touch ∙ Bridgewater, Massachusetts Notes compiled by Zak Boisvert, student manager

The Touch Cliniccosmeticgynaeindia.com/files/Hands on Training Course... · 2019-11-21 · The Touch Clinic,Unit A5-A8 GF, Bestech Business Tower, Sector 66, Mohali. touchclinic11@gmail.com

Implementing Multi-Touch Gestures with Touch Groups and ...rkros/papers/TouchState_CHI2019.pdf · be counter-intuitive and error-prone, particularly when the UI involves custom gestures

5G NR (New Radio) X-Series Measurement App, Multi-Touch UI · 2021. 7. 17. · 5G NR (New Radio) X-Series Measurement App, Multi-Touch UI . N9085EM0E • Perform 5G NR (New Radio)

Clinic County Clinic Name Clinic Address Clinic City ... folder/Decembe… · Clinic County Clinic Name Clinic Address Clinic City Clinic Zip Participant County Participant Gender

Porting Android* Touch to Windows* 8 UI (C#) By David ......1 Porting Android* Touch to Windows* 8 UI (C#) By David Medawar Objective This article describes how developers can port

KANZI the rapid 3D UI solution on OpenGL ES...• 3D UI for Set-top Box – OpenGL ES 2.0 – Real-time rendered – Multi-touch support – Designed with Kanzi SDK – Implemented

Touch Developer Guide - Intel Developer Zone · UI design for Touch-Enabled Ultrabook Devices ... Whether developers are writing a new app or want to update an existing app to include

UI design for monetisation enablers for series 40 full touch

Signal Integrity Consulting€¦ · Original AEL code was implemented by Suhas Jawale! Signal UI Pre-pulse Noise UI Noise UI-1 Noise UI-2 Noise UI-3 Noise UI-4 Noise UI-5 Noise UI-6

Adapting Series 40 touch and type apps to the full-touch UI

Workshop on Sencha Touch - Part 5 - UI components in sencha touch

Presented by: Anjali.G. Introduction Why touchless UI..?? Touch wall Touchless SDK Working Applications Advantages & disadvantages Conclusion

Clinic County Clinic Name Clinic Address Clinic City ... folder/march 16... · Clinic County Clinic Name Clinic Address Clinic City Clinic Zip Participant County Participant Gender

PowerChart Touch (PCT) · / “Document” and Swipe Down.) Step 4. Click Search Patient Clinic Schedule or Patient List as required Step 5. In Clinic Schedule click (top of screen)

Nokia Asha UI Clinic: November 2013 — Jumping Man and Sky Sudoku

u!+E&eY5cA School of Computing & Information …...To build the UI, I used the Sencha Touch framework, a user interface JavaScript Library. Sencha Touch makes extensive use of HTML5

Touch UI Component Guidelines - Intel Developer ZoneTouch UI Component Guidelines Return to Contents This document gives an overview of the MeeGo Touch user interface and describes