Conférence Infopresse : Le Design Web

Philippe Arseneault, le 7 novembre 2006 à 9:25 dans Design

Le design Web
Allier impact visuel et expérience utilisateur

Voici un petit résumé de la conférence sur le design Web donnée dans le cadre d’une journée-conférence Infopresse.
J’ai surtout noté des sites Web intéressants et apporté quelques commentaires sur chacune des conférences de la journée.

Introduction/Hors-d’oeuvre, par Normand Miron, directeur de création interactive, Marketel
Voici simplement quelques sites qui sont jugés très intéressants,
autant au niveau de la conception et de la navigation qu’au niveau du
graphisme.

• http://www.yomiko.co.jp/bushido/concept/
o On suit l’histoire de l’agence qui raconte son évolution à travers un milieu très compétitif.
o Fait intéressant, au Japon, le bouton « skip » est à gauche.

• http://www.events.airbus.com
o Cliquez sur le lien A380 Navigator au bas de la page.
o Navigation intelligente.
o On trouve rapidement.
o Très fonctionnel.
o On a confiance en eux.

• http://www.bizart.lu/check-in/
o Une agence qui se compare à un aéroport.

• http://www.sfbegame.com/
o Navigation originale.

• http://www.toca-me.com/
o Cliquez sur le «Toca me stage / blog ».
o Design sonore essentiel.
o Utilisation de vidéos.

• http://www.odeon.com.pl/
o L’équipe de production a dû avoir bien du plaisir à réaliser ce site.
o On est téléporté dans les années 30.
o Les petites transitions sont intéressantes.

• http://shiroganeya.co.jp/
o Wow.
o Les transitions sont géniales.

Commentaires :
Les sites actuels se concentrent sur la chose, on a un fil conducteur et on construit autour sans se perdre.
On atteint la perfection dans l’exécution de l’idée, on a du plaisir à
le faire et on a la passion. On va également chercher des éléments dans
d’autres domaines (vidéo, son, etc.).
* Si ton site gagne plein de prix, mais n’atteint pas son objectif, ce n’est pas un bon site.

Sylvie Lachize et Thane Calder de l’agence CloudRaker pour le site Bell.ca

Commentaires :
Le seul point intéressant que j’ai noté est au niveau du panier
d’achats où on donne plus d’information à l’utilisateur sur la page du
catalogue des produits afin d’éviter qu’il ne clique sur un produit
pour en savoir plus et qu’il revienne au catalogue avec un autre
clique. Ça fait trop de cliques et des études ont démontré qu’une telle
navigation n’était pas efficace.

Marin Gauthier et George Giampmanis de Diesel, Marc Côté de Fake Studio pour le site MGM

Inspirations :
• Ils se sont inspirés de ce qui se fait présentement sur le Web, en visitant plusieurs sites :
• Favorite websites awards
• IKEA
• Adidas
• BMW 3 series

Commentaires :
On dépasse les limites du Web en utilisant plus de vidéos et
moins de texte. On fait des animations de dématérialisation, très à la
mode.
On intègre des calques dans les vidéos afin de faciliter les mises à
jour du contenu. On utilise des mouvements de caméra fluides, pas de
coupure.
Tous les décors de ce site sont faits en 3D avec XSI et des green screens.
Ils sont en train de transposer ce site vers une borne interactive qui
se navigue par la détection des mouvements du corps, un peu comme dans
le film « Minority report ». Afin d’obtenir une meilleure compression vidéo, on a tourné en 24 images par secondes avec l’utilisation de field.
Pour l’indexation, ils ont utilisé le iCrossing.
On a eu droit à un making of du projet, très intéressant.

Statistiques :
Le site a 25 000 visites par jour, comparativement à 20 000 avant.
Les gens restent en moyenne 3 minutes sur le site, comparativement à 1,12 avant.

Robert Lindström de North Kingdom

Voir leurs réalisations dont celles ci-dessous, ça vaut le détour!
• Toyota Aygo
• Fjällbryntt
• Tastelab
• Gotmilk
• Cow abduction
• Vodafone Journey
• Vattenfall
• Absolut Kravitz
• Smoke Week

Commentaires :
On remarque une excellente utilisation du vidéo dans Flash.

Voilà! En espérant que ça vous soit utile dans vos projets!