utilisabilité : (ωεβ)[.0] ωεβ Christophe zlobinski-furmaniak

Transcription

1 utilisabilité : QuandWebdesign le rencontre le WebMarketing ωεβ (ωεβ)[.0] Christophe zlobinski-furmaniak

2 ωεβ (ωεβ)[.0] Identité corporate Webdesign Expérience utilisateur communication visuelle & stratégies marketing Management & gestion de projet web & recrutement

3 ωεβ (ωεβ)[.0] Charte Professionnelle des Travailleurs du Web Blog (ωεβ)[.0]

4 Fonctions d un site web une fonction marketing (vendre un produit, délivrer du contenu informatif, divertir, informer, donner accès à un service sont les plus courants) un positionnement (se faire connaître, vendre plus, améliorer son trafic ou son SEO, diminuer le taux de rebond, ou augmenter la participation utilisateur) une cible visée (âge, sexe, profession, statut professionnel, goûts, opinions, situation géographique, etc.)

5 Définitions - Utilisabilité Efficacité Efficience Satisfaction

6 Définitions - Webmarketing Webmarketing stratégique Création de trafic Analyse de performance Fidélisation

7 Définitions - Webdesign Architecture Ergonomie Utilisabilité & Accessibilité Marketing

8 Le web comme le print? Print : 75% linéaires, 25% diagonaux Web : 50-50

9 Scanner plutôt que lire 79% scannent 200 mots/minute 16% mot-à-mot 28% possible --> 20% seulement

10 Attraction du texte 78% attraction du texte, 22 % photos ou illustrations 1ers : Titres, résumés d articles, légendes

11 Le Blabla est zappé 67 % ne regardent jamais une intro 11 premiers caractères ( >2 mots) 85 % sont capables de comprendre d instinct

12 La forme d un F 1. 1er mouvement horizontal 2. 2e mouvement horizontal 3. Mouvement vertical

13 I. Fonctions marketing Vendre un produit Informer Divertir Donner accès à un service

14 1. Vendre un produit Mettre en valeur les produits principaux dès l accueil Caractéristiques principales et techniques Priorité : recherche et comparaison Langage : simple Prix, conditions de livraison Qui sommes-nous?

15 2. Informer, Headline Article (Le, un) 40 à 60 caractères pour le titre Hors contexte compréhensible Pas de mystère Mots-clés importants et prévisibilité

16 2. Informer (2) 2 premiers mots de chaque élément apportent un sens Pyramide inversée 1 idée = 1 paragraphe Priorité : lisibilité Expliquez les abréviations

17 2. Informer (3) Nombres en chiffres Capitales? Listes à puce, listes numérotées, gras Photos de produits Distinction entre contenu éditorial et publicités Accessibilité

18 3. Divertir Dirigez l attention directement sur ce que vous proposez Courte liste Langage : courant Full Flash, contenu qui bouge ou qui clignote Pas de pop-up, ni de pop-in Priorité : compatibilité cross-browsers Distinction entre contenu éditorial et publicités

19 4. DOnner accès à un service Simple et direct Slogan à l opposé? Quoi? (la fonction) et pourquoi? (l intérêt) Priorité : authentification, sécurité des données privées, support client Vrai contenu Evitez la publicité et associée

20 II. Positionnement marketing Se faire connaître Vendre plus Améliorer le trafic Diminuer le taux de rebond

21 1. Se faire connaître Site web = Outil de communication distribution Nom de domaine mémorisable facilement Produits/services, infos utiles dès la page d accueil CGV, Mises à jour, Qui sommes-nous, CNIL = sérieux Page de contact facilement trouvable et claire Articles, contributions, livres blancs

22 1. Se faire connaître (2) Permettre de laisser son mail FAQ = réduction des freins à l achat = achat immédiat Etudiez le marché Stratégie SEO CRM et stratégie de pub Communiqué de presse

23 2. vendre plus Pourquoi? 1. Informations pas claires 2. Site inconnu des moteurs de recherches 3. Les deux...

24 2. Vendre plus, infos pas claires Optimisation du site Qui sommes-nous, CGV, CNIL, FAQ, support client Rassurer sur la fréquence de la mise à jour du site Fidélisation Automatisation du processus de vente Wording

25 2. Vendre plus, SEO manquant Wording SEO 70% des clients font de la recherche 80% des clients français passent par Google 31% arrivent sur un site avec des liens externes 26% arrivent en lien direct

26 2. Vendre plus, SEO manquant Avoir plusieurs NDD pour les fautes de frappe Rediriger vers la page d accueil Campagne de publicité et d un plan média Ecoute et veille

27 3. Améliorer le trafic SEO essentiel Etude de marché pour un tracking 360 Url rewriting, Title, Hn, Maillage interne, bugs W3C Cross-selling ou cross-reading Buzz

28 4. Diminuer le taux de rebond Quantité de pages vue élevée + courte durée des visites = pas bien :( Taux de rebond faible + courte durée des visites = pas bien :( Taux de rebond faible/élevé + longue durée des visites = bien :p

29 4. Diminuer le taux de rebond Tracker les bugs Cohérence du contenu Ne surchargez pas la page d accueil Sections/catégories mis en avant No scrolling Revenir à l accueil facilement Qui sommes-nous + moteur de recherche interne

30 III. Parlez à la cible Utilisez leurs codes et leurs canaux Des couleurs et des formes pour chacun Sachez trouver les dominantes......et éviter les impairs Outils

31 1. Utilisez leurs codes & leurs canaux Etude de marché primordiale = Nuancier = Manière de communiquer

32 2. Des couleurs et des formes 18/25 : couleurs flashy, glossy, formes arrondies ou grunges : formes et couleurs plus conventionnelles Couleurs vives = revenus modestes // Couleurs basiques = ménages aisés Rouge, jaune vif, vert = grand public // noir et rouge = plus select Beaucoup d info sur pas beaucoup de place = revenus modestes // Epure, espace = montée en gamme

33 3. Trouver les dominantes... La liste est longue... Ecoutez ce sera plus simple ;)

34 4...évitez les impairs (bis) ^^

35 5. outils Kuler, par Adobe : Color Scheme Designer : Colour Lovers :

36 IV. multiplier les attentions (bonus) Cross-focus Degradé Espace blanc Oubliez le «parlé marketing»

37

38

39

40

41 Merci d avoir pris le temps de m écouter :) Le pdf sera disponible ce week-end à l adresse qui s affiche en bas de votre écran