hcard-input-interface: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(use "web address" instead of "URL" citation: nytimes)
Line 30: Line 30:


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).


=== web address candidates ===
=== web address candidates ===
Line 38: Line 40:
* dwerner@example.com - email address profile via gravatar
* dwerner@example.com - email address profile via gravatar
* ...
* ...
=== profile settings ===
Once a user has done the sign-up step and entered their web address


=== implementation steps ===
=== implementation steps ===

Revision as of 01:41, 26 July 2009

<entry-title>hCard Input Interface and hCard sign-up UI</entry-title>

One of several projects at microformatsDevCamp.

summary

The goal here is to create a radically minimal signup process, utilizing hCards. Interface will use hCard information retrieved form a user’s “web-address” to populate fields needed for signup.

hCard Input Interface

  • Build a nice clean UI for filling in an hCard's info

hCard sign-up UI

  • How can we make it even easier to sign-up on a website using hCards?
  • How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

participants

  • Chad Weider
  • Tantek Çelik
  • Faruk Ateş
  • Cindy Li
  • Hillary Hartley
  • Duncan

white board notes

cool.example.com

web address: |____________________|

(Sign up)

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: Tech Terms to Avoid. And certainly avoid anything even more tech-jargony (like OpenID).

web address candidates

  • http://tantek.com - full personal URL which has an hcard
  • facebook.com/hillary - facebook, omit "http://"
  • @perivision - twitter
  • google.com/profile/hillary - google profile, omit http:
  • dwerner@example.com - email address profile via gravatar
  • ...

profile settings

Once a user has done the sign-up step and entered their web address

implementation steps

Back-end:

  • Get target URL
  • Fetch content
  • Parse; generate hCard
  • Return hCard

Front-end:

  • Input target URL
  • Goes to back-end
  • Populates Form

related topics

see also