FirefoxMobile-SmartTabs - Revision history

JanD: /* Results */

2010-06-15T15:27:39Z

Results

← Older revision		Revision as of 15:27, 15 June 2010
Line 103:		Line 103:
	===Results===		===Results===
	Colors are remembered the best (84 among 267)		Colors are remembered the best (84 among 267)
	The content ~~(messy, clean etc.)~~ is on the 2nd rank with 62 mentions. Feelings (messy, clean...) is the 3rd with 44.		The content is on the 2nd rank with 62 mentions. Feelings (messy, clean...) is the 3rd with 44.

	[[File:JanDittrich_TabsStudy_RememberPages.jpg]]		[[File:JanDittrich_TabsStudy_RememberPages.jpg]]

JanD at 15:24, 15 June 2010

2010-06-15T15:24:55Z

← Older revision		Revision as of 15:24, 15 June 2010
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 ~~Botton~~ Less ~~Obstrusive~~===		===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 ~~availiable~~ target area could become too small because of that.		**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. ~~Acually~~ 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 ~~seemd~~ to be decent (the height is more important, since distinctive visual features are often located on the left side)		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 ~~differenciation~~ between similar pages.		*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 1: What do people recall about webpages==		==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===

JanD: /* Results */

2010-06-14T16:12:43Z

Results

← Older revision		Revision as of 16:12, 14 June 2010
Line 98:		Line 98:
	===Results===		===Results===
	Colors are remembered the best (84 among 267)		Colors are remembered the best (84 among 267)
	The ~~Feelings~~ (messy, clean etc.) is on the 2nd rank with 44 mentions. ~~Structure~~ is the 3rd with 33.		The content (messy, clean etc.) is on the 2nd rank with 62 mentions. Feelings (messy, clean...) is the 3rd with 44.

	[[File:JanDittrich_TabsStudy_RememberPages.jpg]]		[[File:JanDittrich_TabsStudy_RememberPages.jpg]]

JanD: /* Results */

2010-06-14T16:07:37Z

Results

← Older revision		Revision as of 16:07, 14 June 2010
Line 99:		Line 99:
	Colors are remembered the best (84 among 267)		Colors are remembered the best (84 among 267)
	The Feelings (messy, clean etc.) is on the 2nd rank with 44 mentions. Structure is the 3rd with 33.		The Feelings (messy, clean etc.) is on the 2nd rank with 44 mentions. Structure is the 3rd with 33.

			[[File:JanDittrich_TabsStudy_RememberPages.jpg]]

	==Relevant Scientific Works==		==Relevant Scientific Works==

JanD: /* Results */

2010-06-14T16:06:55Z

Results

← Older revision		Revision as of 16:06, 14 June 2010
Line 97:		Line 97:
	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 Feelings (messy, clean etc.) is on the 2nd rank with 44 mentions. Structure is the 3rd with 33.

	==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]

Max at 07:29, 27 May 2010

2010-05-27T07:29:15Z

← Older revision		Revision as of 07:29, 27 May 2010
Line 105:		Line 105:
	[[Category:Interaktion]]		[[Category:Interaktion]]
	[[Category:SS10]]		[[Category:SS10]]
	~~[[Category:Interface]]~~
	[[Category:Internet]]		[[Category:Internet]]
	[[Category:Mobile Development]]		[[Category:Mobile Development]]
Line 111:		Line 110:
	[[Category:Design]]		[[Category:Design]]
	[[Category:Jan Dittrich]]		[[Category:Jan Dittrich]]
			[[Category:GUI]]

Mm: updated categories

2010-05-07T21:24:27Z

updated categories

@@ Line 108: / Line 108: @@
 [[Category:Internet]]
 [[Category:Mobile Development]]
 [[Category:Software]]
 [[Category:Design]]
-[[Category:Interaktion]]
+[[Category:Jan Dittrich]]

JanD at 14:44, 4 May 2010

2010-05-04T14:44:18Z

← Older revision		Revision as of 14:44, 4 May 2010
Line 17:		Line 17:

	</div>		</div>
			==(current) Wireframes==
			[[File:TabWireframes-ProposedAlpha.png‎]]
			Most of the ideas combined:Better rendering, redesigned close button, favicon, smart image crop.

	==Ideas for Improvement==		==Ideas for Improvement==
	===Make Closing Botton Less Obstrusive===		===Make Closing Botton Less Obstrusive===
Line 84:		Line 88:
	I think that this approach is not bad but it will start to perform good with greater item quantities.		I think that this approach is not bad but it will start to perform good with greater item quantities.

	~~==Wireframes==~~
	~~[[File:TabWireframes-ProposedAlpha.png‎]]~~
	~~Most of the ideas combined:Better rendering, redesigned close button, favicon, smart image crop.~~

	==Study 1: What do people recall about webpages==		==Study 1: What do people recall about webpages==

JanD at 14:37, 4 May 2010

2010-05-04T14:37:44Z

← Older revision		Revision as of 14:37, 4 May 2010
Line 19:		Line 19:
	==Ideas for Improvement==		==Ideas for Improvement==
	===Make Closing Botton Less Obstrusive===		===Make Closing Botton Less Obstrusive===
			(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]]
	'''Make Button Smaller'''		'''Make Button Smaller'''
Line 25:		Line 26:
	**Relevant part of the image not entirely free.		**Relevant part of the image not entirely free.
	**The Button is harder to see.		**The Button is harder to see.
			'''Move the button down'''
			*Pro: Frees the recognition-relevant upper-left part entirely.
			*Contra:
			**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 availiable target area could become too small because of that.

	'''Move button to the right edge'''		'''Move button to the right edge'''
Line 69:		Line 75:

	===Preview pages while finger down, open when up (deferred)===		===Preview pages while finger down, open when up (deferred)===
	*Pro: Very fast preview, since one could just go over many tabs in one move. Even very shortly displayed content is recognized (~~siehe~~: Processing Speed In Cerebral Cortext– Rolls Tovee – 94) It could be triggered with long-tap too: It would trigger a kind of preview overlay and moving to another tab while down whould trigger its preview to occur than.		*Pro: Very fast preview, since one could just go over many tabs in one move. Even very shortly displayed content is recognized (see also: Processing Speed In Cerebral Cortext– Rolls Tovee – 94) It could be triggered with long-tap too: It would trigger a kind of preview overlay and moving to another tab while down whould trigger its preview to occur than.

	*Contra: Could get in the way of future attempts to make tab-resorting possible. (not applying to long-tab-triggering or a drag in one of the modes in vertical direction first) May confuse users (?)		*Contra: Could get in the way of future attempts to make tab-resorting possible. (not applying to long-tab-triggering or a drag in one of the modes in vertical direction first) May confuse users (?)
Line 90:		Line 96:
	===Results===		===Results===
	==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]
	*[http://www.informaworld.com/smpp/content~db=all~content=a777792744~tab=citations A comparison of words and icons as external memory aids in an information retrieval task; Lansdale, Simpson, Stroud; 1990]		*[http://www.informaworld.com/smpp/content~db=all~content=a777792744~tab=citations A comparison of words and icons as external memory aids in an information retrieval task; Lansdale, Simpson, Stroud; 1990]
	*[http://www.informaworld.com/smpp/content~content=a779153574&db=all A comparison of words and icons as external memory aids in an information retrieval task; Lansdale; 1991]		*[http://www.informaworld.com/smpp/content~content=a779153574&db=all A comparison of words and icons as external memory aids in an information retrieval task; Lansdale; 1991]
Line 110:		Line 116:
	[[Category:Projektmodul]]		[[Category:Projektmodul]]
	[[Category:Software]]		[[Category:Software]]

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

JanD: scientific works

2010-05-04T08:33:06Z

scientific works

@@ Line 89: / Line 89: @@
 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===
 [[Category:Design]]