Activate your free membership today | Log-in

Friday, October 9th, 2009

Making HTML5 Microdata Usable

Category: HTML

This is really awesome; I’ve long thought that applying usability studies to APIs like we do for user-interfaces can yield real results and make development easier.

whatwg

The HTML5 spec recently had something called microdata added to it. The idea behind microdata is to allow HTML to be annotated with machine-readable data.

A natural question is whether developers can actually use microdata in practice and understand it. On the WhatWG blog Ian Hickson writes about usability work Google has been doing around the HTML5 microdata proposal.

We first created three different variants based on the original microdata proposal:

  1. One based on what the spec said (documentation)
  2. One trying to put types in an explicit itemtype="" attribute and moving “about” to item="", and replacing itemfor="" with just having multiple item=""s with the same name (documentation)
  3. One trying to remove types altogether and using item as a boolean attribute. (documentation)

Each of the tests involved having participants read the documentation and try out various examples, comparing and contrasting the approaches to see how developers responded.

3720663276_df81d4b1b4_m

http://www.flickr.com/photos/gsfc/ / CC BY 2.0

The conclusions are basically that the attribute name ‘about’ should be replaced with ‘itemid’; that participants were comfortable with the idea of types, renaming ‘item’ to ‘itemtype’; and that people were confused by the idea of scoping requiring some small changes there. Another result is that people don’t have any problems dealing with URLs as property names, and that the length due to using URLs didn’t bother people.

The blog post doesn’t have it, but it would be nice to have a final sample that incorporates all the changes to show everything.

3649985674_dd0f762b24_m

Micro(Data) – Get it? Haha
http://www.flickr.com/photos/tensafefrogs/ / CC BY 2.0
[Disclosure: I work for Google]

Posted by Brad Neuberg at 7:30 am
4 Comments

++---
2.3 rating from 15 votes

4 Comments »

Comments feed TrackBack URI

Microdata links are broken.

Comment by BertrandLeRoy — October 9, 2009

The final sample is what the spec says. :-)

Actually variant 4 is pretty close to what the spec says (it’s what we tested with the last two participants).

Hope this helps.

Comment by Hixie — October 9, 2009

GH337, as a digital mobile phone, empire wedding dresseswhether it is performance or other aspects are much better than the analog phones could also say that empire waist wedding dresseswas the fashion trend.Ericsson T68: the first color screen mobile phone Ericsson T68 was launched in the finalstrappless empire waist wedding dresses of a cell phone, but also a location in the high-end mobile phones, evening formal dressesit is the emergence of the mobile phone world has become Behind colorful.Ericsson GH398: Custom ring tones plus size evening dressescan be the first mobile phone Ericsson has brought unconventional way this could be composing cheap flower girl dresses ringtones GH398,Unfortunately, mobilephones have not yet popular in that era, which ended in failure.Ericsson T39mc: wedding dressthe first built-in Bluetooth-enabled mobile phone August 2001 Ericsson released the world’s first built-in Bluetooth chip for mobile phones T39mc,Empire Halter Satin WeddingDresswhich is Ericsson’s first tri-band GSM and GPRS high-speed Internet-ready phones.Ericsson R250 PRO: the first three anti-cell phonewedding dressR250 PRO is the first with a waterproof,Empire Halter Chiffon Wedding Dress shockproof, dust-proof function of the “three defenses” outdoor-type mobile phone. It is in the third quarter of 1999 to the market.

Comment by wuwei — November 9, 2009

Hey that was a really nice post… I work in a website designing company and appreciate it a lot…

Comment by AanaP — December 1, 2009

Leave a comment

You must be logged in to post a comment.