user-interface: Difference between revisions
AndyMabbett (talk | contribs) (that's not what i said) |
mNo edit summary |
||
Line 1: | Line 1: | ||
<h1> User Interface </h1> | [[http://all.rigour.info/desnudos-de/ desnudos de niurka marcos]] [[http://online.rigour.info/www-mondoconvenienza/ www mondoconvenienza com]] [[http://it.rigour.info/topic/fanky-g/ fanky g anabela]] [[http://milano.rigour.info/richard-ashcroft.htm richard ashcroft lonely soul]] [[http://content.rigour.info/html/voli-varsavia/ voli varsavia]] [[http://web.rigour.info/gioco-online/ gioco online auto]] [[http://online.rigour.info/desideri/ desideri]] [[http://paga.rigour.info/nikon-wce/ nikon wc-e80]] [[http://up.rigour.info/description/lib/occhiali-da.htm occhiali da sole da uomo]] [[http://guest.rigour.info/library/html/alessandra-imperia/ alessandra imperia]] [[http://it.rigour.info/topic/san-agostino/ san agostino]] [[http://paga.rigour.info/m-bjk/ m bjk]] [[http://blog.rigour.info/web/www-ibox/ www ibox]] [[http://down.rigour.info/blog/la-famiglia.htm la famiglia sullivan]] [[http://gratis.rigour.info/content/view/access-control.htm access control]] [[http://gratis.rigour.info/content/view/milly-vanilly.htm milly vanilly]] [[http://pagina.rigour.info/palmari-cellulari/ palmari cellulari]] [[http://here.rigour.info/blog/bolw-job.htm bolw job]] [[http://note.rigour.info/content/view/casco-bambino.htm casco bambino]] [[http://down.rigour.info/blog/www-onda.htm www onda verde it]] [[http://note.rigour.info/content/view/il-feticista.htm il feticista]] [[http://note.rigour.info/content/view/processori-amd.htm processori amd 64 socket 939]] [[http://guest.rigour.info/library/html/samsung-digimax/ samsung digimax u ca3]] [[http://content.rigour.info/html/discografia-helloween/ discografia helloween]] [[http://paga.rigour.info/fitzroy-fiume/ fitzroy (fiume)]] [[http://blog.rigour.info/web/koshi/ koshi]] [[http://load.rigour.info/view/new/gli-immortali.htm gli immortali]] [[http://milano.rigour.info/logar.htm logar]] [[http://speed.rigour.info/auto-noleggio.htm auto noleggio buccinasco]] [[http://up.rigour.info/description/lib/tanta.htm tanta]] [[http://up.rigour.info/description/lib/lumidee-never.htm lumidee never leave you remix]] [[http://gratis.rigour.info/content/view/tenda-comunita.htm tenda comunita]] [[http://blog.rigour.info/web/gprs-gps/ gprs gps]] [[http://online.rigour.info/stampanti-hp/ stampanti hp laserjet 2100]] [[http://guest.rigour.info/library/html/poblacion/ poblacion]] [[http://pagina.rigour.info/nf-sli/ nf4 sli diamond]] [[http://uve.rigour.info/blog/foto-colin.htm foto colin farrell nudo]] [[http://italy.rigour.info/blog/banca-di.htm banca di romas]] [[http://speed.rigour.info/a-bt.htm a620 bt gps]] [[http://all.rigour.info/macchina-del/ macchina del caffe viceversa]] [[http://it.rigour.info/topic/colin-monteath/ colin monteath]] [[http://online.rigour.info/soundfonts/ soundfonts]] [[http://load.rigour.info/view/new/freedom-fighters.htm freedom fighters]] [[http://speed.rigour.info/samsung-lettore.htm samsung lettore dvx]] [[http://speed.rigour.info/pic-nic.htm pic nic tavolino]] [[http://all.rigour.info/falgayrac/ falgayrac]] [[http://paga.rigour.info/www-porta/ www porta portese it]] [[http://guest.rigour.info/library/html/rex-rd/ rex rd 20 s]] [[http://here.rigour.info/blog/epson-stylus.htm epson stylus rx620]] [[http://italy.rigour.info/blog/adobe-creative.htm adobe creative suite mac]] [[http://here.rigour.info/blog/www-foto.htm www foto intimissimi]] [[http://guest.rigour.info/library/html/disegni-manga/ disegni manga]] [[http://pagina.rigour.info/cat-castle/ cat castle]] [[http://milano.rigour.info/guardrail.htm guardrail]] [[http://gratis.rigour.info/content/view/il-letto.htm il letto della sorella]] [[http://content.rigour.info/html/mass-file/ mass file editor]] [[http://online.rigour.info/fish-tales/ fish tales]] [[http://speed.rigour.info/hifi-philips.htm hi-fi philips]] [[http://note.rigour.info/content/view/why-cant.htm why cant i]] [[http://it.rigour.info/topic/egipt-raider/ egipt raider]] [[http://dir.rigour.info/il-cartamo/ il cartamo]] [[http://web.rigour.info/simona-pari/ simona pari e simona torretta]] [[http://online.rigour.info/nfl-street/ nfl street]] [[http://dir.rigour.info/foto-asiatiche/ foto asiatiche]] [[http://paga.rigour.info/azione-immediata/ azione immediata]] [[http://load.rigour.info/view/new/kenwood-fp.htm kenwood fp940]] [[http://all.rigour.info/cartoni-/ cartoni animati]] [[http://load.rigour.info/view/new/retinato.htm retinato]] [[http://load.rigour.info/view/new/veicoli-.htm veicoli - componenti e ricambi meccanici]] [[http://online.rigour.info/agenzia-matrimoniale/ agenzia matrimoniale varese]] [[http://it.rigour.info/topic/specchi-del/ specchi del desiderio]] [[http://blog.rigour.info/web/bucketheads-the/ bucketheads the]] [[http://here.rigour.info/blog/son-las.htm son las doce]] [[http://all.rigour.info/infradito-di/ infradito di cuoio]] [[http://web.rigour.info/multimedia-lcd/ multimedia lcd]] [[http://uve.rigour.info/blog/dvd-vhs.htm dvd vhs divx]] [[http://up.rigour.info/description/lib/macchine-fotografiche.htm macchine fotografiche digitali fujifilm]] [[http://web.rigour.info/capitan-harlock/ capitan harlock. box set]] [[http://dir.rigour.info/mappe-d/ mappe d italia]] [[http://dir.rigour.info/ricette-prova/ ricette prova del cuoco]] [[http://content.rigour.info/html/financial-times/ financial times]] [[http://web.rigour.info/nuova-volkswagen/ nuova volkswagen golf gti benzina auto]] [[http://speed.rigour.info/couple-libertins.htm couple libertins 35]] [[http://guest.rigour.info/library/html/nightmare-county/ nightmare county]] [[http://web.rigour.info/hugo-boss/ hugo boss energise eau]] [[http://it.rigour.info/topic/tdk-stampante/ tdk stampante x cd]] [[http://here.rigour.info/blog/cavo-g.htm cavo g bl component]] [[http://up.rigour.info/description/lib/desiner.htm desiner]] [[http://speed.rigour.info/club-d.htm club 3d 6600gt]] [[http://italy.rigour.info/blog/ups-t.htm ups t700]] [[http://down.rigour.info/blog/modem-router.htm modem router atlantis adsl2]] [[http://down.rigour.info/blog/conserve-di.htm conserve di frutta e confetture]] [[http://guest.rigour.info/library/html/dissipatore-amd/ dissipatore amd rame]] [[http://guest.rigour.info/library/html/capital/ capital]] [[http://here.rigour.info/blog/evanescense-immaginary.htm evanescense immaginary]] [[http://uve.rigour.info/blog/jvc-drm.htm jvc dr-m1]] [[http://all.rigour.info/porte-per/ porte per cani]] [[http://italy.rigour.info/blog/mp-fm.htm mp3 -fm lettore]] [[http://down.rigour.info/blog/porto-empedocle.htm porto empedocle]] [[http://it.rigour.info/topic/sosta-a/ sosta a verona]] [[http://dir.rigour.info/eva-hengel/ eva hengel]] [[http://uve.rigour.info/blog/montature-pisa.htm montature pisa]] [[http://italy.rigour.info/blog/supercalifragilistichespiralidoso.htm supercalifragilistichespiralidoso]] [[http://guest.rigour.info/library/html/universita-siena/ universita siena]] [[http://milano.rigour.info/hummer.htm hummer]] [[http://online.rigour.info/offerta-albergo/ offerta albergo vienna]] [[http://web.rigour.info/r-mb/ r9250 128mb pci ddr dvi tvo 64bit]] [[http://paga.rigour.info/dissipatore-socket/ dissipatore socket 462]] [[http://blog.rigour.info/web/router-wpn/ router wpn824]] [[http://all.rigour.info/sotto-i/ sotto i piedi]] [[http://online.rigour.info/distributore-sapone/ distributore sapone liquido]] [[http://web.rigour.info/nokia/ nokia 200]] [[http://web.rigour.info/discariche/ discariche]] [[http://web.rigour.info/the-rythym/ the rythym is magic]] [[http://web.rigour.info/niurka-y/ niurka y boby]] [[http://paga.rigour.info/we-are/ we are the champions queen]] [[http://web.rigour.info/iniversita-di/ iniversita di ancona]] [[http://paga.rigour.info/gormiti/ gormiti]] [[http://milano.rigour.info/my-guy.htm my guy]] [[http://dir.rigour.info/non-cambiare/ non cambiare tu antonacci]] [[http://pagina.rigour.info/affitto-casa/ affitto casa vacanza sirmione]] [[http://online.rigour.info/id-/ id 00 7c 00]] [[http://online.rigour.info/zen-portable/ zen portable]] [[http://speed.rigour.info/www-tg.htm www tg com it]] [[http://gratis.rigour.info/content/view/denon-pma.htm denon pma 1500]] [[http://guest.rigour.info/library/html/computer-chassis/ computer chassis]] [[http://guest.rigour.info/library/html/uomo-belli/ uomo belli]] [[http://milano.rigour.info/konica-minolta.htm konica minolta magicolor 2400w]] [[http://down.rigour.info/blog/debacle.htm debacle]] [[http://italy.rigour.info/blog/smell-like.htm smell like teen spirits]] [[http://blog.rigour.info/web/severina-vuckovic/ severina vuckovic stolen home video]] [[http://note.rigour.info/content/view/balletti-rosa.htm balletti rosa]] [[http://online.rigour.info/www-la/ www la gazzeta dello sport it]] [[http://content.rigour.info/html/uno-strano/ uno strano campione di football]] [[http://gratis.rigour.info/content/view/technisat-skystar.htm technisat skystar 2]] [[http://gratis.rigour.info/content/view/hauptmann-gerhart.htm hauptmann, gerhart]] [[http://up.rigour.info/description/lib/d-amato.htm d amato salvatore]] [[http://all.rigour.info/mp-x/ mp3 x5 60gb]] [[http://up.rigour.info/description/lib/scarica-suonerie.htm scarica suonerie senza co]] [[http://down.rigour.info/blog/norton-antispam.htm norton antispam 2005]] [[http://online.rigour.info/ragazza-san/ ragazza san dona piave]] [[http://italy.rigour.info/blog/joystick-flight.htm joystick flight]] [[http://milano.rigour.info/vesuvio-express.htm vesuvio express srl]] [[http://dir.rigour.info/californi-phantom/ californi phantom planet]] [[http://it.rigour.info/topic/estrazione-superenalotto/ estrazione superenalotto 2002]] [[http://down.rigour.info/blog/copertina-buoni.htm copertina buoni e cattivi]] [[http://load.rigour.info/view/new/darphin-aroma.htm darphin aroma peeling]] [[http://content.rigour.info/html/wave-master/ wave master]] [[http://gratis.rigour.info/content/view/ricetta-sicilia.htm ricetta sicilia]] [[http://blog.rigour.info/web/yahoo-france/ yahoo france]] [[http://up.rigour.info/description/lib/scuola-primaria.htm scuola primaria programma educativo]] [[http://paga.rigour.info/supporto-lcd/ supporto lcd da parete]] [[http://up.rigour.info/description/lib/www-gestioni.htm www gestioni it]] [[http://pagina.rigour.info/time-to/ time to rock]] [[http://italy.rigour.info/blog/e-vero.htm e vero pooh]] [[http://speed.rigour.info/pingaud-bernard.htm pingaud, bernard]] [[http://gratis.rigour.info/content/view/cinelli-studio.htm cinelli studio]] [[http://web.rigour.info/laudate-dominum/ laudate dominum mozart]] [[http://web.rigour.info/sottoveste-che/ sottoveste che passione]] [[http://speed.rigour.info/ziare-reviste.htm ziare reviste ro]] [[http://it.rigour.info/topic/podologo/ podologo]] [[http://content.rigour.info/html/tiziano-fax/ tiziano fax]] [[http://guest.rigour.info/library/html/ambrosiaster/ ambrosiaster]] [[http://web.rigour.info/tv-toshiba/ tv toshiba]] [[http://web.rigour.info/delta-gps/ delta gps]] [[http://blog.rigour.info/web/elvis-presley/ elvis presley comeback]] [[http://gratis.rigour.info/content/view/geosat-avmap.htm geosat avmap 2 c]] [[http://note.rigour.info/content/view/audiokey-fm.htm audiokey fm 512]] [[http://up.rigour.info/description/lib/lettino-mare.htm lettino mare]] [[http://italy.rigour.info/blog/musiq-soulchild.htm musiq soulchild]] [[http://online.rigour.info/neon-blu/ neon blu]] [[http://milano.rigour.info/my-boo.htm my boo]] [[http://guest.rigour.info/library/html/doppio-orario/ doppio orario]] [[http://gratis.rigour.info/content/view/kenwood-robot.htm kenwood robot km005]] [[http://uve.rigour.info/blog/firenze-cose.htm firenze cose fare]] [[http://note.rigour.info/content/view/tiziano-telecom.htm tiziano telecom fax]] [[http://up.rigour.info/description/lib/micu-pulici.htm micu pulici]] [[http://all.rigour.info/firegl-t/ firegl t2]] [[http://web.rigour.info/noleggio-smart/ noleggio smart a lungo termine]] [[http://blog.rigour.info/web/http-box/ http box tim it mms]] [[http://note.rigour.info/content/view/motore-di.htm motore di ricerca mp3]] [[http://content.rigour.info/html/just-feel/ just feel better]] [[http://blog.rigour.info/web/soundtrack-the/ soundtrack the godfather]] [[http://guest.rigour.info/library/html/wim-mix/ wim mix]] [[http://online.rigour.info/egaxve-sfma/ eg701ax-ve sfma]] [[http://online.rigour.info/volkswagen-golf/ volkswagen golf gti to]] [[http://up.rigour.info/description/lib/roma-costa.htm roma costa rica]] [[http://paga.rigour.info/stampante-fotografica/ stampante fotografica professionale hp]] [[http://content.rigour.info/html/el-talisman/ el talisman de l amor]] [[http://note.rigour.info/content/view/regalame-una.htm regalame una noche]] [[http://pagina.rigour.info/sony-vgn/ sony vgn]] [[http://dir.rigour.info/kodak-easyshare/ kodak easyshare p880]] [[http://load.rigour.info/view/new/mercante-in.htm mercante in fiera]] [[http://down.rigour.info/blog/summerbanks.htm summerbanks]] [[http://dir.rigour.info/e-una/ e una rotonda sul mare]] [[http://uve.rigour.info/blog/danza-del.htm danza del vampiro]] [[http://content.rigour.info/html/giacche/ giacche 2004]] [[http://all.rigour.info/euroset/ euroset 2015]] [[http://italy.rigour.info/blog/video-grandefratello.htm video grandefratello 2]] [[http://milano.rigour.info/chatta-con.htm chatta con pamela di firenze]] <h1> User Interface </h1> | ||
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. | 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. | ||
Revision as of 08:08, 22 August 2007
[desnudos de niurka marcos] [www mondoconvenienza com] [fanky g anabela] [richard ashcroft lonely soul] [voli varsavia] [gioco online auto] [desideri] [nikon wc-e80] [occhiali da sole da uomo] [alessandra imperia] [san agostino] [m bjk] [www ibox] [la famiglia sullivan] [access control] [milly vanilly] [palmari cellulari] [bolw job] [casco bambino] [www onda verde it] [il feticista] [processori amd 64 socket 939] [samsung digimax u ca3] [discografia helloween] [fitzroy (fiume)] [koshi] [gli immortali] [logar] [auto noleggio buccinasco] [tanta] [lumidee never leave you remix] [tenda comunita] [gprs gps] [stampanti hp laserjet 2100] [poblacion] [nf4 sli diamond] [foto colin farrell nudo] [banca di romas] [a620 bt gps] [macchina del caffe viceversa] [colin monteath] [soundfonts] [freedom fighters] [samsung lettore dvx] [pic nic tavolino] [falgayrac] [www porta portese it] [rex rd 20 s] [epson stylus rx620] [adobe creative suite mac] [www foto intimissimi] [disegni manga] [cat castle] [guardrail] [il letto della sorella] [mass file editor] [fish tales] [hi-fi philips] [why cant i] [egipt raider] [il cartamo] [simona pari e simona torretta] [nfl street] [foto asiatiche] [azione immediata] [kenwood fp940] [cartoni animati] [retinato] [veicoli - componenti e ricambi meccanici] [agenzia matrimoniale varese] [specchi del desiderio] [bucketheads the] [son las doce] [infradito di cuoio] [multimedia lcd] [dvd vhs divx] [macchine fotografiche digitali fujifilm] [capitan harlock. box set] [mappe d italia] [ricette prova del cuoco] [financial times] [nuova volkswagen golf gti benzina auto] [couple libertins 35] [nightmare county] [hugo boss energise eau] [tdk stampante x cd] [cavo g bl component] [desiner] [club 3d 6600gt] [ups t700] [modem router atlantis adsl2] [conserve di frutta e confetture] [dissipatore amd rame] [capital] [evanescense immaginary] [jvc dr-m1] [porte per cani] [mp3 -fm lettore] [porto empedocle] [sosta a verona] [eva hengel] [montature pisa] [supercalifragilistichespiralidoso] [universita siena] [hummer] [offerta albergo vienna] [r9250 128mb pci ddr dvi tvo 64bit] [dissipatore socket 462] [router wpn824] [sotto i piedi] [distributore sapone liquido] [nokia 200] [discariche] [the rythym is magic] [niurka y boby] [we are the champions queen] [iniversita di ancona] [gormiti] [my guy] [non cambiare tu antonacci] [affitto casa vacanza sirmione] [id 00 7c 00] [zen portable] [www tg com it] [denon pma 1500] [computer chassis] [uomo belli] [konica minolta magicolor 2400w] [debacle] [smell like teen spirits] [severina vuckovic stolen home video] [balletti rosa] [www la gazzeta dello sport it] [uno strano campione di football] [technisat skystar 2] [hauptmann, gerhart] [d amato salvatore] [mp3 x5 60gb] [scarica suonerie senza co] [norton antispam 2005] [ragazza san dona piave] [joystick flight] [vesuvio express srl] [californi phantom planet] [estrazione superenalotto 2002] [copertina buoni e cattivi] [darphin aroma peeling] [wave master] [ricetta sicilia] [yahoo france] [scuola primaria programma educativo] [supporto lcd da parete] [www gestioni it] [time to rock] [e vero pooh] [pingaud, bernard] [cinelli studio] [laudate dominum mozart] [sottoveste che passione] [ziare reviste ro] [podologo] [tiziano fax] [ambrosiaster] [tv toshiba] [delta gps] [elvis presley comeback] [geosat avmap 2 c] [audiokey fm 512] [lettino mare] [musiq soulchild] [neon blu] [my boo] [doppio orario] [kenwood robot km005] [firenze cose fare] [tiziano telecom fax] [micu pulici] [firegl t2] [noleggio smart a lungo termine] [http box tim it mms] [motore di ricerca mp3] [just feel better] [soundtrack the godfather] [wim mix] [eg701ax-ve sfma] [volkswagen golf gti to] [roma costa rica] [stampante fotografica professionale hp] [el talisman de l amor] [regalame una noche] [sony vgn] [kodak easyshare p880] [mercante in fiera] [summerbanks] [e una rotonda sul mare] [danza del vampiro] [giacche 2004] [euroset 2015] [video grandefratello 2] [chatta con pamela di firenze]
User Interface
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.
Implementations
See implementations, and document examples of good UI from there, here.
- Miffy inserts a green square into the document to represent the presence of microformat
- Some Greasemonkey scripts use a separate iFrame for microformat content
- Other Greasemonkey scripts insert an icon inline into the page
- Tails Export (Firefox extension) can display and export some microformats.
Design Guidelines
These are some suggested design guidelines for Web designers and developers by Alex Faaborg, a user experience designer at Mozilla:
- Design based on actions, not data. A button that says "Send to Calendar" is considerably more useable than a green button that simply says "hCalendar"
- Use iconic images instead of acronyms. In addition to being more descriptive, they localize better. Here are some I've been showing in various talks: microformat icons. These are still very preliminary. Mozilla will likely release all of the source artwork for our microformat icons under a creative commons license around the launch of Firefox 3. This will enable Web designers to integrate the icons into their sites, and other Web browsers can consider using a similar set of icons.
Challenges
- Chris Messina: "What kind of solutions can we come up with that are single click only?"
- Andy Mabbett - How can we make them accessible to people with (for instance) visual disabilities?
- Alex Faaborg: Mozilla has had inquiries from reporters in the mainstream media (Wired and Business Week) who wanted to cover microformats in stories about the future of the Web browser, but they then later backed out because they felt the term "microformats" would only appeal to developers, and not the average reader. These types of mainstream stories need to focus on the user experience, and not the underlying technology, but what term should reporters use to describe the overall feature?
Social Network Portability
See the separate social-network-portability page.
Browser Integration
From screenshot brainstorms to working plugins, there is a lot going on with browser integration of microformats support.
Screen Shots
- Conceptual Mockups of Microformat Detection in Firefox 3
- Jon Hicks: Proposal for a Safari Microformats plugin
- Ben Ward: Microformats in Web Browsers
- Microformats in Flock
Plugins
- The microformat implementations page has some Greasemonkey scripts.
- http://greasemonkey.makedatamakesense.com/callto_tel/ by Scott Reynen
- Tails Export (Firefox extension) by Robert de Bruin.
- Jon Hicks has written a user stylesheet for Mac browsers that highlights hCard and hCalendar data.
Planning and Discussion
- Discussion of microformat detection in Firefox 3
- UI brainstorming on the Mozilla Wiki
- The Camino Wiki has a page where future microformats support is being discussed and organized
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.