Sélectionner une page
Protototypage

Protototypage

En conception, le prototypage consiste à concevoir des versions intermédiaires et donc incomplètes d’un site ou d’une application, conçues pour tester l’utilisation avant la phase proprement dite de programmation informatique. Dans le cadre d’une intervention ergonomique, la phase de prototypage permet de tester l’utilisation et l’utilisabilité auprès d’utilisateurs (test utilisateur). Il se distingue de la maquette fil de fer (ou wireframe) en simulant le fonctionnement avec des données fictives ou réelles. Plusieurs types et niveaux de finition sont possibles, selon la démarche de conception d’un logiciel ou d’un site Web. Le prototypage s’inscrit dans une démarche conception itérative de l’interface, en particulier dans la démarche de conception centrée sur l’utilisateur. Il vise à améliorer progressivement l’interface en s’appuyant sur l’analyse du comportement des utilisateurs finaux lorsqu’ils se servent du produit (voir aussi le test utilisateur).

Les premières maquettes conçues au début du projet, sont souvent statiques (aucun degré d’interactivité) et épurées ; elles peuvent se limiter à la définition des principales fonctionnalités et zones de contenu, et se présenter sous la forme de maquette papier. Puis, au fur et à mesure des itérations et de l’ajout d’interaction, le prototype se rapproche de l’interface finale à la fois en termes d’interaction et de graphisme1.

Le prototypage (ou maquettage) est la méthode de base pour la conception des interfaces en ergonomie informatique. Il présente l’intérêt de matérialiser l’interface, et par la même le logiciel ou le site web, et sert de référence aux différents acteurs du projet qui, par ce biais, vont s’accorder sur un langage commun. Le prototype peut également servir à la promotion commerciale du produit et être utilisée à des fins de démonstration par les équipes commerciales avant le lancement officiel du produit…

Quelques exemple de prototypes de pages webs :

zoning

 

Prototype d’une application Saas

sketching & mockups

FaceBook devant les autres sites !

FaceBook devant les autres sites !

Les Européens passent plus de temps sur Facebook que sur les autres sites.

C’est le résultat d’une étude publiée par ComScoreThe 2010 Europe Digital Year in Review ).
Facebook, avec plus de  230 millions de visiteurs, arriverait 3ème au rang des sites les plus populaires dans toute l’Europe.
Ce classement serait meilleur que tous les autres sites média. En temps de visite,  Facebook arriverait devant tous les autres (Google compris) :

De belles typos sur vos sites webs

De belles typos sur vos sites webs

 

Vous souhaitez utiliser une police qui ne fait pas partie de la « safe-list » ?
Vous ne souhaitez pas convertir tous vos textes en images ou en Flash ?

Alors envisagez l’utilisation d’une technique d’encapsulation de la police (font embedding) comme celle de Cufon.

Vos feuilles de styles vont enfin pouvoir s’enrichir et l’Arial, Helvetica, Sans-Serif, ne restera plus qu’une obligation pour la compatibilité…

Le principe est simple :

  1. Convertissez votre typo avec Cufon (*)
  2. Téléchargez la police convertie et le code javascript
  3. Implémentez le tout sur votre code source HTML+CSS

Les avantages de cette technique sont nombreux :

  • Référencement : bonne prise en compte du texte
  • Compatibilité : pas de plugin et fonctionne avec les navigateurs courants (avec javascript activé)
  • Souplesse : fonctionne avec du texte généré par un CMS

Quelques inconvénients :

  • Javascript obligatoire : une police de remplacement est à prévoir
  • Temps de chargement : le poids de la police convertie augmente rapidement surtout si l’on souhaite utiliser les variantes gras, italique…
  • Ne convient pas vraiment pour les textes des paragraphes

(*) Attention toutefois à bien vérifier que le créateur vous autorise à utiliser cette technique de conversion.