2. Introduction
Le (Web)(design) c’est quoi ?
Web : Ou toile, est un
système hypertexte public
fonctionnant sur Internet et
qui permet de consulter,
avec un navigateur, des
pages mises en ligne dans
des sites. L’image de la toile
d'araignée vient des
hyperliens qui lient les pages
web entre elles.
Design : une discipline visant
à représenter concrètement,
une pensée, un concept ou
une intention en tenant
compte des contraintes
fonctionnelles, structurelles,
esthétiques, techniques et
productives.
+ =
Webdesign : désigne la
conception d'interface web
en tenant compte des
contraintes spécifiques du
support Internet en termes
d’ergonomie, d’utilisabilité
et d’accessibilité.
3. Le webdesigner
Le webdesigner n’est pas un :
• Intégrateur
• Développeur
• Infographe
• Webmaster
• Ergonome
• Et surtout pas un artiste !
Le webdesigner est un :
Designer ayant des notions en : Intégration, développement,
infographie , webmastering et aussi en ergonomie. Et toujours
pas un artiste :p
4. Objectifs
Attentes du Client
• Retour sur investissement (rentabilité)
• Fidélisation
• Economiser (temps et argent)
• Positionnement sur le marché
Webdesigner
• Utilisable donc fonctionnel
• Accessible
• Jolie !
• Respect de la charte graphique
6. Comment s’y prendre ?
• Fonctionnelle : la conception centré utilisateur
est la base d’un site fonctionnelle
L’utilisateur est l’élément principal de votre site et il
doit pouvoir facilement atteindre ses objectifs voir
trouver l’information afin de pouvoir accomplir les
vôtres en terme commercials.
• Au moment de la conception, penser que la maquette va finir par être utiliser et
non simplement vue !
• Des tests utilisateurs ou des Brainstormings afin de prévoire les problèmes liés a
l’ergonomie.
7. Comment s’y prendre ?
• Accessible : Avec Plus de monde sur votre site,
ce dernier est rentable.
• 63% utilise Internet explorer, 28% Firefox et 9% : Chrome, safari, opera …
• 43 % utilise un écran 1024x768, 14% 1280x800, 11% 800x600, 32% le reste des
résolutions…
• 78% version 10 du flash player, 7% pour la 9, 2% non installé
• 11 % machine java non installé.
Source : Google analytics du site Joowala.com
Au moment de la conception faire en sorte que le site
soit accessible par le maximum d’utilisateurs ciblés.
8. Comment s’y prendre ?
• Identifiable : pas forcément beau mais avec
une identité
Un design web est dit identifiable si l’on prend
n’importe quel éléments de ce dernier on reconnaitra
son appartenance institutionnelle.
Pour se faire il faut suivre et savoir décliner une
charte graphique.
Un minimum de couleurs et de polices de caractère
est très souhaité.
9. Comment s’y prendre ?
• Claire : parler peu pour une meilleure
compréhension.
Pensez à hiérarchiser l’information est l’une des
règles de base d’une web conception.
Exemple : Ne pas commencer une page avec un <h5>
13. Conclusion
Un bon designer web est un designer capable de
répondre au besoin stratégique (marketing et
commercial) du client tout en tenant compte des
contraintes techniques (utilisabilité, fonctionnalité … )
et au respect de l’identité visuelle.
Faire beau c’est bien, vendre c’est mieux
14. Fin
Merci pour votre attention.
Des questions ?
Par Khaled DJEBLOUN
Graphiste webdesigner