577
edits
Mobile/UI/Designs/TouchScreen/Spatial: Difference between revisions
Jump to navigation
Jump to search
→Tabs
No edit summary |
(→Tabs) |
||
| Line 21: | Line 21: | ||
[[Image:Spatial.jpg]] | [[Image:Spatial.jpg]] | ||
As new tabs are created, they arrange themselves in a loose grid as shown. Tab size is determined by the frequency of visits to the site (so larger tabs are also the more used tabs). It is important, however, that tab sizes don't shift around -- size is determined when a tab is opened and is fixed (relative to the other tabs) until it is closed. | As new tabs are created, they arrange themselves in a loose grid as shown. Users can drag tabs between slots on the loose grid, with the dragged tab being inserted between the tabs at the drop location. Tab size is determined by the frequency of visits to the site (so larger tabs are also the more used tabs). It is important, however, that tab sizes don't shift around -- size is determined when a tab is opened and is fixed (relative to the other tabs) until it is closed. Varying tab size gets us three things: (1) It combats the all thumbnails look-alike problem, (2) It takes advantage of people's spatial navigation by giving stronger visual landmarks, and (3) It makes more frequently accessed tabs larger targets, and therefor faster to hit. | ||
You close a tab by traging it to the '''trash'''. When dragging, the trash area becomes fully opaque and a border surrounds it ('''todo:mockup''') showing that it is a drag target. After a tab is trashed, a button to undo the trashing appears ('''todo:mockup'''). | You close a tab by traging it to the '''trash'''. When dragging, the trash area becomes fully opaque and a border surrounds it ('''todo:mockup''') showing that it is a drag target. After a tab is trashed, a button to undo the trashing appears ('''todo:mockup'''). | ||
The same target-border appears around the bookmarks section, indicating that you can drop tabs in there to enable bookmarking of sites. When this is done, the tab should also remain in the position it was dragged from. | The same target-border appears around the bookmarks section, indicating that you can drop tabs in there to enable bookmarking of sites. When this is done, the tab should also remain in the position it was dragged from. Undoing causes | ||
Clicking on the '''bookmarks''' section zooms in on the bookmarks. | Clicking on the '''bookmarks''' section zooms in on the bookmarks. | ||