UI Clinic - Series 40 full touch, March 2013

Jan Krebber

Senior User Experience Consultant

1 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber

UX CLINIC FOR SERIES 40 MARCH 2013

Overview

- Random Table - What we found - What we propose to add

- Compass Research concept

RANDOM TABLE WHAT WE FOUND

Random Table is a good example of how to create a great app with LCDUI.

Back/Exit on main view is disabled, but Exit is duplicated as a list item.

Back should move back in hierarchy.

1 2 3 4

Help and About are usually found from Options menu – preferably in all views.

Keep the hierarchy flat where possible.

A dialogue is interrupting the flow.

Current solution Proposal

People must have enough time to read a dialogue.

A shorter application name will avoid truncation.

Consider the red end key closing the application immediately.

Name views consistently and use short view names.

Avoid typos and inconsistent language with copy edit and a style guide.

If there is only one text (input) field, set focus on it automatically.

1 2 3 4

RANDOM TABLE WHAT WE PROPOSE TO ADD

Statistics give a better idea of the performance than just a table of results.

Consider gamification of the task.

Additional modes for special training purposes.

COMPASS RESEARCH CONCEPT

Compass Research app is a powerful geo solution for limited screen size.

x Axis B

C y Axis

Traverse

x Axis B

y Axis

Inverse

There are some main use cases. Those work with selected input values.

x Axis B

y Axis

x Axis B

C y Axis

x Axis B

C y Axis

Coordinates (A) Coordinates (B) Angle (xBA) Distance (AB)

Coordinates (B) Angle (yBC) Distance (BC) Coordinates (C)

Coordinates (B) Angle (xBref) Angle (refBC) Distance (BC) Coordinates (C)

Coordinates (A) Coordinates (B) Angle (ABC) Distance (BC) Coordinates (C)

known find

Sometimes requires review of all values and related outputs (results).

Use descriptive text and icons for a launchpad view.

Correction might be needed. Try to keep it simple, e.g. with a button.

The design is based on splitting use cases and a launchpad view.

TAKE HOME MESSAGES

Simplify.

Be consistent.

Base the layout on use cases.

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

• 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, March 2013

Technology

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

The C.A.R.E. Clinic: High-tech with High-touch

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

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

Nokia Asha UI Clinic September 2013

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

Nokia Asha Touch UI Style Guide Part 2

Introduction to Nokia Asha Touch UI

What Could Gaming Learn from UI/UX Design?twvideo01.ubm-us.net/o1/vault/gdcchina14/presentations/833799... · •Touch helps UX/UI Design: •Buttons have minimum sizes for touch

Current Transducer L-UI series V = 0 100 - Farnell · 2016. 10. 5. · 1000 1500 DVL 50-UI DVL 150-UI DVL 250-UI DVL 500-UI DVL 750-UI DVL 1000-UI DVL 1500-UI Measuring resistance

[WEB UI ADVANCED] Mobile Touch Event

JURNALUL PEDIATRUL UI – Year XX , Vol. XX, Supplement 1, …JURNALUL PEDIATRUL UI – Year XX , Vol. XX, Supplement 1, 2017 10 P.P. 05. STUDIU CLINIC DESPRE MARKERII SINDROMULUI

Credentials Document 2013 - Branding & Design Agency · Credentials Document 2013 ... • Touch Screen Kiosk Design & Development ... Touch screen UI/UX Design & Fab-ricaiton Design

BlackBerry Event Handling. Overview Introduction Typical Application Model Event Listeners Responding to UI Events Touch Screen Events Touch Screen Gestures

Porting Android UI design to Series 40 touch

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

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

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

Series 40 UI Clinic: Basic UI layouts in Series 40 Full Touch

Nokia Asha Touch UI Style Guide Part 1