Difference between revisions of "user-interface-fr"

From Microformats Wiki
user-interface-fr
Jump to navigation Jump to search
(→‎Portabilité Réseau Social: ajout portabilité réseau social FAQ avec OpenID)
([fr:sync'd])
Line 6: Line 6:
  
 
== Implémentations ==
 
== Implémentations ==
 
+
Voir les [[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-fr|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 un iframe séparé pour le contenu microformaté.
 
* Quelques scripts [[Greasemonkey-fr|Greasemonkey]] utilisent un iframe séparé pour le contenu microformaté.
Line 16: Line 15:
  
 
== 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 ?
 
* Andy Mabbett : Comment pouvons-nous les rendre accessibles aux personnes ayant (par exemple) des déficiences visuelles ?
Line 22: Line 20:
  
 
== Portabilité Réseau Social ==
 
== Portabilité Réseau Social ==
 
 
Pourquoi chacun des sites communautaires de réseau social vous oblige à :  
 
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.)
 
* re-saisir toutes vos informations de profil personnel (nom, email, date de naissance, URL, etc.)
Line 49: Line 46:
  
 
=== Photos Ecrans ===
 
=== Photos Ecrans ===
 +
[http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/ Maquettes Conceptuelles de Détection de Microformat dans Firefox 3]
 
* [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://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/ 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://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]
Line 61: Line 59:
  
 
=== Planning & Discussion ===
 
=== Planning & Discussion ===
 +
*[http://wiki.mozilla.org/Microformats Discussion de la détection de microformat detection dans Firefox 3]
 +
*[http://wiki.mozilla.org/Microformats/UE/ideas brainstorming Interface Utilisateur sur le Wiki Mozilla]
 
* Le [http://wiki.caminobrowser.org/Development:Planning:Microformats wiki Camino a une page] ou le futur support des microformats est en train d'être discuté et organisé.
 
* Le [http://wiki.caminobrowser.org/Development:Planning:Microformats wiki Camino a une page] ou le futur support des microformats est en train d'être discuté et organisé.
  

Revision as of 12:35, 24 February 2007

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 les 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 et discussions concrètes :

picture-9.png

Portabilité Réseau Social FAQ

  • OpenID ne résoud-il pas le problème de resaisir tout votre profil d'information personnel ?
    • Non il ne fait pas ça. OpenID est fondamentalement le fait de prouver à un site que vous possédez ou contrôler une autre URL particulière. Rien de plus. Tout le truc profil est en plus et même alors l'ensemble de propriétés spécifiques n'est pas spécifié dans OpenID. C'est là où hCard entre en jeu. hCard spécifie un vocabulaire d'information de profil (nom, email, anniversaire, URL etc.) basé sur vCard. Et en fait c'est tout ce dont vous avez besoin pour résoudre le problème "re-saisir toute votre information de profil" pour les sites publics - pas besoin d'authentifier des URLs publiques via OpenID, lisez les simplement et parsez leurs hCard(s).

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

Maquettes Conceptuelles de Détection de Microformat dans Firefox 3

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.