Quelques principes fondamentaux pour la conception d’un site web Par Lambert TATOU - Consultant Armania - SocialMania Dans la création de sites web, on voit encore des approches inefficaces : - utilisation de recettes à la mode - démarches préformâtes - création globalement pas adaptée Quelques recommandations Les nuages de mots clés ; ce sont des modèles qui ont fleuri pour faciliter le référencement mais qui ne sont pas utiles aux internautes. Ils sont la conséquence de la prépondérance dans l’entreprise d’une culture technique, de prestataires créatifs (2ème âge de l’internet), des tenants du marketing (le e-commerce). La démarche doit aujourd’hui être UX, c’est-à-dire se concentrer sur l’utilisateur final avec comme question centrale « qu’est-ce que cet utilisateur va pouvoir faire sur le site ? ». Une enquête en amont sur les attentes et besoins et des tests en cours sont bien sûr à prévoir. Pour les sites marchands, il est fondamental de bouster la vitesse d’affichage des pages. Il faut aussi créer des dispositifs éditoriaux avec recueil des avis des internautes (expériences d’utilisation, enquêtes, tests….) Tout ceci représente un coût assez élevé. La simplification doit être le maître mot La page d’ouverture de Google est par exemple ultra simple par rapport à celle de Yahoo ; elle est centrée sur l’intérêt de l’internaute. Mais ce qui est simple pour le cerveau de l’utilisateur est complexe pour le concepteur : arborescence, navigation, interfaçage…. Des contenus pertinents sont indispensables pour un référencement naturel ou payant Plus un contenu est pertinent, plus il est remonté par Google Attention aux photos et vidéos Bien sélectionnées, elles permettent de se différencier des autres En conclusion, il est fondamental de se centrer sur l’utilisateur, tant sur le plan des attentes et besoins en termes d’information, de conseils, de produits et services de l’enseigne elle-même mais aussi du site, des avis qu’il laisse sur le web, du suivi de sa navigation, de sa géo-ocalisation…. Ne pas oublier que les visites web précèdent presque toujours une visite en magasin, voire se substitue à elle.

1. 01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
«
Quelques
principes
fondamentaux
de
la
concep5on
web
»
Enregistrement
de
Web
–
Conférence
Minutes
Academy
Par
Lambert
TATOU

2. 01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
Lambert
TATOU
Ø Consultant
Armania
SocialMania

3. armania
socialmania
INfluencia
Des$principes$fondamentaux$pour$quoi$faire$?$
!
Trois$approches$dilettantes$de$la$conception$web$
!
! !
!
! !
La#recette! Le#truc#à#la#mode! Le#step#by#step! ! !
souvent!inadaptée!# change!à!chaque!saison# souvent!inadapté# ! !
!
!
Cinq$principes$fondamentaux$
! !
! !
!
!
! !
User3centric! Simplification! Pertinence! Différenciation! Ubiquité!
!

