background preloader

Zoning site internet

Zoning site internet
Zoning, wireframe, maquette, prototype, voici des termes qui ne vous sont pas anodins, puisque nous les rencontrons de plus en plus dans le monde du Web, notamment dans les phases d’initialisation des projets. Mais savez-vous réellement ce qui se cache derrière chacun de ces termes, qui désignent l’ensemble des techniques et des outils qui permettent de maquetter graphiquement, fonctionnellement, ergonomiquement un site Web ? Tout d’abord utilisée dans la création de logiciels lourds avant la phase de développement, cette technique de conception a progressivement été adoptée, et est aujourd’hui conseillée par les professionnels du Web. ceci dit, il arrive encore couramment que l’on fasse l’amalgame entre les différents termes. Les différentes notions derrière ces termes Un zoning Le zoning est une technique consistant à schématiser une page Web à l’aide de blocs ou boîtes, dans le but de montrer les grandes fonctionnalités et les zones principales du contenu. Exemple de zoning Un wireframe Related:  critères de l'ergonomie web

8 critères ergonomiques importants pour votre site web Internet est un outil créé par des humains, pour des humains. Chaque jour, de nouveaux sites web et de nouvelles pages s’ajoutent pour être utilisés par les internautes. Cependant, il arrive encore souvent de trouver des interfaces dont l’utilisation est une torture. Parmi les ressources permettant de rendre un système informatique utile et utilisable, on retrouve les critères ergonomiques de Bastien et Scapin. 1. Le guidage désigne tous les moyens mis en place pour conseiller, informer et conduire l’utilisateur dans ses interactions. 2. Il convient de réduire au minimum la charge de travail effectué par l’utilisateur. 3. Le système informatique est une interface dont l’utilisateur a le contrôle. 4. Il faut pouvoir prendre en compte les habitudes, les exigences et l’expérience des utilisateurs. 5. L’interface doit être conçue d’une telle manière qu’elle protège l’utilisateur des erreurs via des moyens de prévention ou de détection. 6. 7. 8. Sources

Principes à suivre pour un site web de qualité : Ergonomie, Compatibilité, Accessibilité Les enjeux d'un site web sont multiples et sa compatibilité ainsi que sa qualité comptent parmi les premiers critères de sa réussite, tant au niveau quantitatif (trafic, nombre de commandes) que qualitatif. Pour être de qualité, un site doit être à la fois Utile (répondre à un besoin) et Utilisable (par tous). Les principes universels de qualité peuvent être regroupés dans trois grandes parties, s'appliquant pour tous les sites web quel que soit leur thème (ludique, sobre, académique, artistique), leur concept (professionnel, commercial, associatif, amateur,...), leur objectif et le public visé. Règles d'ergonomie L'ergonomie est la façon de rendre un site utilisable par le plus grand nombre de personnes avec un maximum de confort et d'efficacité. Pour analyser en profondeur l'ergonomie d'un site, il est possible de faire des audits d'accessibilité et des test utilisateurs, mais il existe des principes de bases dont voici une liste (non exhaustive) : Objectif du site Rédaction du contenu

Quel est le bon nombre de pages sur un site web pour qu'il soit performant ? Lors de nos échanges avec les propriétaires de sites web et leurs webmasters, il s’agit d’une question qui revient constamment. Idéalement, combien faudrait-il de pages ou de contenus sur un site web pour qu’il soit bien référencé, qu’il satisfasse l’internaute et apporte les résultats attendus à l’entreprise. 10, 100 ou 10000 pages sur un site web : quel est le bon nombre ? Et la bonne réponse est… ça dépend. Référencement naturel ou publicité ? Lorsque l’on écrit du contenu pour être bien placé dans Google pour répondre au besoin de l’internaute ET être bien placé dans Google, il y a forcément des règles que l’on respecte pour plaire aux moteurs. À l’inverse, si le trafic provient essentiellement de publicité, l’objectif est toujours de plaire l’internaute mais beaucoup moins aux moteurs. Gros mots clés ou longue traîne ? La boucle est bouclée : la longue traîne correctement organisée dans l’architecture du site favorise les mots clés plus concurrentiels. Passif SEO ou petit nouveau ?

Les fondamentaux de l'Ergonomie Web - Pierre Lainé Sur un site internet, les éléments qui doivent être particulièrement optimisés sont les éléments cliquables. L'affordance(1) des call-to-action (CTA) doit être hiérarchisée pour guider l'utilisateur jusqu'à la conversion (aspect, taille, couleur). Sur un site, les seuls éléments qui doivent être soulignés sont les éléments cliquables. En complément de cette hiérarchisation, le libellé du bouton mérite une attention propre. En 2016, Amazon a vu augmenter ses ventes de 45% grâce à l'évolution du libellé d'un bouton dans le tunnel de paiement, le bouton "register" par "continue" qui s'est révélé moins incitatif pour les utilisateurs qui ont plus facilement poursuivi leur parcours. Même si cela peut paraître être une évidence, l'interaction avec l'élément cliquable permet de retenir l'attention de vos utilisateurs et doit être systématique.

Comment créer une arborescence de site web ? - 1ère Position Sans une arborescence de site solide, un site internet n’est qu’un ensemble de pages et d’articles de blog complètement désorganisé. Les internautes ont besoin de cette architecture pour naviguer d’une page à l’autre et comprendre où trouver l’information. C’est un élément déterminant de l’expérience utilisateur (UX). Définition de l’arborescence de site web L’arborescence d’un site web désigne l’organisation du contenu et des pages d’un site internet et les liens entre chaque page. Le rôle de l’arborescence de site internet pour le SEO L’arborescence de votre site web joue un rôle majeur en termes d’utilisabilité et de visibilité, soit en termes d’UX (User Experience) et de SEO (Search Engine Optimization). Améliorer l’expérience utilisateur Fidèle de ce blog, lecteurs des publications de Google ou en veille active sur le SEO, vous n’êtes pas sans savoir que l’UX est un critère de positionnement pour le géant américain d’où la création d’un néologisme : le SXO pour UX + SEO. 1. 2. 3. 4.

Construire son site Web

Related: