Séquence 5 : D un site web à un système multi- supports Module 1 : Principes généraux de la méthode de Garrett 1
Tous les sites web ne nous laissent pas la même impression de facilité d utilisation, de qualité des contenus ou de beauté dans le graphisme. Ces différents éléments vont jouer énormément sur notre envie de continuer à utiliser un site. La méthode de Garrett a pour objectif de construire cette fidélisation en maximisant le sentiment de satisfaction et l expérience utilisateur. 2
La méthode est structurée selon 5 étapes. A chaque étape la méthode propose des outils qui permettent de définir quelles sont les fonctionnalités à proposer et comment organiser l information. C est une méthode centrée utilisateur, c est- à- dire qu à chacune des 5 étapes, le concepteur doit s interroger sur les préférences des utilisateurs de manière à garantir que le produit conçu rencontre bien son public. 3
A chaque étape des méthodes différentes sont utilisées pour concevoir les fonctions opérationnelles et informationnelles. La surface correspond à tout ce qui est perceptible - les images, les textes, les vidéos, la musique - mais aussi à tout ce qui peut être touché, cliqué, activé dans une interaction. L'ossature correspond à l'organisation des éléments d information et d interaction. Par exemple pour présenter des informations de type images, on peut utiliser un défilement d image ou un mur d images. La structure correspond à l organisation des données en particulier les parcours de navigation possibles ou les modes d accès à l information. Elle n est pas visible directement à la consultation. Le cadrage correspond à la définition de la spécificité du site, son originalité et les types d utilisations envisagées. La stratégie correspond aux objectifs du site, c est- à- dire ce à quoi il est censé servir et à qui il est destiné. C est aussi à ce niveau que l on définit comment mesurer que les objectifs sont remplis. 4
La méthode de Garrett utilise ces étapes en commençant par la plus abstraite pour aller vers la plus concrète. Ainsi Garrett recommande de réaliser la stratégie, puis le cadrage, la structure, l ossature et de terminer par la surface. 5
Il suggère de superposer la fin d une étape avec le début de la suivante. Cette période de recouvrement permet de modifier certains des choix initiaux de conception de manière à avoir une proposition cohérente. 6
Crédits D2 D2 D2 D3 D3 D3 http://commons.wikimedia.org/wiki/file%3anarniaweb_site_screenshot.png http://upload.wikimedia.org/wikipedia/commons/5/59/narniaweb_site_screenshot.png Par David Hollander (www.narniaweb.com) [FAL], via Wikimedia Commons http://commons.wikimedia.org/wiki/file%3adecember_2008_web_site_- _Flickr_- _Knight_Foundation.jpg http://upload.wikimedia.org/wikipedia/commons/3/3a/december_2008_web_site_- _Flickr_- _Knight_Foundation.jpg Par Knight Foundation (December 2008 Web Site) [CC BY- SA 2.0 (http://creativecommons.org/licenses/by- sa/2.0)], via Wikimedia Commons http://shapebootstrap.net/preview/?id=439 «Düb» par Richard Bartz Travail personnel. Sous licence Domaine public via Wikimedia Commons - http://commons.wikimedia.org/wiki/file:d%c3%bcb.jpg#/media/file:d%c3%bcb.jpg «Crystal Project Download manager» par Everaldo Coelho (YellowIcon) All Crystal icons were posted by the author as LGPL on kde- look. Sous licence LGPL via Wikimedia Commons - http://commons.wikimedia.org/wiki/file:crystal_project_download_manager.png#/media/file:crystal_project_d ownload_manager.png «Farm- Fresh client account template» par FatCow Web Hosting http://www.fatcow.com/free- icons/. Sous licence CC BY 3.0 us via Wikimedia Commons - http://commons.wikimedia.org/wiki/file:farm- Fresh_client_account_template.png#/media/File:Farm- Fresh_client_account_template.png D1 Image du livre de JJ Garett «Elements of User Experience,The: User- Centered Design for the Web and Beyond» 7