background preloader

Rédaction web

Rédaction web
Lire sur le web est beaucoup plus pénible et plus lent que sur le papier. Et la majorité des internautes ne lisent pas les contenus des sites internet. L'utilisateur d'un site ne lit pas mot à mot, son oeil scanne, survole, explore. L'objectif n'est pas de faire de la littérature, mais de proposer l'information importante vite et bien. L'utilisateur doit comprendre instantanément si le contenu de la page correspond à sa recherche. Pour rendre les informations plus lisibles sur le web, voici quelques recommandations utiles pour une bonne rédaction web. 1. Les informations les plus importantes doivent être présentées au début. Il faut donc hiérarchiser l'information. De cette manière, l'information utile et importante est immédiatement accessible. 2. Après avoir hiérarchisé l'information, donnez un titre à chaque partie pour faciliter l'accès à l'information. Le titre est particulièrement important car il contient les informations principales. 3. Préférez les paragraphes courts. 4. Related:  ergonomieguyabalainErgonomie

Ergonomie web: 3 principes à garder en tête pour une ergonomie efficace de votre site Internet (PARTIE 6) Ergonomie web: 3 principes à garder en tête pour une ergonomie efficace de votre site Internet (PARTIE 6) Avant dernier article de la série “Les étapes détaillées pour créer un site capable de persuader et convertir ses visiteurs.” Je considère personnellement l’ergonomie comme: « LE » levier de performance par excellenceet un important levier de différenciation pour votre site web. Le magazine papier « de référence », Ecommerce mag, a relayé une étude réalisée par Benchmark Group: 75 % des internautes rencontrent “souvent” des difficultés pour trouver ce qu’ils cherchent sur les sites66 % trouvent les contenus des sites “souvent mal présentés” 58 % sont “souvent” confrontés à des problèmes de navigation Découvrez 3 grands principes valables pour tout projet web et à garder constamment en tête pour concevoir les fondations d’un site « ergonomiquement » efficace. 1 – L’internaute ne lit pas; il scanne des mots clés Ensuite, balisez vos textes avec

Design et ergonomie d’un site Web Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ? Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe. Le zapping

8 façons d’améliorer l'expérience utilisateur sur votre site Un site web doit être en adéquation avec les besoins des utilisateurs afin qu’ils puissent trouver les informations recherchées et réaliser les tâches nécessaires le plus rapidement possible. Les sites lents ou qui proposent une interface déroutante sont frustrants et la majorité des utilisateurs sont peu tolérants avec les expériences utilisateurs pauvres. Améliorer constamment votre site est très important pour maintenir un flux constant d’utilisateurs heureux. Si vous buttez sur ce sujet, voici quelques idées pour commencer à optimiser votre site. 1. Pour perdre un utilisateur, quelques secondes suffisent ! 2. Le logo présent dans l’en-tête de votre site doit être comme un phare, guidant les utilisateurs vers la page d’accueil lorsqu’ils en éprouvent le besoin. Dans le cas contraire, ils devront chercher soit un bouton en forme de maison, utiliser frénétiquement le bouton « retour » du navigateur, ou pire, retaper l’URL de votre site dans la barre d’adresse…voir quitter le site. 3.

Ergonomie web: Pour des sites web efficaces - Amélie Boucher Les « Style Tiles », un nouvel outil pour le webdesigner ? | Édition Nº4 Mais qu’est-ce que c’est ? On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… Pourquoi s’en servir ? Ça marche bien et les clients y sont habitués. Partie intégrante de la démarche de “responsive webdesign” (“design adaptatif”), les “Planches Tendances” se proposent donc de décorréler la structure de page du choix des aspects graphiques et stylistiques en eux-mêmes. Conclusion

Ergonomie de la page d'accueil Introduction La page d'accueil est un des thèmes récurrents en ergonomie web. Son rôle capital en fait une des pages les plus analysées d'un site. Point d'entrée fréquent dans le site, elle est aussi celle qui témoigne du plus grand nombre de visites. Cet article présente les fonctions d'une page d'accueil ainsi que quelques règles simples à appliquer pour qu'elle soit utile et facile à utiliser. Nous évoquons uniquement les pages d'accueil des sites internet, et non des intranets, où les règles à appliquer sont différentes. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site web (en termes de cohérence, de lisibilité, de trouvabilité, de terminologie...), mais dont on ne parlera pas ici car elles ne concernent pas spécifiquement la page d'accueil. 1. On parle de "page d'accueil" pour désigner la principale page d'un site web, permettant l'accès aux autres pages du site et accessible par le nom de domaine. 2. 2.1. 2.2. 2.3. 3. 3.1. » Navigation » Information 4.

Ergonomie web - Téléchargements Téléchargements Téléchargez gratuitement un extrait du livre ! Offrez-vous un aperçu du livreen téléchargeant dès maintenantla règle n° 2 (Chapitre 5).Cet extrait concerne l’organisationvisuelle des pages web. » Télécharger (PDF, 4.1 Mo) Support au chapitre 5 Votre aide-mémoire d'ergonomie : les 12 règles Télécharger (format jpg, 53 Ko) Vu à la page 68 (Chapitre 3) : La Figure 3-28 en audio Ce mp3 vous permet d'entendre comment une synthèse vocale (ici, Jaws) lit le contenu d'une balise Title. Cette information, qui n'est visible sur le site que dans une info-bulle, devient capitale en mode auditif. En effet, la perception auditive est nécessairement linéaire. Ergonomie web, le site du livre

