user-interface - Revision history

Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:33:29Z

Replace <entry-title> with {{DISPLAYTITLE:}}

← Older revision		Revision as of 16:33, 18 July 2020
Line 1:		Line 1:
	~~<entry-title>~~ User Interface ~~</entry-title>~~		{{DISPLAYTITLE: User Interface }}

	There have been many really good user interface ideas and suggestions for working with microformats. This page collects and document them so that we may be inspired by and iterate on each others' works.		There have been many really good user interface ideas and suggestions for working with microformats. This page collects and document them so that we may be inspired by and iterate on each others' works.

Coolone: /* Planning and Discussion */

2017-03-07T16:55:22Z

Planning and Discussion

← Older revision		Revision as of 16:55, 7 March 2017
Line 131:		Line 131:
	*[http://wiki.mozilla.org/Microformats/UE/ideas UI brainstorming on the Mozilla Wiki]		*[http://wiki.mozilla.org/Microformats/UE/ideas UI brainstorming on the Mozilla Wiki]
	* The [http://wiki.caminobrowser.org/Development:Planning:Microformats Camino Wiki has a page] where future microformats support is being discussed and organized		* The [http://wiki.caminobrowser.org/Development:Planning:Microformats Camino Wiki has a page] where future microformats support is being discussed and organized
			*[http://www.techved.com/user-research-evaluation/usability-test Usability testing]

	== Simpler Markup Languages ==		== Simpler Markup Languages ==

Tantek: Reverted edits by Johnread (Talk) to last version by ChristopheDucamp

2016-01-26T15:43:49Z

Reverted edits by Johnread (Talk) to last version by ChristopheDucamp

← Older revision		Revision as of 15:43, 26 January 2016
Line 143:		Line 143:
	* [[browsers]]		* [[browsers]]
	* [[mobile]]		* [[mobile]]
	* [http://www.cygnismedia.com/mobile-phone-application/ipad-application.html iPad apps developer]
	* [[hcard-user-interface]]		* [[hcard-user-interface]]
	* [[data-portability]]		* [[data-portability]]
	* [[social-network-portability]]		* [[social-network-portability]]

Johnread: /* See Also */

2016-01-26T10:26:37Z

ChristopheDucamp: Reverted edits by I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST ([[User talk:I MADE THOUSANDS OF ACCOUNTS IN MICROF

2013-09-22T11:28:45Z

Reverted edits by I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST ([[User talk:I MADE THOUSANDS OF ACCOUNTS IN MICROF

Show changes

I MADE THOUSANDS OF ACCOUNTS IN MICROFORMATS WIKI GO TO CHECK OUT THE USER LIST at 04:08, 22 September 2013

2013-09-22T04:08:56Z

Show changes

Tantek: f.t/e to h.c/i

2012-05-17T05:37:21Z

f.t/e to h.c/i

← Older revision		Revision as of 05:37, 17 May 2012
Line 76:		Line 76:
	** "Add to Calendar" (convert the hCalendar events to iCalendar vEvents (.ics) and pass them onto the OS to automatically open/incorporate into the user's preferred local calendaring application).		** "Add to Calendar" (convert the hCalendar events to iCalendar vEvents (.ics) and pass them onto the OS to automatically open/incorporate into the user's preferred local calendaring application).
	** add to gCalendar, Yahoo Calendar, Upcoming, Eventful (etc.)		** add to gCalendar, Yahoo Calendar, Upcoming, Eventful (etc.)
	** "Subscribe to Calendar" - construct and pass on a conversion URL (e.g. using X2V, or prefixing the URL to the current page (or to the specific event within using a fragment identifier) with webcal://~~feeds.technorati~~.com/~~events~~/ ) and pass it onto the OS to get the OS to pass the URL onto the user's preferred local calendaring application for that app to subscribe to.		** "Subscribe to Calendar" - construct and pass on a conversion URL (e.g. using X2V, or prefixing the URL to the current page (or to the specific event within using a fragment identifier) with webcal://h2vx.com/ics/ ) and pass it onto the OS to get the OS to pass the URL onto the user's preferred local calendaring application for that app to subscribe to.
	** export as text/ [[csv\|comma-separated-values]] (CSV) to allow editing, sorting and/ or import into spreadsheets/ databases, etc. (or concatenate to existing file).		** export as text/ [[csv\|comma-separated-values]] (CSV) to allow editing, sorting and/ or import into spreadsheets/ databases, etc. (or concatenate to existing file).
	*[[adr]]		*[[adr]]

Tantek: Reverted edits by Sigit18 (Talk) to last version by Tantek

2012-01-28T18:12:48Z

Reverted edits by Sigit18 (Talk) to last version by Tantek

← Older revision		Revision as of 18:12, 28 January 2012
Line 6:		Line 6:
	These are some suggested design guidelines for Web designers and developers by [http://blog.mozilla.com/faaborg/ Alex Faaborg], a user experience designer at Mozilla:		These are some suggested design guidelines for Web designers and developers by [http://blog.mozilla.com/faaborg/ Alex Faaborg], a user experience designer at Mozilla:
	*Design based on actions, not data. A button that says "Send to Calendar" is considerably more useable than a green button that simply says "hCalendar"		*Design based on actions, not data. A button that says "Send to Calendar" is considerably more useable than a green button that simply says "hCalendar"
	*Use iconic images instead of acronyms.~~[http://grosir-tas-murah.com/ grosir tas murah]~~ In addition to being more descriptive, they localize better. Here are some I've been showing in various talks: [http://people.mozilla.com/~faaborg/files/20061213-fundamentalTypes/fundamentalTypesStatic.jpg_large.jpg microformat icons]. These are still very preliminary. Mozilla will likely release all of the source artwork for our microformat icons under a creative commons license around the launch of Firefox 3. This will enable Web designers to integrate the icons into their sites, and other Web browsers can consider using a similar set of icons.		*Use iconic images instead of acronyms. In addition to being more descriptive, they localize better. Here are some I've been showing in various talks: [http://people.mozilla.com/~faaborg/files/20061213-fundamentalTypes/fundamentalTypesStatic.jpg_large.jpg microformat icons]. These are still very preliminary. Mozilla will likely release all of the source artwork for our microformat icons under a creative commons license around the launch of Firefox 3. This will enable Web designers to integrate the icons into their sites, and other Web browsers can consider using a similar set of icons.

	== Design Challenges ==		== Design Challenges ==

Sigit18: /* Design Guidelines */

2012-01-28T14:34:34Z

Design Guidelines

← Older revision		Revision as of 14:34, 28 January 2012
Line 6:		Line 6:
	These are some suggested design guidelines for Web designers and developers by [http://blog.mozilla.com/faaborg/ Alex Faaborg], a user experience designer at Mozilla:		These are some suggested design guidelines for Web designers and developers by [http://blog.mozilla.com/faaborg/ Alex Faaborg], a user experience designer at Mozilla:
	*Design based on actions, not data. A button that says "Send to Calendar" is considerably more useable than a green button that simply says "hCalendar"		*Design based on actions, not data. A button that says "Send to Calendar" is considerably more useable than a green button that simply says "hCalendar"
	*Use iconic images instead of acronyms. In addition to being more descriptive, they localize better. Here are some I've been showing in various talks: [http://people.mozilla.com/~faaborg/files/20061213-fundamentalTypes/fundamentalTypesStatic.jpg_large.jpg microformat icons]. These are still very preliminary. Mozilla will likely release all of the source artwork for our microformat icons under a creative commons license around the launch of Firefox 3. This will enable Web designers to integrate the icons into their sites, and other Web browsers can consider using a similar set of icons.		*Use iconic images instead of acronyms.[http://grosir-tas-murah.com/ grosir tas murah] In addition to being more descriptive, they localize better. Here are some I've been showing in various talks: [http://people.mozilla.com/~faaborg/files/20061213-fundamentalTypes/fundamentalTypesStatic.jpg_large.jpg microformat icons]. These are still very preliminary. Mozilla will likely release all of the source artwork for our microformat icons under a creative commons license around the launch of Firefox 3. This will enable Web designers to integrate the icons into their sites, and other Web browsers can consider using a similar set of icons.

	== Design Challenges ==		== Design Challenges ==

Tantek: entry-title, auto-toc, editorial

2011-12-08T21:35:06Z

entry-title, auto-toc, editorial

← Older revision		Revision as of 21:35, 8 December 2011
Line 1:		Line 1:
	<h1> User Interface </h1>		<entry-title> User Interface </entry-title>
	~~{{TOC-right}}~~
	~~Recently there~~ have been many really good user interface ideas and suggestions for working with microformats. This page ~~serves to collect~~ and document them so that we may be inspired by and iterate on each others' works.		There have been many really good user interface ideas and suggestions for working with microformats. This page collects and document them so that we may be inspired by and iterate on each others' works.

	== Design Guidelines ==		== Design Guidelines ==

← Older revision		Revision as of 10:26, 26 January 2016
Line 143:		Line 143:
	* [[browsers]]		* [[browsers]]
	* [[mobile]]		* [[mobile]]
			* [http://www.cygnismedia.com/mobile-phone-application/ipad-application.html iPad apps developer]
	* [[hcard-user-interface]]		* [[hcard-user-interface]]
	* [[data-portability]]		* [[data-portability]]
	* [[social-network-portability]]		* [[social-network-portability]]