user-interface

(Difference between revisions)

Jump to: navigation, search
(Additional user interface: export adr as (partial) vCard; + more)
(Browser Integration)
Line 21: Line 21:
=== Currently ===
=== Currently ===
* <del>The [[Flock]] browser ships with microformats support built-in.</del> - This has not been confirmed. -- Chris Messina.
* <del>The [[Flock]] browser ships with microformats support built-in.</del> - This has not been confirmed. -- Chris Messina.
-
* The [[Operator]] plug-in adds microformats detection and integration to [[Firefox]] version 1.5-2, and [[Netscape Navigator]] versions 9+ <br /> [http://notizblog.org/2007/10/21/operator-unter-navigator-90/ http://notizblog.org/wp-content/uploads/2007/10/micro-netscape.png]
+
* The [[Operator]] plug-in adds microformats detection and integration to [[Firefox]] version 1.5-2, [[Netscape Navigator]] versions 9+ and [[Flock]] 1.0+<br /> [http://notizblog.org/2007/10/21/operator-unter-navigator-90/ http://notizblog.org/wp-content/uploads/2007/10/micro-netscape.png]
* A [[Safari|Safari microformats plugin]] has been implemented (requires OSX10.5+) based on Jon Hicks's mockup: <br /> [http://microformats.org/wiki/safari http://farm3.static.flickr.com/2309/2036669631_6e99870645.jpg]
* A [[Safari|Safari microformats plugin]] has been implemented (requires OSX10.5+) based on Jon Hicks's mockup: <br /> [http://microformats.org/wiki/safari http://farm3.static.flickr.com/2309/2036669631_6e99870645.jpg]

Revision as of 08:10, 23 January 2008

User Interface

Contents

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.

Design Guidelines

These are some suggested design guidelines for Web designers and developers by Alex Faaborg, a user experience designer at Mozilla:

Design Challenges

Social Network Portability

See the separate social-network-portability page.

Browser Integration

From visions to screenshot brainstorms to working plugins to shipping implementations, there is a lot going on with browser integration of microformats support.

Currently

Soon

Vision

informationBroker.jpgWeb Browser as Information Broker - part of a blogpost by Alex Faaborg on Microformats - The Fundamental Types

In General

Browser support for microformats consists of three things in general:

  1. Automatically detect the presence of microformats on a page
  2. Parse them into a set of microformats for that page (preferably maintaining their relative relationships perhaps within a tree structure).
  3. Do something useful with them

Do something useful

Do something useful could be any or all of:

Indicate presence of microformats

Browsers can indicate the presence of microformats on a page in several ways.

Discussion and mockups / screenshots of indicating the presence of microformats:

Additional user interface

Some examples of additional user interface for common actions to take with microformats found in pages, grouped by specific microformat. Note that most of these use cases should be applicable to all instances of the microformat on the page at once (e.g. export all contacts), or for a selection of instances (e.g. export selected contacts), or one just one specific instance (e.g. export contact XYZ).

Discussion and mockups / screenshots of additional user interface for microformats (some screenshots are only available at the destination links, please click through).

Implementations

See implementations, and document examples of good UI from there, here.

Plugins

Greasemonkey user scripts

Browser buttons

CSS user stylesheets

Planning and Discussion

Simpler Markup Languages

There are plenty of wiki-formats that attempt to make it easier for more people author semantic markup, often with textually decorative punctuation.

As these simpler markup languages are something that *users* are expected to type, they are user interface.

Markdown extension for hCalendar

See Markdown and the hCal microformat which proposes an extension to the Markdown text markup language to capture and represent hCalendar event semantics in a human editable form.

See Also

user-interface was last modified: Wednesday, December 31st, 1969

Views