FirefoxMobile-SmartTabs: Difference between revisions

From Medien Wiki
(started documentation)
 
(Added wireframes)
Line 9: Line 9:
==Current Situation==
==Current Situation==
[[File:MozillaMobile_1-1_Tabs.png]]
[[File:MozillaMobile_1-1_Tabs.png]]
==Ideas for Improvement==
===Put the closing-Button on the right Tab side===
[[File:MozillaMobile_relocateClose.png | right | Relocate Button Wireframe]]
*Pro: The more relevant left edge is free.
*Contra: When dragging the Bar in, one sees just the Buttons at first.
<br style="clear:all">
===Smarter Page Crop===
[[File:MozillaMobile_pageCrop.png | right ]]
*Concept:
*Pro: Coosing a more representative part of the page means better recognition and more differenciation between similar pages.
*Contra: ---
<br style="clear:all">
===Adding Favicon===
[[File:MozillaMobile_addFavicon.png‎ | right ]]
*Pro: Visual grouping of same Domain-Pages. Recognize logos of commonly used webpages.
*Contra: Could be mistaken for a button if not carefully integrated.
Note:It is likely that the favicon itself is hard to recall for non-frequently used pages. But it often gives color clues for the page. (Further research is needed)
==Study 1: What do people recall about webpages==
===Goal===
===Results===


[[Category:Design]]
[[Category:Design]]

Revision as of 17:42, 23 April 2010

Smart Tabs for Mozilla Mobile

Project by Jan Dittrich

"How can the way we make the tabs better representing the pages?"
Goals: make tabs better representing the pages.
No-Goals: Change the general model of interaction with tabs, Use signficant more screen real estate.

Current Situation

MozillaMobile 1-1 Tabs.png

Ideas for Improvement

Put the closing-Button on the right Tab side

Relocate Button Wireframe
  • Pro: The more relevant left edge is free.
  • Contra: When dragging the Bar in, one sees just the Buttons at first.


Smarter Page Crop

MozillaMobile pageCrop.png
  • Concept:
  • Pro: Coosing a more representative part of the page means better recognition and more differenciation between similar pages.
  • Contra: ---


Adding Favicon

MozillaMobile addFavicon.png
  • Pro: Visual grouping of same Domain-Pages. Recognize logos of commonly used webpages.
  • Contra: Could be mistaken for a button if not carefully integrated.

Note:It is likely that the favicon itself is hard to recall for non-frequently used pages. But it often gives color clues for the page. (Further research is needed)

Study 1: What do people recall about webpages

Goal

Results