I - Pour créer un site web

Transcription

1 I - Pour créer un site web Un nom de domaine, Un hébergement, Un éditeur de pages web, Un logiciel «graphique», Un logiciel de transfert par FTP 1 site = 1 nom de domaine et 1 hébergeur

2 1 site = 1 nom de domaine et 1 hébergeur Le nom de domaine

3 Le nom de domaine L hébergement

4 L hébergement Objectif Etude sur l ergonomie souhaitée face à la réalité La prise en main du site Internet

5 L ergonomie L'ergonomie est un terme technique utilisé pour désigner à la recherche de la qualité d'un site et d'une meilleur adaptation entre ses fonctionnalités et ses utilisateurs: lorsque le site propose un mode de navigation aisé et intuitif favorisant une prise en main rapide de ses fonctionnalités, il est qualifié d'ergonomique. Ainsi, l'ergonomie allie l'efficacité au confort d'utilisation Pour : L ergonomie Eviter de forts taux de rebond (% d'internautes qui arrivent sur le site et le quittent aussitôt) Activer les leviers d une bonne communication auprès de vos visiteurs Fidéliser vos internautes existants

6 Jackob Nielsen Résumer et expliquer clairement le but d'un site sur la page d'accueil, Offrir un contenu adapté aux besoins de l'utilisateur, Donner des réponses brèves aux questions des navigateurs, Maintenir une approche minimaliste et éviter les images trop lourdes, Offrir un maximum d'éléments fondamentaux compréhensibles. L ergonomie Sur l ensemble du site internet (Une récente étude a été menée par Wysistat sur un peu plus de 1000 sites à partir de données statistiques de consultation : 57% des internautes sont arrivés par une page interne du site, seuls 43% parviennent sur le site par la page d accueil. Et parmi ceux entrant par une page interne, seuls 22% iront faire un tour sur la page d accueil ) Minimum de clics pour accéder à l information

7 L accessibilité Utilisation d url simple et intuitif Temps de chargement des pages réduit (40% des visiteurs quittent votre site s il met plus de 3 secondes à s afficher) Technologies accessibles par tous et qu'elle que soit le type de machine connectée. Conformité aux usages d'internet habituels. Un ensemble homogène favorisant l accès aux informations recherchées. Le Design Une charte graphique au reflet de l image de l entreprise et adapté à sa communication, De 3 à 6 couleurs maximum, Une typo simple et sobre entre 9 et 12 pour le corps du texte, Eviter les majuscules elles ralentissent la lecture de 13 à 20%

8 La navigation Une page d accueil sachant aller à l essentiel : (elle n aura que 30 secondes pour séduire ses internautes). Une arborescence limitant les efforts cognitifs de l utilisateur, Une navigation intuitive permettant de réduire le temps d accès à l information recherchée une hiérarchisation des rubriques et sous rubriques cohérente. Les éléments internes facilitant une navigation descendante et transversale L internaute doit savoir en permanence où il est, où il va et d où il vient La navigation

9 Le texte La lecture est sur écran 4 fois plus difficile que sur papier Une rédaction à partir de phrases et de paragraphes courts, Une mise en avant de vos phrases clés en gras, Des titres et sous-titres explicites Le texte Le texte est-il bien découpé (aéré) en paragraphes? Les paragraphes ont-ils une longueur inférieure à 60 mots? Le nombre de mots par ligne de texte varie-t-il de 8 à 12, sans toutefois dépasser un maximum de 15, soit un empan de 40 à 70 signes maximum? La longueur des phrases varie-t-elle de 12 à 20 mots? Les phrases d'une longueur de 25 à 30 mots peuvent-elles être réduites pour passer sous la limite des 20 mots? Source : Crawford Kilian - Writing for the Web (

10 Le texte Source : SEO, CONTENUS & ERGONOMIE Arnaud BRIAND - 4 et 5 février 2013 Le contenu Ce que permet le contenu : référencer, fidéliser, informer Comment? Par du contenu réactualisé, des liens pratiques adaptés au site et à son environnement, des mots choisis et pertinents pour les robots

11 Les éléments sécurisants Pour amener un internaute jusqu à l achat de son produit, un site de ecommerce doit posséder un univers qui rassure et réassure en permanence l internaute dans sa progression d achat. En navigant d écrans en écrans, il ne doit pas y avoir de rupture dans la charte graphique. La charte graphique définit : le logo (position, taille ) l harmonie des couleurs déclinées d après le logo le jeu de caractères la prise de vue des photos le choix des images LES FACTEURS CLES DE VOTRE E- REUSSITE

12 LES FACTEURS CLES DE VOTRE E- REUSSITE Exemple

13 La conversion CONVERTIR, c est faire faire quelque chose à un internaute! Pour cela, il faut établir des objectifs de conversion! Optimiser les pages Web pour maximiser la conversion! Mesurer les résultats de conversion Remplir un formulaire Acheter Télécharger un article Demander un devis en ligne Cliquer sur une page définie Téléphoner La page d accueil d un site suit le même raisonnement Logo / slogan Téléphone Horaires Nous contacter Menu Boutons d action Actualités Promos Newsletter Notre proposition unique de vente (Faites réagir le visiteur) Autres boutons d action Moins Logo important / slogan Sauf si utilisation de la couleur

14 Les règles d or de la conversion sur un site Evitez à l internaute d avoir à réfléchir : " Une page d accueil attrayante " Un menu simple et convivial " Des boutons d action bien visibles et sur toutes les pages " La possibilité de revenir en page d accueil très facilement 2. Soyez accueillant comme dans une boutique " Un visuel agréable, des photos et éventuellement des vidéos " Un message clair et crédible pour l internaute " Un contenu rédactionnel de qualité, élaboré à partir de mots clefs bien choisis " Le visiteur devient un prospect qui devient un client 3. Un site doit avoir «3 obsessions» " Etre visible sur Internet (facile à trouver) " Retenir les visiteurs qui ont cliqué pour s y rendre " Faire agir l internaute (conversion) Bases pour un site Privilégiez le contenu (qualité, rédaction) Le design sert a valoriser le contenu Sachez séduire - pénétration dans le site Sachez intéresser - parcours du site Sachez générer une action - mail, newsletter, contact, etc. Sachez fidéliser - évolution du contenu, mise à jour Optimisez l'ergonomie - vitesse, navigation instinctive Proposez un site multilingue

15 10 secondes, c est le temps moyen dont un site dispose pour convaincre les visiteurs de rester. En savoir +