hcard-input-interface - Revision history

Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:26:29Z

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

← Older revision		Revision as of 16:26, 18 July 2020
Line 1:		Line 1:
	~~<entry-title>~~hCard Input Interface and hCard sign-up UI~~</entry-title>~~		{{DISPLAYTITLE:hCard Input Interface and hCard sign-up UI}}

	One of several [http://tr.im/ufps projects] at [[events/2009-07-25-dev-camp\|microformatsDevCamp]].		One of several [http://tr.im/ufps projects] at [[events/2009-07-25-dev-camp\|microformatsDevCamp]].

Tantek: /* white board notes */ note that mention of jargon should be avoided in the UI, perhaps better in an about page in the context of explaining user benefits of open web standards technologies support

2009-07-27T19:23:08Z

white board notes: note that mention of jargon should be avoided in the UI, perhaps better in an about page in the context of explaining user benefits of open web standards technologies support

← Older revision		Revision as of 19:23, 27 July 2009
Line 31:		Line 31:
	where people can enter anything web address like into the one field		where people can enter anything web address like into the one field

	We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.		We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid mentioning anything even more tech-jargony (like "hCard" or "OpenID") in the UI - perhaps it's better to mention specifics like that on an "about" page with a list of open web standards technologies, how they benefit the user of the site etc.

			In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.

	[http://www.flickr.com/photos/kurafire/3756770391 http://farm3.static.flickr.com/2447/3756770391_f5d18c81cd.jpg]		[http://www.flickr.com/photos/kurafire/3756770391 http://farm3.static.flickr.com/2447/3756770391_f5d18c81cd.jpg]

KuraFire: /* implementation steps */

2009-07-27T00:22:26Z

implementation steps

← Older revision		Revision as of 00:22, 27 July 2009
Line 88:		Line 88:
	* Populates Form		* Populates Form

	~~Functional web~~ address parser ~~(WIP)~~:		Web address parser:
	* [http://oneseven.org/sample By Duncan Werner]		* [http://oneseven.org/sample Functional work-in-progress parser, by Duncan Werner]

	Work In Progress UI:		Work In Progress UI:

KuraFire: Added link to Duncan's sample page

2009-07-27T00:21:43Z

Added link to Duncan's sample page

← Older revision		Revision as of 00:21, 27 July 2009
Line 87:		Line 87:
	* Goes to back-end		* Goes to back-end
	* Populates Form		* Populates Form

			Functional web address parser (WIP):
			* [http://oneseven.org/sample By Duncan Werner]

	Work In Progress UI:		Work In Progress UI:

Tantek: note wireframe inline with whiteboard notes, note rotation of hint text idea, fix see also

2009-07-26T11:01:27Z

note wireframe inline with whiteboard notes, note rotation of hint text idea, fix see also

← Older revision		Revision as of 11:01, 26 July 2009
Line 42:		Line 42:
	* dwerner@example.com - email address profile via gravatar		* dwerner@example.com - email address profile via gravatar
	* ...		* ...

			perhaps provide (rotating examples of) hint text just below the "web address" input field. clicking on the hint text can stop the rotation and auto-fill the "web address" input field with the specific example web address from the hint text.

	=== profile settings ===		=== profile settings ===
Line 54:		Line 56:

	etc.		etc.

			early wireframe:
			[http://flic.kr/p/6HUhce http://farm4.static.flickr.com/3515/3755960475_d228e2ee1b.jpg]

	a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:		a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:
Line 82:		Line 87:
	* Goes to back-end		* Goes to back-end
	* Populates Form		* Populates Form

	~~Wireframe:~~
	* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

	Work In Progress UI:		Work In Progress UI:
Line 95:		Line 97:
	* [[hcard]]		* [[hcard]]
	* [[hcard-user-interface]]		* [[hcard-user-interface]]
	* [[~~profile~~-~~uri~~-~~examples~~-in-~~wild~~]]		* [[hcard-input]]
			* [[hcard-supporting-user-profiles]]

Tantek: /* white board notes */ whiteboard photo

2009-07-26T10:43:10Z

white board notes: whiteboard photo

← Older revision		Revision as of 10:43, 26 July 2009
Line 32:		Line 32:

	We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.		We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.

			[http://www.flickr.com/photos/kurafire/3756770391 http://farm3.static.flickr.com/2447/3756770391_f5d18c81cd.jpg]

	=== web address candidates ===		=== web address candidates ===

Tantek: hCard participants, note principle to avoid design pollution from "pipe" technology logos

2009-07-26T10:36:39Z

hCard participants, note principle to avoid design pollution from "pipe" technology logos

← Older revision		Revision as of 10:36, 26 July 2009
Line 14:		Line 14:

	== participants ==		== participants ==
	* Chad Weider		* <span class="vcard><span class="fn">Chad Weider</span></span>
	* Tantek Çelik		* <span class="vcard><span class="fn">Tantek Çelik</span></span>
	* Faruk Ateş		* <span class="vcard><span class="fn">Faruk Ateş</span></span>
	* Cindy Li		* <span class="vcard><span class="fn">Cindy Li</span></span>
	* Hillary Hartley		* <span class="vcard><span class="fn">Hillary Hartley</span></span>
	* Duncan Werner		* <span class="vcard><span class="fn">Duncan Werner</span></span>



	== white board notes ==		== white board notes ==
Line 33:		Line 31:
	where people can enter anything web address like into the one field		where people can enter anything web address like into the one field

	We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).		We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.

	=== web address candidates ===		=== web address candidates ===

KuraFire: Gave the link a name

2009-07-26T05:57:44Z

Gave the link a name

← Older revision		Revision as of 05:57, 26 July 2009
Line 87:		Line 87:

	Work In Progress UI:		Work In Progress UI:
	* [http://files.farukat.es/code/hcard-signup/]		* [http://files.farukat.es/code/hcard-signup/ SampleSignup.com ongoing development]

	== related topics ==		== related topics ==

KuraFire: Added Work In Progress

2009-07-26T05:56:49Z

Added Work In Progress

← Older revision		Revision as of 05:56, 26 July 2009
Line 85:		Line 85:
	Wireframe:		Wireframe:
	* [http://flic.kr/p/6HUhce early wireframe] (at flickr)		* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

			Work In Progress UI:
			* [http://files.farukat.es/code/hcard-signup/]

	== related topics ==		== related topics ==

KuraFire: Removed section

2009-07-26T04:35:33Z

Removed section

← Older revision		Revision as of 04:35, 26 July 2009
Line 21:		Line 21:
	* Duncan Werner		* Duncan Werner

	~~== UI SampleSignup.com ==~~
	~~[[Media:index.html]]~~

	== white board notes ==		== white board notes ==