4. armania
socialmania
INfluencia
1.#L'approche#centrée#sur#l'utilisateur#final#
!
65%#des#utilisateurs#n'utilisent#jamais#les#nuages#de#tags#
!
!
!
Pourtant(les(prescripteurs(classiques(les(ont(souvent(recommandés(
!
La#culture#technique,#la#culture#créative,#la#culture#marketing,#ont#encouragé#cette#pratique!
Alors!que!c’est!effectivement!souvent!sans!intérêt!pour!l’utilisateur!final…!
…!car!c’est!moins!efficace!qu’un!moteur!de!recherche,!et!moins!qu’une!navigation!basique.!
!

5. armania
socialmania
INfluencia
!
Une$nouvelle$approche$:$l'expérience$utilisateur$(UX)$
!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ! Design!/!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ! Forme!
Contenu!/!Fond!!!!!! ! ! ! ! =>!!!!!!!!!Objectif!/!Business!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ! Fonction!/!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ! Technologie0
!
Méthode(:(questionnement(&(enquêtes(pour(améliorer(l’UX((User(eXperience)(
!
! "Est3ce0que0ca0sert0vraiment0l'utilisateur0final0?"0
0
! Qui0est0l’utilisateur0final0;0Quels0sont0ses0habitudes,0comportements,0objectifs0?0
Enquête!en!amont!=>!profils!types!/!Personas!
Tests!en!aval!=>!Evaluer!le!niveau!de!centrage!=>!Bénéfices!UX!/!Lacunes!
Nouveau!cycle!de!création!/!Modification!
!
Quelques(décisions(liées(à(l’approche(UX(
!
! Ingénierie0/0Site0marchand0(Sfr,0Amazon…)0:0Booster0la0vitesse0d'affichage0des0pages0web00
! Dispositif0éditorial0/0Site0d’information0(rueducommerce…)0:0intégrer0les0avis0d’internautes
0

6. armania
socialmania
INfluencia
2. La%simplification%
!
Yahoo%vs.%Google%
!
! !
! !
Multiplicité!des!contenus!&!fonctionnalités!
Fonction!de!recherche!quasi!invisible!
Simplification!
!

7. armania
socialmania
INfluencia
Une$application$de$la$simplification$:$le$flat$design$
!
!
!
Pourquoi'simplifier'?'Parce'que'le'cerveau'préfère'!'!
Le!cerveau!choisit!toujours!d’économiser!le!temps!et!les!ressources!cognitives.!Cf.!la!langue!courante!
!
Paradoxe':'le'simple,'c'est'complexe'!
Plus!c'est!simple!pour!l'utilisateur,!plus!c'est!complexe!pour!le!concepteur.!Cf.!algorithmique!de!Google!!
!
D’autres'décisions'du'principe'!
Oui$:$Arborescences,$navigations$&$pages$simplifiées…!et!conformes!à!la!psychologie!cognitive!
Non$:$Multiplication$de$typos$;!etc.!

8. armania
socialmania
INfluencia
3.#La#pertinence#
!
Des#contenus#pertinents#pour#un#meilleur#référencement##
!
!
La#pertinence#c’est#bon#pour#le#
référencement#naturel#
Parmi!les!300!critères!de!
classements!de!Google,!les!plus!
importants!sont!le!contenu!
(notamment!le!<title>)!et!les!
backlinks.!Les!contenus!pertinents!
améliorent!les!deux.!
Les!contenus!pertinents!boostent!le!
référencement!(évaluation!générale!
de!la!sémantique!du!site!visible!&!
invisible)…!et!sont!repris!sur!le!web.!
!
La#pertinence#c’est#bon#pour#le#
référencement#payant#
La!performance!des!adwords!
dépend!aussi!de!la!pertinence!
(rebond!faible,!qualité!élevée).!
!
!

9. armania
socialmania
INfluencia

10. armania
socialmania
INfluencia
4.#La#différenciation#
!
Se#différencier#par#ses#choix#de#design#
!
>>>"Attention"aux"photos"des"banques"d’images"
!
!
!
!
La!photo!de!la!jeune!femme!souriante!utilisée!dans!la!publicité!
d’une!agence!de!rencontre!est!issue!d’une!banque!d’image.!
!
Une!recherche!des!utilisations!antérieures!via!Google!montre!
que!cette!image!a!été!utilisée!sur!plus!de!250!sites.!
!
Une!de!ces!occurrences!retrouvées!dans!Google!est!un!site!X.! !
!

11. armania
socialmania
INfluencia
Se#différencier#par#ses#choix#rédactionnels#
!
Contrôler)les)titres)&)les)contenus)
!
Exemple!de!titre!:!Le!ecommerce!est!mort!vive!le!commerce.!
!
=>!Même!démarche!que!pour!choisir!un!nom!de!domaine!:!
Recherche!d'antériorité!sur!un!titre!d'article!
!
!
!
Différenciation#pour#le#ecommerce#
!
Sur!le!web,!et!sur!les!places!de!marché,!il!est!vital!de!se!différencier,!et!si!possible!autrement!!
que!par!le!prix.!
!
Exemples!:!!
=>!Exclusivité!;!même!ponctuelle!;!même!réservée!au!web!;!avec!le!fabriquant!ou!le!fournisseur.!
=>!Composition!de!packages!originaux,!avec!des!produits!très!courants.!
=>!Proposition!de!services!originaux!accompagnant!les!produits.!
!

12. armania
socialmania
INfluencia
5.#L'ubiquité#!
Ro#Po#(research#online#;#purchase#offline)#
!
Pour%beaucoup%d’enseignes,%les%visites%web%dépassent%désormais%
les%visites%magasin.%De%plus%la%majorité%des%visites%magasin%font%
suite%à%une%visite%du%site%web…!
!
!
!
…%Mais%les%achats%se%font%toujours%principalement%en%magasin.%
!
!
Responsive#design#;#Géolocalisation#
!
Un!grand!nombre!de!tendances!actuelles!découlent!du!principe!d’ubiquité.!

13. 01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
01 48 07 40 40 armania@armania.com http://www.armania.com/ http://www.socialmania.fr
http://www.facebook.com/armaniasocialmania http://twitter.com/socialmaniaFR
Merci
d’avoir
suivi
ces
Minutes
Academy