user-interface-fr: Difference between revisions
Jump to navigation
Jump to search
(sync'd with original version) |
|||
| Line 1: | Line 1: | ||
<h1> Interface Utilisateur </h1> | <h1> Interface Utilisateur </h1> | ||
Il y a eu récemment beaucoup de très bonnes idées d'interfaces-utilisateurs et des suggestions pour | Il y a eu récemment beaucoup de très bonnes idées d'interfaces-utilisateurs et des suggestions pour travailler sur les microformats. Cette page sert à rassembler et documenter de façon à ce que nous puissions être inspirés et itérer sur les travaux des autres. | ||
__TOC__ | __TOC__ | ||
| Line 8: | Line 8: | ||
Voir [[implementations-fr|implémentations]], et exemples de documents de bonnes IU à partir de là et d'ici. | Voir [[implementations-fr|implémentations]], et exemples de documents de bonnes IU à partir de là et d'ici. | ||
* [[Miffy]] insère un carré vert dans le document pour représenter la présence d'un microformat. | * [[Miffy-fr|Miffy]] insère un carré vert dans le document pour représenter la présence d'un microformat. | ||
* Quelques scripts [[Greasemonkey-fr|Greasemonkey]] utilisent | * Quelques scripts [[Greasemonkey-fr|Greasemonkey]] utilisent un iframe séparé pour le contenu microformaté. | ||
* D'autres scripts [[Greasemonkey-fr|Greasemonkey]] insèrent une icône dans la ligne à l'intérieur de la page | * D'autres scripts [[Greasemonkey-fr|Greasemonkey]] insèrent une icône dans la ligne à l'intérieur de la page | ||
* [https://addons.mozilla.org/firefox/2240/ Tails Export] (extension Firefox) peut afficher et exporter quelques microformats. | * [https://addons.mozilla.org/firefox/2240/ Tails Export] (extension Firefox) peut afficher et exporter quelques microformats. | ||
== Défis == | == Défis == | ||
* Chris Messina : "Quels types de solutions pouvons-nous monter qui soient en un clic seulement ?" | * Chris Messina : "Quels types de solutions pouvons-nous monter qui soient en un clic seulement ?" | ||
* Andy Mabbett : Comment pouvons-nous les rendre accessibles aux personnes ayant (par exemple) des déficiences visuelles ? | |||
== Portabilité Réseau Social == | |||
Pourquoi chacun des sites communautaires de réseau social vous oblige à : | |||
* re-saisir toutes vos informations de profil personnel (nom, email, date de naissance, URL, etc.) | |||
* ajouter à nouveau tous vos amis | |||
? | |||
Au lieu de cela, voyons quelques suggestions d'interface utilisateur pour les sites afin de simplifier l' ''importation'' ou même mieux de ''s'abonner à'' : | |||
* votre [[hcard-fr|hCard]] à partir de votre URL (blog, profil d'un autre service, etc.) | |||
* votre liste de contacts [[xfn-fr|XFN]], connaissances, amis etc. à nouveau à partir de votre URL (blog, etc.) | |||
Suggestions concrètes : | |||
* Velvetsarah a [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posté une photo d'écran et un brainstorm] sur la manière dont un site pourrait gérer les contacts qualifiés XFN. | |||
[http://www.velvet.id.au/2006/11/23/portable-social-networks/ http://www.velvet.id.au/out/wp-content/uploads/2006/11/picture-9.png] | |||
* [http://openid.net/ OpenID] ne fait-il pas ça ? [[User:AndyMabbett|Andy Mabbett]] 11:21, 16 Dec 2006 (PST) | |||
== Intégration Navigateur == | == Intégration Navigateur == | ||
A partir de brainstorms de photos d'écrans, il y a beaucoup | A partir de brainstorms de photos d'écrans pour travailler sur les plugins, il y a beaucoup de choses en cours concernant l'intégration avec le navigateur du support des microformats. | ||
=== Photos Ecrans === | === Photos Ecrans === | ||
* http://www.hicksdesign.co.uk/journal/a-proposal-for-a-safari-microformats-plugin | * [http://www.hicksdesign.co.uk/journal/a-proposal-for-a-safari-microformats-plugin Jon Hicks: Proposition d'un plugin Microformats pour Safari] <br /> [http://www.hicksdesign.co.uk/journal/a-proposal-for-a-safari-microformats-plugin http://www.hicksdesign.co.uk/images/txp/197t.png] | ||
* http://ben-ward.co.uk/journal/microformats-ui/ | * [http://ben-ward.co.uk/journal/microformats-ui/ Ben Ward: Microformats dans les Navigateurs Web] <br /> [http://ben-ward.co.uk/journal/microformats-ui/ http://ben-ward.co.uk/res/posts/uf-web-browser/autodiscovery.png] | ||
* http://blog.wilsonet.com/archives/2006/04/30/microformats-in-flock/ | * [http://blog.wilsonet.com/archives/2006/04/30/microformats-in-flock/ Microformats dans Flock] <br /> [http://blog.wilsonet.com/archives/2006/04/30/microformats-in-flock/ http://blog.wilsonet.com/mockups/Flock/Flock-PickContacts_thumbnail.png] | ||
=== Plugins === | === Plugins === | ||
* La page [[implementations-fr|implémentations]] a quelques scripts Greasemonkey. | * La page [[implementations-fr|implémentations]] microformats a quelques scripts Greasemonkey. | ||
* http://greasemonkey.makedatamakesense.com/callto_tel/ de Scott Reynen | * http://greasemonkey.makedatamakesense.com/callto_tel/ de Scott Reynen | ||
* [https://addons.mozilla.org/firefox/2240/ Tails Export] (extension Firefox) par Robert de Bruin. | * [https://addons.mozilla.org/firefox/2240/ Tails Export] (extension Firefox) par Robert de Bruin. | ||
* Jon Hicks a écrit [http://www.hicksdesign.co.uk/journal/highlight-microformats-with-css a user une feuille de style pour les navigateurs Mac] qui met en valeur les données hCard et hCalendar. | |||
=== Planning & Discussion === | === Planning & Discussion === | ||
| Line 40: | Line 62: | ||
Il existe beaucoup de [[wiki-formats-fr|wiki-formats]] qui tentent de faciliter la publication de balisage sémantique, souvent avec des ponctuations textuellement décoratives. | Il existe beaucoup de [[wiki-formats-fr|wiki-formats]] qui tentent de faciliter la publication de balisage sémantique, souvent avec des ponctuations textuellement décoratives. | ||
Parce que ces langages plus simples de syntaxe sont quelque chose pour | Parce que ces langages plus simples de syntaxe sont quelque chose pour lesquelles les *utilisateurs* sont attendus pour la saisie, ce sont des interfaces-utilisateurs. | ||
=== Extension Markdown pour hCalendar === | === Extension Markdown pour hCalendar === | ||
Voir [http://article.gmane.org/gmane.text.markdown.general/2027 Markdown and the hCal microformat] qui propose une extension pour le langage de balisage Markdown afin de capturer et représenter la sémantique 'event' hCalendar dans un | Voir [http://article.gmane.org/gmane.text.markdown.general/2027 Markdown and the hCal microformat] qui propose une extension pour le langage de balisage Markdown afin de capturer et représenter la sémantique 'event' du hCalendar dans un formulaire éditable par un humain. | ||
Revision as of 07:07, 17 December 2006
Interface Utilisateur
Il y a eu récemment beaucoup de très bonnes idées d'interfaces-utilisateurs et des suggestions pour travailler sur les microformats. Cette page sert à rassembler et documenter de façon à ce que nous puissions être inspirés et itérer sur les travaux des autres.
Implémentations
Voir implémentations, et exemples de documents de bonnes IU à partir de là et d'ici.
- Miffy insère un carré vert dans le document pour représenter la présence d'un microformat.
- Quelques scripts Greasemonkey utilisent un iframe séparé pour le contenu microformaté.
- D'autres scripts Greasemonkey insèrent une icône dans la ligne à l'intérieur de la page
- Tails Export (extension Firefox) peut afficher et exporter quelques microformats.
Défis
- Chris Messina : "Quels types de solutions pouvons-nous monter qui soient en un clic seulement ?"
- Andy Mabbett : Comment pouvons-nous les rendre accessibles aux personnes ayant (par exemple) des déficiences visuelles ?
Portabilité Réseau Social
Pourquoi chacun des sites communautaires de réseau social vous oblige à :
- re-saisir toutes vos informations de profil personnel (nom, email, date de naissance, URL, etc.)
- ajouter à nouveau tous vos amis
?
Au lieu de cela, voyons quelques suggestions d'interface utilisateur pour les sites afin de simplifier l' importation ou même mieux de s'abonner à :
- votre hCard à partir de votre URL (blog, profil d'un autre service, etc.)
- votre liste de contacts XFN, connaissances, amis etc. à nouveau à partir de votre URL (blog, etc.)
Suggestions concrètes :
- Velvetsarah a posté une photo d'écran et un brainstorm sur la manière dont un site pourrait gérer les contacts qualifiés XFN.
- OpenID ne fait-il pas ça ? Andy Mabbett 11:21, 16 Dec 2006 (PST)
A partir de brainstorms de photos d'écrans pour travailler sur les plugins, il y a beaucoup de choses en cours concernant l'intégration avec le navigateur du support des microformats.
Photos Ecrans
- Jon Hicks: Proposition d'un plugin Microformats pour Safari
- Ben Ward: Microformats dans les Navigateurs Web
- Microformats dans Flock
Plugins
- La page implémentations microformats a quelques scripts Greasemonkey.
- http://greasemonkey.makedatamakesense.com/callto_tel/ de Scott Reynen
- Tails Export (extension Firefox) par Robert de Bruin.
- Jon Hicks a écrit a user une feuille de style pour les navigateurs Mac qui met en valeur les données hCard et hCalendar.
Planning & Discussion
- Le wiki Camino a une page ou le futur support des microformats est en train d'être discuté et organisé.
Langages de Balisage Plus Simples
Il existe beaucoup de wiki-formats qui tentent de faciliter la publication de balisage sémantique, souvent avec des ponctuations textuellement décoratives.
Parce que ces langages plus simples de syntaxe sont quelque chose pour lesquelles les *utilisateurs* sont attendus pour la saisie, ce sont des interfaces-utilisateurs.
Extension Markdown pour hCalendar
Voir Markdown and the hCal microformat qui propose une extension pour le langage de balisage Markdown afin de capturer et représenter la sémantique 'event' du hCalendar dans un formulaire éditable par un humain.