MIALY MANGASOA

Web Mobile

Comment créer un site web mobile de qualité?

Omniprésence du web mobile dans notre vie quotidienne

Les raisons de l’adoption des mobile web sont nombreuses. Ce sont des appareils conviviaux et facilement utilisables. Grâce à ces appareils, nous avons accès directement à différentes informations sans grandes difficultés.

Dans un contexte social où plus de 70% de la population utilisent régulièrement un appareil mobile, on se doit de concevoir un siteweb adapté aux écrans de ces fameux web mobile. A noter que le web mobile comprend les téléphones portables tels que les iphone, les smartphone et les blackberry et les tablettes.mobilephone

L’architecture ergonomique et graphique d’un site web mobile est différente de celle d’un siteweb, il n’y a aucun doute sur ce point.Avant de créer un siteweb mobile, il est donc crucial de réfléchir à son ergonomie.

Quels sont les bases graphiques d’un site web mobile de qualité ?

Communiquer avec l’utilisateur dès sa connexion à la page d’accueil en :
• Créant l’interaction avec l’utilisateur par des images défilantes et des animations
• Créant des menus principaux concis avec des listes déroulantes
• Créant un template à 1 colonne
• Allant à l’essentiel et rédigeant des messages KISS (keep it short and simple)

Voici notamment quelques techniques de mises en évidence à appliquer dans son siteweb mobile :
• Importance des contrastes: en jouant sur l’espace,les couleurs, la taille des caractères
• Importance de l’utilisation d’une bonne typographie : taille et couleur à adapter à la spécificité de l’écran
• Attention aux codes couleurs : choisir 3 couleurs maîtresses
• L’importance du header : fonctionnalités principales dédiées à la navigation, la recherche par exemple

Concevoir une arborescence visuelle définissant :
• l‘architecture ergonomique de son site web mobile
• ses fonctionnalités
• son contenu
• sa hiérarchie d’informations
• tous les cheminements possibles de l’utilisateur

Grâce à l’utilisation de maquettes filaires, «wireframe» ou «zoning» ou «prototype»,
Les cheminements possibles de son site web mobile peuvent être clairement définis.

freeZooning

La maquette va définir une hiérarchie dans la répartition des informations sur chacune de vos pages. On peut utiliser des outils de création de wireframe gratuits et payants pour créer le prototype.

Source:
Compagnie Sourcebits la pointure des agences http://www.sourcebits.com/
French Web actualités web http://frenchweb.fr/ Application iPhone l’actualité des Applications iPhone et iPad http://www.applicationiphone.com/
Mobile Awesoneness Galerie de sites web mobile
http://www.mobileawesomeness.com/