<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: Microformats - Part 4: The User Interface of Microformat Detection</title>
	<atom:link href="http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/</link>
	<description>User Experience Design at Mozilla</description>
	<pubDate>Sun, 20 Jul 2008 20:35:35 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
		<item>
		<title>By: kobold</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-26257</link>
		<dc:creator>kobold</dc:creator>
		<pubDate>Sun, 30 Dec 2007 12:04:34 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-26257</guid>
		<description>&#60;a href="tel:650-961-966"&#62;(650) 961-966&#60;/a&#62;

&#60;a href="loaction:90_N_0_E"&#62;North Pole&#60;/a&#62;

You do not need this microformats. You need this URIs.</description>
		<content:encoded><![CDATA[<p>&lt;a href=&#8221;tel:650-961-966&#8243;&gt;(650) 961-966&lt;/a&gt;</p>
<p>&lt;a href=&#8221;loaction:90_N_0_E&#8221;&gt;North Pole&lt;/a&gt;</p>
<p>You do not need this microformats. You need this URIs.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Manfred Jonson</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-26256</link>
		<dc:creator>Manfred Jonson</dc:creator>
		<pubDate>Sun, 30 Dec 2007 11:58:04 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-26256</guid>
		<description>&lt;strong&gt;I hate Applications names, really. I want a clean apt icon, not a silly application icon. Thanks.&lt;/strong&gt;</description>
		<content:encoded><![CDATA[<p><strong>I hate Applications names, really. I want a clean apt icon, not a silly application icon. Thanks.</strong></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andy L</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-19432</link>
		<dc:creator>Andy L</dc:creator>
		<pubDate>Fri, 09 Nov 2007 00:09:41 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-19432</guid>
		<description>I really love Dimitri Glazkov's Margin Marks idea, linked in  post 26.  I wonder, however, if there is a feasible way to merge his idea with the scroll bar.  To preserve the functionality of the scrollbar, the "margin mark" would probably have to jut out from the scroll bar rather than span it.  

I also think that perhaps just the tip of the margin mark should jut out from the scrollbar to indicate that there is microformatted content there, and when you hover the mouse in the area near the margin mark, the margin marks expand to show the icons and the numbers as you have mockup.  The reason I suggest this is so that the margin marks are even less intrusive, but are reactive, so that you can interact with them when you need to.      

Some Pros:  
-  This would mean even less screen-size impact than adding another margin or toolbar;
-  The scrolling properties of Dmitri's idea are already intuitively linked to that segment of the browser;
-  Offscreen microformat content that is can be represented by a small pip or marker on the scrollbar.  This would alert the user to the fact that there is microformatted content in a separate area of a large page; 

Problems:
-  The scrollbar may be a fundamental institution that you just don't want to mess with;
-  This would potentially complicate a vital control feature.  As it is, most people don't have to take their eyes off the content to operate the scroll bar.  Adding this feature would almost certainly cause unwanted results from mouseclicks that miss their mark.

I wish I had the graphic design skills to make a mock-up myself.

-Andy L</description>
		<content:encoded><![CDATA[<p>I really love Dimitri Glazkov&#8217;s Margin Marks idea, linked in  post 26.  I wonder, however, if there is a feasible way to merge his idea with the scroll bar.  To preserve the functionality of the scrollbar, the &#8220;margin mark&#8221; would probably have to jut out from the scroll bar rather than span it.  </p>
<p>I also think that perhaps just the tip of the margin mark should jut out from the scrollbar to indicate that there is microformatted content there, and when you hover the mouse in the area near the margin mark, the margin marks expand to show the icons and the numbers as you have mockup.  The reason I suggest this is so that the margin marks are even less intrusive, but are reactive, so that you can interact with them when you need to.      </p>
<p>Some Pros:<br />
-  This would mean even less screen-size impact than adding another margin or toolbar;<br />
-  The scrolling properties of Dmitri&#8217;s idea are already intuitively linked to that segment of the browser;<br />
-  Offscreen microformat content that is can be represented by a small pip or marker on the scrollbar.  This would alert the user to the fact that there is microformatted content in a separate area of a large page; </p>
<p>Problems:<br />
-  The scrollbar may be a fundamental institution that you just don&#8217;t want to mess with;<br />
-  This would potentially complicate a vital control feature.  As it is, most people don&#8217;t have to take their eyes off the content to operate the scroll bar.  Adding this feature would almost certainly cause unwanted results from mouseclicks that miss their mark.</p>
<p>I wish I had the graphic design skills to make a mock-up myself.</p>
<p>-Andy L</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tommy Vernieri</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-19240</link>
		<dc:creator>Tommy Vernieri</dc:creator>
		<pubDate>Thu, 08 Nov 2007 03:07:50 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-19240</guid>
		<description>I think that Dimitri Glazkov hit the nail on the head with his Margin Marks mockups.

http://glazkov.com/blog/margin-marks/

http://flickr.com/photos/dglazkov/sets/72157601860335196/</description>
		<content:encoded><![CDATA[<p>I think that Dimitri Glazkov hit the nail on the head with his Margin Marks mockups.</p>
<p><a href="http://glazkov.com/blog/margin-marks/" rel="nofollow">http://glazkov.com/blog/margin-marks/</a></p>
<p><a href="http://flickr.com/photos/dglazkov/sets/72157601860335196/" rel="nofollow">http://flickr.com/photos/dglazkov/sets/72157601860335196/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: MovGP0</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-7661</link>
		<dc:creator>MovGP0</dc:creator>
		<pubDate>Thu, 28 Jun 2007 09:25:37 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-7661</guid>
		<description>&lt;b&gt;Toolbar&lt;/b&gt;
I really like the idea of the tabbed-navigation-toolbar and the idea with the icon in the location bar next to the feed-icon. 

The later might get easier to implement, because in the current implementation the navigation toolbar might not be on the top.
Maybe an additional toolbar like Operator uses might work better for this reason. 

&lt;b&gt;Sidebar&lt;/b&gt;
The sidebar ideas should get realised additionally, but not exclusive. 
The idea with the subsections is really great. 

&lt;b&gt;Content Plane&lt;/b&gt;
Highlighting in the content plane is dangerous, bacause it might break bad page designs. Highlighting should only work when requested by the user. Also the highlighting-style might get controlled by a propritary firefox-spefific stylesheet. 

For the content plane I prefer the Contextual Menu, because its small  (and thus less intrusive) and easy to extend with new microformats. 

&lt;b&gt;Icon&lt;/b&gt;
For reasons of pretty design I would avoid the plus-icon of the Operator plugin and use the microformats.org logo instead. 

&lt;b&gt;Recusrsive Microformats&lt;/b&gt;
Also be aware that microformats might be recursive. Thus, a single 'hcard' might include a calendar with multiple events, and multiple 'adr' addresses and 'geo' locations (each event, work, home, etc.). 

A good microformat design has to respect this fact, but the operator and tails extensions doesn't do so. A Tree-Menu will be better suited for this.</description>
		<content:encoded><![CDATA[<p><b>Toolbar</b><br />
I really like the idea of the tabbed-navigation-toolbar and the idea with the icon in the location bar next to the feed-icon. </p>
<p>The later might get easier to implement, because in the current implementation the navigation toolbar might not be on the top.<br />
Maybe an additional toolbar like Operator uses might work better for this reason. </p>
<p><b>Sidebar</b><br />
The sidebar ideas should get realised additionally, but not exclusive.<br />
The idea with the subsections is really great. </p>
<p><b>Content Plane</b><br />
Highlighting in the content plane is dangerous, bacause it might break bad page designs. Highlighting should only work when requested by the user. Also the highlighting-style might get controlled by a propritary firefox-spefific stylesheet. </p>
<p>For the content plane I prefer the Contextual Menu, because its small  (and thus less intrusive) and easy to extend with new microformats. </p>
<p><b>Icon</b><br />
For reasons of pretty design I would avoid the plus-icon of the Operator plugin and use the microformats.org logo instead. </p>
<p><b>Recusrsive Microformats</b><br />
Also be aware that microformats might be recursive. Thus, a single &#8216;hcard&#8217; might include a calendar with multiple events, and multiple &#8216;adr&#8217; addresses and &#8216;geo&#8217; locations (each event, work, home, etc.). </p>
<p>A good microformat design has to respect this fact, but the operator and tails extensions doesn&#8217;t do so. A Tree-Menu will be better suited for this.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: unyou</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-6047</link>
		<dc:creator>unyou</dc:creator>
		<pubDate>Tue, 05 Jun 2007 08:58:22 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-6047</guid>
		<description>"I agree that we should avoid turning the location bar into a Windows systray like dumping ground for icons."

Too late! Such a dumping ground for information that Mozilla is trying to defend it by stripping favicons. Tsk tsk terrible UI design</description>
		<content:encoded><![CDATA[<p>&#8220;I agree that we should avoid turning the location bar into a Windows systray like dumping ground for icons.&#8221;</p>
<p>Too late! Such a dumping ground for information that Mozilla is trying to defend it by stripping favicons. Tsk tsk terrible UI design</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Aaron Strontsman</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-5989</link>
		<dc:creator>Aaron Strontsman</dc:creator>
		<pubDate>Mon, 04 Jun 2007 17:05:51 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-5989</guid>
		<description>Oh, and it may even allow automated real-world spam.</description>
		<content:encoded><![CDATA[<p>Oh, and it may even allow automated real-world spam.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Aaron Strontsman</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-5988</link>
		<dc:creator>Aaron Strontsman</dc:creator>
		<pubDate>Mon, 04 Jun 2007 17:03:32 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-5988</guid>
		<description>Well, I'd prefer some kind of tiny sidebar (with a width of about 16px + a natively-styled edge) that floats icons next where microformats are detected.

I know this questions must have been asked before: but won't it be a lot easier to gather personal information on the web via microformats? And because personal informations are stored in the h-Card format, spam bots would even get pre-formatted information, so that they could address with your real name. Google might introduce an address search using microformats.
I think that sounds scary, it's like making the web a better and worse place at the same moment.</description>
		<content:encoded><![CDATA[<p>Well, I&#8217;d prefer some kind of tiny sidebar (with a width of about 16px + a natively-styled edge) that floats icons next where microformats are detected.</p>
<p>I know this questions must have been asked before: but won&#8217;t it be a lot easier to gather personal information on the web via microformats? And because personal informations are stored in the h-Card format, spam bots would even get pre-formatted information, so that they could address with your real name. Google might introduce an address search using microformats.<br />
I think that sounds scary, it&#8217;s like making the web a better and worse place at the same moment.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dustin Beltramo</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-2597</link>
		<dc:creator>Dustin Beltramo</dc:creator>
		<pubDate>Fri, 06 Apr 2007 00:55:11 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-2597</guid>
		<description>A suggestion on the UI considerations.

Why not follow a paradigm similar to the RSS feed detection in FF and Safari? I have a pretty strong opinion that the UI for displaying microformat actions should not be displayed by default; it should act similar to OS X's dashboard and appear when summoned by the user. To get around the problem of users having to guess when microformat content is present, just display a little glyph on whatever affordance you provide to toggle the microformat "heads-up" display on and off. 

So, let's say there's a button in the toolbar or address bar that lets users toggle the heads-up display on and off. When a web page containing microformat content is displayed, some icon or glyph could be added to this button to indicate the presence of that content. The user could then click on it to see the heads-up display with highlighted areas and application icons. Click outside a highlighted area or on the toggle button to turn the heads-up display off.

This way, users don't have to guess. They don't have to waggle their mouse over likely info on the page -- the browser tells them when there's something worth looking at.

You could still allow web designers to customize the heads-up display. But this way, the microformat heads-up display is discoverable without cluttering up the visual design of the page. And you're leveraging an already learned behavior introduced with RSS feed detection.

Anyway, great work, I'm looking forward to seeing this evolve and ultimately implemented. I love it.</description>
		<content:encoded><![CDATA[<p>A suggestion on the UI considerations.</p>
<p>Why not follow a paradigm similar to the RSS feed detection in FF and Safari? I have a pretty strong opinion that the UI for displaying microformat actions should not be displayed by default; it should act similar to OS X&#8217;s dashboard and appear when summoned by the user. To get around the problem of users having to guess when microformat content is present, just display a little glyph on whatever affordance you provide to toggle the microformat &#8220;heads-up&#8221; display on and off. </p>
<p>So, let&#8217;s say there&#8217;s a button in the toolbar or address bar that lets users toggle the heads-up display on and off. When a web page containing microformat content is displayed, some icon or glyph could be added to this button to indicate the presence of that content. The user could then click on it to see the heads-up display with highlighted areas and application icons. Click outside a highlighted area or on the toggle button to turn the heads-up display off.</p>
<p>This way, users don&#8217;t have to guess. They don&#8217;t have to waggle their mouse over likely info on the page &#8212; the browser tells them when there&#8217;s something worth looking at.</p>
<p>You could still allow web designers to customize the heads-up display. But this way, the microformat heads-up display is discoverable without cluttering up the visual design of the page. And you&#8217;re leveraging an already learned behavior introduced with RSS feed detection.</p>
<p>Anyway, great work, I&#8217;m looking forward to seeing this evolve and ultimately implemented. I love it.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: lucmars</title>
		<link>http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-1728</link>
		<dc:creator>lucmars</dc:creator>
		<pubDate>Wed, 21 Mar 2007 18:44:41 +0000</pubDate>
		<guid isPermaLink="false">http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/#comment-1728</guid>
		<description>Why not changing the appearance of the cursor like when one points a link?
Over a microformat, the cursor change and a right-click gives the access to the operators.
By pressing a key (control or else), one inhibits the microformat tag, hence one can select the context as text.
This behaviour is nowadays widely known and that doesn't clutter the design.</description>
		<content:encoded><![CDATA[<p>Why not changing the appearance of the cursor like when one points a link?<br />
Over a microformat, the cursor change and a right-click gives the access to the operators.<br />
By pressing a key (control or else), one inhibits the microformat tag, hence one can select the context as text.<br />
This behaviour is nowadays widely known and that doesn&#8217;t clutter the design.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
