Archive pour décembre 2009

Un petit « intermède » entre les articles sur les 6 principes à utiliser et les schémas à appliquer pour construire une application Internet riche. Voici le premier résultat de ce travail méthodologique : la maquette fonctionnelle de la partie « calculateur » réalisée avec une autre RIA : Balsamiq Mockup. Regardez le en full screen, cela passe mieux.

Il y a bien sûr encore pas mal de boulot à faire rien que sur cette version.
Un des premiers travaux va être la reformulation des différents textes qui apparaissent dans les différents écrans ainsi que les bulles d’aides, afin de coller au plus près au langage utilisé par les agriculteurs (cf l’article sur la méthode de Kano). Donc je mettrai au fur et à mesure à jour cette présentation.

Pour rester léger, avoir une empreinte faible, on peut utiliser les méthodes suivantes :

• des boutons d’actions placés de manière bien visible
• des outils d’action qui apparaissent au survol d’une zone
• un bouton d’activation/désactivation sur un ensemble d’outils pour un ou plusieurs objets
• Des outils multi-niveaux : des possibilités d’actions sont progressivement révélées au fur et à mesure que l’utilisateur interagit avec l’application : de nouvelles possibilités d’actions apparaissent en fonction des actions précédentes
• Un menu secondaire ou menu contextuel, qui est traditionnellement accessible par un clic-droit de la souris

Il y a plusieurs méthodes :

Editer dans la page (In Page Editing)

Edition d’un champ de texte simple en ligne
Il s’agit d’annoter un élément sans que la prise en compte de l’annotation nécessite un rechargement de la page. Par exemple Flickr propose un champ texte pour nommer les photos mises en ligne. La mise à jour du nom de la photo se fait « en temps réel ». Il en est de même pour l’édition d’un commentaire dans Facebook. Le commentaire est s’affiche sans rechargement de la page.

Lire la suite de cette entrée »