UISpecs

Differences between revisions 7 and 8
⇤ ← Revision 7 as of 2007-05-05 21:44:53 →
Size: 2733
Editor: vig38-2-81-56-113-154
Comment:
← Revision 8 as of 2007-05-10 21:58:28 → ⇥
Size: 2959
Editor: vig38-2-81-56-113-154
Comment:
Deletions are marked like this. Additions are marked like this.
Line 11: Line 11:
'''This specification is under active discussion''' '''This specification is under active discussion. We are also working with the Elisa team on the [https://core.fluendo.com/elisa/trac/wiki/NavigationTree new Elisa UI]'''
Line 45: Line 45:
 For some ideas: http://www.jahshaka.org/forum/and-winners-t1050.html  For some ideas: http://www.jahshaka.org/forum/and-winners-t1050.html (prefer the .zip download)
Line 53: Line 53:
== Ideas sandbox ==

 * animated icons,
Line 65: Line 68:
Apple's [http://youtube.com/watch?v=nryeEYK7jmA&mode=related&search= Front Row] Apple's [http://youtube.com/watch?v=nryeEYK7jmA&mode=related&search= Front Row]
----
CategorySpec UbuntuMediaCenter

Summary

This specification describes the User Interface of the [https://wiki.ubuntu.com/MediaCenter/SoftwareSpecs Ubuntu Media Center software].

The aim is to create a friendly, efficient, easy, unique... user interface. This specification deals with the graphical layout, the menu navigation, icons thematic,...

This specification is under active discussion. We are also working with the Elisa team on the [https://core.fluendo.com/elisa/trac/wiki/NavigationTree new Elisa UI]

Icons thematic reminder

The idea is to have a thematic reminder on each sub-menu icon. This will help users in identifying easily their current location in the UMC menu tree.

For example:

  • If you choose to play music from a CD, you will select Music and then CD. You would see: This icon for Music: attachment:note.png and then for the CD sub-menu: attachment:cd.png
  • The Movie menu has an icon of movie strip. Selection the DVD sub menu would then display a disc with the same movie strip at the top right.

This thematic reminder helps a lot in the menu navigation.

In Elisa's default skin, the menu icon (Music, Movie...) is put in the foreground upon menu selection. When you select a menu item, like movie, the sub menu icon is shown and the previous icon list is displayed in the foreground:

  • attachment:menu2.png

You always have several menu entries shown.

With the Icon Thematic Reminder, we don't need to keep the previous menu entry(ies). We thus avoid to overload the User Interface, while remaining contextual and "menu location friendly".

Comment (AQ): The Icon Thematic Reminder approach combined with an Apple's [http://www.apple.com/macosx/leopard/timemachine.html Time Machine] like navigation would give a great result.

Startup sequence

Here is a sketching of a startup sequence:

Make a transition effect, and

  • display the main UMC screen, with a background image and the main menu. Ideas:

    • (ArnaudQuette): having the UMC logo (like #8g) embedding somehow the base menu, like View or Hear instead of the two heads ; or display the current choice in the LCD screen, with the other choices in a transparent round.

Ideas sandbox

  • animated icons,

the menu have to be defined according to several UI choices.

For the reference: [https://core.fluendo.com/elisa/trac/wiki/MenuDescription Document from elisa track]

Reference

[https://core.fluendo.com/elisa/trac/wiki/NavigationTree Elisa new UI spec]

Apple's [http://youtube.com/watch?v=nryeEYK7jmA&mode=related&search= Front Row]

CategorySpec UbuntuMediaCenter

MediaCenter/UISpecs (last edited 2008-08-06 16:19:21 by localhost)