• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UI Clinic - Series 40 full touch, March 2013
 

UI Clinic - Series 40 full touch, March 2013

on

  • 970 views

Our UI expert Jan Krebber reviews two apps submitted by Nokia Developer members: Random Table and a Compass Research app concept. Jan shares the app reviews and provides details on how the UX of these ...

Our UI expert Jan Krebber reviews two apps submitted by Nokia Developer members: Random Table and a Compass Research app concept. Jan shares the app reviews and provides details on how the UX of these applications might be improved, as well as providing general guidance that will help with the design of any app.

Submit your app to a future UI Clinic by sending details to webinar.experts@nokia.com

Find out more about developing for Series 40 at: http://www.developer.nokia.com/Series40 and more about design for full-touch Series 40 apps here: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!index.html

Check out the current webinar schedule here: http://www.developer.nokia.com/webinars

Statistics

Views

Total Views
970
Views on SlideShare
970
Embed Views
0

Actions

Likes
0
Downloads
47
Comments
2

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Webinar recording for 27 March session, including chat commentary, is here: http://forumnokia.adobeconnect.com/p28uyy66r6p/
    Are you sure you want to
    Your message goes here
    Processing…
  • Webinar recording for 26 March session, including chat commentary, is here: http://forumnokia.adobeconnect.com/p71hjmm8qni/
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    UI Clinic - Series 40 full touch, March 2013 UI Clinic - Series 40 full touch, March 2013 Presentation Transcript

    • UX CLINIC FOR SERIES 40MARCH 2013Jan KrebberSenior User Experience ConsultantOCTO3 1 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Overview - Random Table - What we found - What we propose to add - Compass Research concept2 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • RANDOM TABLE WHAT WE FOUND3 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Random Table is a good example of how tocreate a great app with LCDUI.4 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Back/Exit on main view is disabled, but Exitis duplicated as a list item.5 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Back should move back in hierarchy. 1 2 3 46 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Help and About are usually found fromOptions menu – preferably in all views.7 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Keep the hierarchy flat where possible. 1 2 38 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • A dialogue is interrupting the flow. Current solution Proposal9 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • People must have enough time to read adialogue.10 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • A shorter application name will avoidtruncation.11 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Consider the red end key closing theapplication immediately.12 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Name views consistently and use short viewnames.13 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Avoid typos and inconsistent language withcopy edit and a style guide.14 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • If there is only one text (input) field, setfocus on it automatically. 1 2 3 415 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • RANDOM TABLE WHAT WE PROPOSE TO ADD16 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Statistics give abetter idea of theperformance thanjust a table ofresults.17 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Consider gamification of the task.18 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Additional modes for special trainingpurposes.19 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • COMPASS RESEARCH CONCEPT20 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Compass Research app is a powerful geosolution for limited screen size.Traverse Inverse C y Axis y Axis A A x Axis x Axis B B 21 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • There are some main use cases. Those work with selected input values.y Axis y Axis y Axis y Axis known C C C find A ref A x Axis x Axis x Axis B B B B Coordinates (A) Coordinates (B) Coordinates (B) Coordinates (A) Coordinates (B) Angle (yBC) Angle (xBref) Coordinates (B) Angle (xBA) Distance (BC) Angle (refBC) Angle (ABC) Distance (AB) Coordinates (C) Distance (BC) Distance (BC) Coordinates (C) Coordinates (C) 22 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Sometimes requires review of all values andrelated outputs (results).23 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Use descriptive text andicons for a launchpad view.24 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Correction might beneeded. Try to keep itsimple, e.g. with a button.25 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • The design is based on splitting use casesand a launchpad view.26 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • TAKE HOME MESSAGES27 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Simplify.28 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Be consistent.29 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • Base the layout on use cases.30 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • UX OFFERING FOR SERIES 4031 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • There are LCDUI and LWUIT style guides –and more.32 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • The Nokia’s Series 40 stencils supportInkscape.33 © Nokia 2013 UX checklist for Series 40 full-touch apps.pptx v.2 2012-02-26 Jan Krebber
    • Series 40 UI component demo projectsshowcase UI and code.34 © Nokia 2013 UX checklist for Series 40 full-touch apps.pptx v.2 2012-02-26 Jan Krebber
    • We offer reviews for the UI clinics.35 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • 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/webappsuivisualisation36 © Nokia 2013 UX checklist for Series 40 full-touch apps.pptx v.2 2012-02-26 Jan Krebber
    • Further reading and links• Random Math Table project https://projects.developer.nokia.com/RandomMathTable• Random Math tabel in the store http://store.nokia.com/content/347006• Mobile Design Pattern Gallery. Theresa Neil (2012).• Designing Mobile Interfaces. Steven Hoober and Eric Berkman (2011).• nngroup.com (Jacob Nielsen’s blog)• http://snook.ca/technical/colour_contrast/colour.html (contrast checker)37 © Nokia 2013 UX checklist for Series 40 full-touch apps.pptx v.2 2012-02-26 Jan Krebber
    • THANKS TO:RON HARDY, COMPASS RESEARCH, INC.GIRISH PADIASANNA HIUKKAANNE KIVIMAA38 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber
    • THANKS ext-jan.krebber@nokia.com#krebbixux 39 © Nokia 2013 UX clinic for Series 40 March 2013.pptx v.1 2013-03-26 Jan Krebber