Bureaucrats, emailconfirmed
1,221
edits
m (updated categories) |
m (→Results) |
||
(5 intermediate revisions by 2 users not shown) | |||
Line 20: | Line 20: | ||
[[File:TabWireframes-ProposedAlpha.png]] | [[File:TabWireframes-ProposedAlpha.png]] | ||
Most of the ideas combined:Better rendering, redesigned close button, favicon, smart image crop. | Most of the ideas combined:Better rendering, redesigned close button, favicon, smart image crop. | ||
The favicon was included though few people remembered logos in the [[#Study]]. This was done because the favicon is often a good color-clue which means it includes the typical colors of the page it represents (though not always, e.g. [www.mozilla.com mozilla]) | |||
If a page is well known (the most user did only know few pages from the set) it is more likely that they "learned" the favicon and can use it as efficient retrieval clue. | |||
==Ideas for Improvement== | ==Ideas for Improvement== | ||
===Make Closing | ===Make Closing Button Less Obtrusive=== | ||
(Discussion of the wireframes is in the same order: from top to bottom.) | (Discussion of the wireframes is in the same order: from top to bottom.) | ||
[[File:MozillaMobile-SmallerCloseMoveClose.png | right | Relocate Button Wireframe]] | [[File:MozillaMobile-SmallerCloseMoveClose.png | right | Relocate Button Wireframe]] | ||
Line 34: | Line 38: | ||
*Contra: | *Contra: | ||
**The target area has probably to move down a bit too; needs testing on a touchscreen-device. | **The target area has probably to move down a bit too; needs testing on a touchscreen-device. | ||
**One Problem that could occur is that people will probably be more likely to tap below an item (they still see it) than to tap above it (it covers even more than usually). The | **One Problem that could occur is that people will probably be more likely to tap below an item (they still see it) than to tap above it (it covers even more than usually). The available target area could become too small because of that. | ||
'''Move button to the right edge''' | '''Move button to the right edge''' | ||
Line 48: | Line 52: | ||
[[File:MozillaMobile_pageCrop.png | right ]] | [[File:MozillaMobile_pageCrop.png | right ]] | ||
===Smarter Page Crop=== | ===Smarter Page Crop=== | ||
Concept: Choose a better crop of the page as thumbnail. | Concept: Choose a better crop of the page as thumbnail. Actually it already works pretty well, since mainly the upper left corner is present due to the small screen of the mobile devices. In my tests a 480px height crop seemed to be decent (the height is more important, since distinctive visual features are often located on the left side) | ||
*Pro: Choosing a more representative part of the page means better recognition and more | *Pro: Choosing a more representative part of the page means better recognition and more differentiation between similar pages. | ||
*Contra: --- | *Contra: --- | ||
Line 90: | Line 94: | ||
==Study | ==Study== | ||
'''What do people recall about webpages''' | |||
Conducted by Bastian Bügler and Jan Dittrich | Conducted by Bastian Bügler and Jan Dittrich | ||
===Goal=== | ===Goal=== | ||
Line 97: | Line 102: | ||
Participants had do do simple tasks on several webpages. After a masking time of a couple of minutes filled with other tasks, they had to tell about the features that they link with the webpages. | Participants had do do simple tasks on several webpages. After a masking time of a couple of minutes filled with other tasks, they had to tell about the features that they link with the webpages. | ||
===Results=== | ===Results=== | ||
Colors are remembered the best (84 among 267) | |||
The content is on the 2nd rank with 62 mentions. Feelings (messy, clean...) is the 3rd with 44. | |||
[[File:JanDittrich_TabsStudy_RememberPages.jpg]] | |||
==Relevant Scientific Works== | ==Relevant Scientific Works== | ||
*[http://portal.acm.org/citation.cfm?id=1216295.1216319 What Do people recall about their Documents?; Brude,Scapin; 2007] | *[http://portal.acm.org/citation.cfm?id=1216295.1216319 What Do people recall about their Documents?; Brude,Scapin; 2007] | ||
Line 105: | Line 115: | ||
[[Category:Interaktion]] | [[Category:Interaktion]] | ||
[[Category:SS10]] | [[Category:SS10]] | ||
[[Category:Internet]] | [[Category:Internet]] | ||
[[Category:Mobile Development]] | [[Category:Mobile Development]] | ||
Line 111: | Line 120: | ||
[[Category:Design]] | [[Category:Design]] | ||
[[Category:Jan Dittrich]] | [[Category:Jan Dittrich]] | ||
[[Category:GUI]] |