Soini - Designing Ui For Maemo 5

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    11 Favorites & 1 Event

    Soini - Designing Ui For Maemo 5 - Presentation Transcript

    1. Designing UI for Maemo 5 Mox Soini
    2. Design Process
    3. Goal What ideas are kept, What ideas are dropped
    4. Cannot extrapolate, it’s like hand-drawn curve
    5. Changes happen at varying speed
    6. Final result is often Unexpected
    7. Maemo 5
    8. Easily understandable with Soul Simple – not too neutral Positive surprises Clean Delights
    9. Reduced set of UI elements • The key in defining finger usability • The key in attaining UI consistency • Accelerate the design and development time (reduced complexity) • Avoiding customization where possible
    10. Compared to past • The UNIX philosophy – “do one thing and do it well". • Finger usage – Larger size of UI elements • Removal of focus • Avoid dimming • Only few menu items UP ED h N it EA w at! • No tabs in dialogs ’S CL ow ss f IT – N % le 50
    11. UI Flow
    12. Navigation Structure – Line
    13. Accounts Folders Messages Viewer Email
    14. Navigation Structure – Summary
    15. Music Video Summary Internet Radio Media Player
    16. Navigation Structure – T-Bone
    17. Month Week Event Agenda Calendar
    18. UI priorities Main views Viewing content Navigation via content View menus Manipulating content Edit dialogs Edit Mode Views Power use / shortcuts for content Multiple selection Context Sensitive Menus
    19. Viewing content Manipulating content Power use / shortcuts for content
    20. There’s NO app for that It’s a plugin!
    21. VOIP services IM services Sharing services Plugins Media filters Media formats OpenMax
    22. Contact list Profile Alarms Bluetooth 3G / Wlan networking Integration Metadata Location Music / Video File Choosers playing Camera
    23. Keep in mind • Simplicity • Focus on key use cases • Fluent and seamless • Not cramming all in the same place • Each view has it’s own purpose
    24. Thanks! Designing UI for Maemo 5 – Mox Soini Hildon 2.2 UI Style Guide Hildon 2.2 Widget UI Specification Fremantle Master Layout Guide http://bit.ly/13P9Ou http://bit.ly/3o8ttP http://bit.ly/MhCb4

    + Mox SoiniMox Soini, 1 month ago

    custom

    2481 views, 11 favs, 14 embeds more stats

    Maemo Summit 2009 Presentation

    "Designing UI for t more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 2481
      • 1269 on SlideShare
      • 1212 from embeds
    • Comments 0
    • Favorites 11
    • Downloads 0
    Most viewed embeds
    • 945 views on http://www.ifanr.com
    • 123 views on http://www.visionunion.com
    • 53 views on http://xianguo.com
    • 43 views on http://ucdchina.com
    • 33 views on http://www.chinaui.com

    more

    All embeds
    • 945 views on http://www.ifanr.com
    • 123 views on http://www.visionunion.com
    • 53 views on http://xianguo.com
    • 43 views on http://ucdchina.com
    • 33 views on http://www.chinaui.com
    • 6 views on http://www.zhuaxia.com
    • 2 views on http://reader.youdao.com
    • 1 views on http://laughig.blogbus.com
    • 1 views on http://ifaner.com
    • 1 views on file://
    • 1 views on http://zhuaxia.com
    • 1 views on http://coolshell.cn
    • 1 views on http://static.slidesharecdn.com
    • 1 views on http://wangyun1900.spaces.live.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Groups / Events