Théorie de la Gestalt La théorie de la gestalt, « forme » en Allemand, est une théorie d’origine allemande (début du XXème siècle) qui définit les principes de la perception. Le postulat de base est le suivant : devant la complexité de notre environnement, le cerveau va chercher à mettre en forme, à donner une structure signifiante à ce qu’il perçoit, afin de le simplifier et de l’organiser. Pour cela, il structure les informations de telle façon que ce qui possède une signification pour nous, se détache du fond pour adhérer à une structure globale. Cela s’applique à tous les sens. Cette théorie de la gestalt se décompose en lois : Comment appliquer cela aux interfaces ? Des zones ayant des fonctions ou une importance similaire devront avoir un aspect graphique similaire.Dans un formulaire, les champs concernant l’adresse (rue, n°, code postal, ville, pays) vont être regroupés dans un bloc. Quelques exemples des lois de la Gestalt. Ce diaporama nécessite JavaScript. Auteur : Raphaël

Liens - ergonomie, architecture de l'information, utilisabilité derniers liens User Interface (Q&A) Une plateforme de Questions / Réponses dédiée à l'expérience utilisateur web et mobile. » Visiter le site Baekdal.com Le site de Thomas Baekdal est très riche en ressources diverses, la plupart appartenant au champ de l'expérience utilisateur. Colour Contrast Check Un formidable petit outil proposé par Jonathan Snook, qui permet de calculer les rapports de contrastes de couleurs et de luminances entre des caractères et un fond. » Voir tous les derniers liens Ergonomie de site web : un site web bien orchestré, c'est déjà 80% de chance de capter l'attention de son visiteur Penser l'ergonomie de son site web Il est important de garder en mémoire qu’un site web n’a que 4 secondes pour convaincre un visiteur à rester : première seconde : le graphisme est agréable ?trois autres secondes : a-t-il trouvé la réponse à ses attentes ? Ces questions sont la base même de la réussite de votre projet web, des caractères trop grands peuvent donner l’impression de crier, des couleurs mal conjuguées inspirent un manque de gout et une mauvaise disposition des éléments une incompétence structurelle. Si c’est le cas pour votre site web, pourquoi n'en serait-il pas de même pour votre entreprise ? Voici quelques pistes à suivre pour optimiser l’ergonomie et le design de votre site web : A propos de l'auteur Des formations pour tous Web Solution Way est formateur pour plusieurs centres d'accompagnement de porteurs de projet.

Les couleurs et l'accessibilité En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes (source Wikipédia). Plus de 10% de la population masculine est daltonienne dans le monde, et affectée par une perception des couleurs déficiente. Il existe différentes formes de cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien entendu, il est très difficile, voire impossible d'éviter de mettre sur son site toutes les couleurs qui pourraient être mal perçues. Cependant, il est à la portée de tout le monde de faire en sorte que les pages soient lisibles par tous, quel que soit le handicap visuel. Dans cet exemple on voit bien que C et E sont plus facilement lisibles parce que le contraste est assez fort. En plus de faire attention aux couleurs employées, je vous rappelle qu'il est important de garder à l'esprit que la couleur ne soit jamais la seule indication de sens.

Jesse James Garrett: Visual Vocabulary for Information Architecture (French) Looking for more? My book The Elements of User Experience puts information architecture and interaction design in context for beginners and experts alike. You can now order the book from Amazon.com. version 1.1b (6 mars 2002) Jesse James Garrett (contact) Original English version Traduction libre de Francois Lamotte Table des matières Sommaire Le diagramme est un outil essentiel pour communiquer l’architecture d’information et la conception d'interaction entre les équipes de développement web. Historique des versions 1.1b (6 mars 2002) L'information intégrée pour le support OmniGraffle 2.0 Nouvelle bibliothèque de formes pour iGrafx Flowcharter 2000 1.1a (17 sept 2001) Nouvelles bibliothèques de formes pour Macromedia FreeHand Feuille PDF de synthèse 1.1 (31 janv 2001) Ajout de l'élément de pile de fichiers Ajout de l'élément de sélecteur conditionnel Modification l'élément de flèche pour permettre les flèche multiples Nombreuses améliorations aux bibliothèques de formes 1.0 (17 oct 2000)

Inspiration du moment : Les sites TV/Movies Aujourd’hui découvrez de magnifiques sites autour de la thématique Movie / Tv. Retrouvez toute la séléction directement sur mon pinterest The Lincoln Movie Socbilet by Andrei Zhukov Warner Bros Ellen DeGeneres Show Warner Bros. The Bounce Legacy by Justin Carroll Créer des frises chronologiques interactives et géolocalisées Partout la séduction se déploie : aux abords des villages, dans notre assiette, dans l'apparence des gens, dans la nature. On nous séduit par les odeurs, par les yeux, les oreilles, le coeur, le geste, les idées, le ventre… mais encore faut-il savoir s'y prendre. Du coté de l'éducation en ligne, on ne trouvera pas de cours qui sentent bon la lavande, mais qui sont bien présentés, avec un certain prestige, de l'ergonomie et de la qualité. Dans les classes ? L'idée de séduire va bien au delà des apparences, la séduction est une façon de présenter l'expérience future, une promesse qui sera suivie si on accepte le jeu sans sauter trop d'étapes d'approche, sans craintes ni autres préoccupations. Séduire est tout à fait pédagogique, on est en train de le redécouvrir. Image : Spoiled dog - WilleeCole Photography - ShutterStock

Related: