Difference between revisions of "user-interface-fr"

From Microformats Wiki
user-interface-fr
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 les travaux 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.
+
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 une iframe séparée pour les contenus microformats.
+
* 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.
* Jon Hick a écrit une [http://www.hicksdesign.co.uk/journal/highlight-microformats-with-css feuille de style pour les navigateurs Mac] qui éclaircit les données hCard et hCalendar.
+
 
 +
 
  
 
== 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 à faire avec l'intégration dans le navigateur du support des microformats.
+
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 lesquels les *utilisateurs* sont attendus pour la saisie, ce sont des interfaces-utilisateurs.
+
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 format éditable par un humain.
+
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 :

picture-9.png


Intégration Navigateur

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

Plugins

Planning & Discussion

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.