497
edits
Microformats/UE/ideas: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
==Please Add Your Designs to this Page== | |||
Have a cool idea about microformat detection UI? Add it below and share it with the world, (or at least the Mozilla community). Mockups at any level of fidelity, creativity, and general wackiness are completely welcome. | |||
== Categorization of Conceptual Mockups== | == Categorization of Conceptual Mockups== | ||
| Line 11: | Line 15: | ||
== Navigation Toolbar == | == Navigation Toolbar == | ||
#Tabbed Toolbars (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/tabbedToolbar.jpg_large.jpg | |||
== Search Bar == | == Search Bar == | ||
| Line 23: | Line 28: | ||
== Toolbar == | == Toolbar == | ||
#Tabbed Toolbars, see Navigation Toolbar above (Faaborg) | |||
Operator (Kaply): | #Operator (Kaply): | ||
http://people.mozilla.com/~faaborg/files/20061215-introducingOperator/summit1.jpg_large.jpg | http://people.mozilla.com/~faaborg/files/20061215-introducingOperator/summit1.jpg_large.jpg | ||
| Line 39: | Line 44: | ||
== Side Bar == | == Side Bar == | ||
The Content Sidebar (Faaborg): | #The Content Sidebar (Faaborg): | ||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/contentSidebar.jpg_large.jpg | http://people.mozilla.com/~faaborg/files/20070204-detectionUI/contentSidebar.jpg_large.jpg | ||
#Sub-Page History (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/microformatHistoryLocations.jpg_large.jpg | |||
#Sub-Page Favorites (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/microformatFavoritesMITTrip.jpg_large.jpg | |||
== Content Area == | == Content Area == | ||
===General=== | |||
#Live Clipboard (Ozzie, and his concept development team): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/liveClipboardAmbiguity.jpg | |||
#Operator 6.0.2 (Kaply): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/operator062.jpg | |||
===Display=== | ===Display=== | ||
#Glass, on a light page (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_glassOnWhite.jpg | |||
#Glass, on a dark page (Faaborg, idea suggested by Beltzner): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_glassOnBlack.jpg_large.jpg | |||
#Lights (Faaborg. idea suggested by Shaver): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_lights.jpg_large.jpg | |||
#Bubbles (Faaborg, inspired by a certain Web browser that shall not be named): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_bubbles.jpg_large.jpg | |||
#Push, the page literally pushed toward you in areas that contain microformated content (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_push.jpg_large.jpg | |||
#Dock for OS X, on light page (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_dockOnWhite.jpg_large.jpg | |||
#Dock for OS X, on a dark page (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_dockOnBlack.jpg_large.jpg | |||
#Start for Vista (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_start.jpg_large.jpg | |||
#File for OS X (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_fileOSX.jpg_large.jpg | |||
#File for Vista (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_fileVista.jpg_large.jpg | |||
#Target Acquired for Ubuntu (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/layer_targetAcquired.jpg_large.jpg | |||
===Interaction with a Specific Microformat=== | ===Interaction with a Specific Microformat=== | ||
#Non-Modal Design (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/nonModal1.jpg_large.jpg | |||
The user hovers their mouse over the icons and the entire area is highlighted: | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/nonModal2.jpg_large.jpg | |||
#Contextual Menu (Faaborg, idea suggested by Tantek): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/descriptiveText.jpg_large.jpg | |||
#Clover (Faaborg): | |||
http://people.mozilla.com/~faaborg/files/20070204-detectionUI/clover.jpg_large.jpg | |||
==Find Bar== | ==Find Bar== | ||
There are currently no conceptual mockups for this area in the chrome. | |||
==Status Bar== | ==Status Bar== | ||
#Operator 6.0.1 (Kaply) | |||
#Tails Export (de Bruin) | |||