View
185
Download
0
Category
Preview:
DESCRIPTION
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.
Citation preview
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
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
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é!
!
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.!!
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?"00
! Qui0est0l’utilisateur0final0;0Quels0sont0ses0habitudes,0comportements,0objectifs0?0Enquê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
armania socialmania INfluencia
2. La%simplification%!
Yahoo%vs.%Google%!
! !! !Multiplicité!des!contenus!&!fonctionnalités!Fonction!de!recherche!quasi!invisible!
Simplification!
!
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.!
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).!!
!
armania socialmania INfluencia
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.! !!
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.!
!
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é.!
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
Recommended