MobileDesign - Revision history

Mrcoolbp: Mrcoolbp moved page Style:UI Design to MobileDesign: Page was improperly titled

2014-07-20T04:32:53Z

Mrcoolbp moved page Style:UI Design to MobileDesign: Page was improperly titled

← Older revision	Revision as of 04:32, 20 July 2014
(No difference)

FunPika: added Category:User experience using HotCat

2014-03-15T16:00:54Z

added Category:User experience using HotCat

← Older revision		Revision as of 16:00, 15 March 2014
Line 15:		Line 15:
	**G - Bottom of page needs to indicate that there is "more" below .. one way is to fade window contents to background color, or to black, to indicate that there is more to be found below.		**G - Bottom of page needs to indicate that there is "more" below .. one way is to fade window contents to background color, or to black, to indicate that there is more to be found below.
	**H - Story Icons - Clicking these should do something, possibly changing the story view category?		**H - Story Icons - Clicking these should do something, possibly changing the story view category?

			[[Category:User experience]]

Mrbluze: /* Single Column Format */

2014-03-06T02:49:47Z

Single Column Format

← Older revision		Revision as of 02:49, 6 March 2014
Line 4:		Line 4:
	**No functional elements should appear along the bottom of the screen		**No functional elements should appear along the bottom of the screen
	**Most users are right handed therefore orientate buttons to the right of the screen where possible		**Most users are right handed therefore orientate buttons to the right of the screen where possible
	**		**At all times a minimal of touches/clicks should lead to the most common tasks
			**All tasks must be obviously categorized
			**Single column view is meant to be minimalistic and geared largely towards content consumption and not so much creation, although this should be made simple (guidelines to come).
	*See [http://i.imgur.com/WVDZiAy.png This Sketch] and refer to the below for details.		*See [http://i.imgur.com/WVDZiAy.png This Sketch] and refer to the below for details.
	**A - Username / Login option should be a tap/pull down with the usual log in/log out and viewing preferences. In small devices this can be iconified, but the menu may occupy the entire screen if required.		**A - Username / Login option should be a tap/pull down with the usual log in/log out and viewing preferences. In small devices this can be iconified, but the menu may occupy the entire screen if required.

Mrbluze: /* Single Column Format */

2014-03-06T02:40:50Z

Single Column Format

← Older revision		Revision as of 02:40, 6 March 2014
Line 6:		Line 6:
	**		**
	*See [http://i.imgur.com/WVDZiAy.png This Sketch] and refer to the below for details.		*See [http://i.imgur.com/WVDZiAy.png This Sketch] and refer to the below for details.
	**A - Username / Login option should be a tap/pull down with the usual log in/log out preferences. In small devices this can be iconified, but the menu may occupy the entire screen if required.		**A - Username / Login option should be a tap/pull down with the usual log in/log out and viewing preferences. In small devices this can be iconified, but the menu may occupy the entire screen if required.
	**B - Topic Bar - should ~~consist~~ of		**B - Topic Bar - should be the topic group currently being viewed eg: "Technology" or "All Stories". Tapping this should bring down a pull down list of topics for selection.
			**D - Website Logo - tapping this should return to home page, it can also pull down a list of links to other major areas.
			**E - Read More and other buttons - positioned to the right. They need to be at least 1cm tall and 1cm wide so that a finger can touch the button easily.
			**F - Article Body - text needs to be 11 point equivalent minimum. Use em to be device independent if need be, but it's possible that experimentation will be required. Typographic and text layout guidelines are described elsewhere.
			**G - Bottom of page needs to indicate that there is "more" below .. one way is to fade window contents to background color, or to black, to indicate that there is more to be found below.
			**H - Story Icons - Clicking these should do something, possibly changing the story view category?

Mrbluze: Created page with "==Single Column Format== This format is ideal for hand-held devices (all sizes) which are typically held in the portrait orientation. Principles are: **No functional elemen..."

2014-03-06T02:35:37Z

Created page with "==Single Column Format== *This format is ideal for hand-held devices (all sizes) which are typically held in the portrait orientation. *Principles are: **No functional elemen..."

New page

==Single Column Format==
*This format is ideal for hand-held devices (all sizes) which are typically held in the portrait orientation.
*Principles are:
**No functional elements should appear along the bottom of the screen
**Most users are right handed therefore orientate buttons to the right of the screen where possible
**
*See [http://i.imgur.com/WVDZiAy.png This Sketch] and refer to the below for details.
**A - Username / Login option should be a tap/pull down with the usual log in/log out preferences. In small devices this can be iconified, but the menu may occupy the entire screen if required.
**B - Topic Bar - should consist of

MobileDesign - Revision history

Mrcoolbp: Mrcoolbp moved page Style:UI Design to MobileDesign: Page was improperly titled

FunPika: added Category:User experience using HotCat

Mrbluze: /* Single Column Format */

Mrbluze: /* Single Column Format */

Mrbluze: Created page with "==Single Column Format== *This format is ideal for hand-held devices (all sizes) which are typically held in the portrait orientation. *Principles are: **No functional elemen..."

Mrbluze: Created page with "==Single Column Format== This format is ideal for hand-held devices (all sizes) which are typically held in the portrait orientation. Principles are: **No functional elemen..."