background preloader

Méthodes & ergonomie

Facebook Twitter

Les bonnes pratiques à suivre pour améliorer l'accessibilité d'un site. 8 recommandations pour un meilleur effet parallaxe (Usaddict) Depuis quelques années, une nouvelle tendance s'est invitée dans la navigation web.

8 recommandations pour un meilleur effet parallaxe (Usaddict)

Cette tendance relativement récente, mais qui commence néanmoins à faire grand bruit dans le monde du web design, pose la question de l'expérience utilisateur pouvant être associée à cette nouvelle forme de navigation. Avant tout, qu'est-ce qu'un effet de parallaxe ? Accordions for Complex Website Content on Desktops.

Identité Visuelle. Comment rédiger une charte éditoriale web ? Comment rédiger une charte éditoriale web ?

Comment rédiger une charte éditoriale web ?

La charte éditoriale web, souvent négligée sur Internet, permet pourtant de garantir une véritable cohérence des contenus sur un site. Les rédacteurs et les chefs de projet se succèdent, les contributeurs se multiplient. La charte constitue une "ligne de conduite", un repère constant pour tous. Comment s'y prendre pour rédiger un tel document ? 1- Avant de rédiger une charte éditoriale web, l'idéal est de commencer par désigner une personne responsable de l'écriture de cette charte et du "projet contenu éditorial web" en général si ce n'est pas déjà fait.

"Avant donc que d'écrire, apprenez à penserCe que l'on conçoit bien s'énonce clairement,Et les mots pour le dire arrivent aisément. " 2- Le responsable du projet devra donc rassembler tous les intervenants (ou les plus impliqués dans le projet) afin de déterminer les lignes principales de la charte éditoriale web. 3- Ensuite, expliquez la structure du contenu éditorial. Zoning, wireframe, maquettage, prototype ... : les meilleures pratiques. 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.

Zoning, wireframe, maquettage, prototype ... : les meilleures pratiques

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. Parallèlement, le nombre d’applications permettant de réaliser des wireframes ou des prototypes ne cesse d’augmenter, avec à chaque fois de nouvelles spécialisations. Home - Pencil Project. Liste des bonnes pratiques Opquast. Architecture de l'information. Introduction. Les aides à la lecture, porteuses de sens et de rythme.

Ce billet a été lu 76 fois.

Les aides à la lecture, porteuses de sens et de rythme

À votre tour? Les aides à la lecture nous permettent de travailler nos informations. Claires, visibles et complémentaires, elles servent le sens et le rythme de la page. Penchons-nous sur ces blocs de texte qui se détachent d’une page de texte pour présenter des informations synthétiques sans contraintes rédactionnelles. Sans phrases en fait. Une aide à la lecture répond au principe de concision et de clarté. L’intérêt pour le sens Pour le rédacteur web, une aide à la lecture peut avoir différents objectifs: Mettre en avant l’information principale: la répéter. L’intérêt pour le rythme Il n’y a pas que le fond dans la vie.

Trouver des sources d'informations pertinentes sur internet. La recherche de sources d'informations originales et fiables sur internet est un exercice de plus en plus complexe et chronophage : du fait de l'encombrement des moteurs de recherche, les pages web contenant les informations les plus pertinentes ne sont pas nécessairement les plus visibles.

Trouver des sources d'informations pertinentes sur internet

Une difficulté pour les professionnels qui cherchent des informations dignes de confiance pour appuyer un argumentaire, réaliser des présentations, organiser des séminaires et des formations, ou encore faire des choix stratégiques. Pourtant, il existe un ensemble d'outils donnant accès à toutes sortes de documents de référence, et régulièrement actualisés, dans des domaines techniques très variés. Alors, comment chercher et trouver des informations de première main sur internet ? Les bibliothèques en ligne : références techniques et bibliographiques de qualité Trois bibliothèques gratuites en ligne : Tri de cartes et ergonomie web. Introduction L'architecture de l'information est le fondement de la structure d'une application.

Tri de cartes et ergonomie web

Pour optimiser cette architecture, plusieurs méthodes sont utilisées. Cet article décrit l'une d'entre elles, le tri de cartes. Personas : modèle de fiche et exemple concret. Lors de la conception d’un site ou d’une application, les entreprises (et les agences aussi…) ont souvent tendance à faire l’inventaire des contenus qu’ils veulent diffuser.

Personas : modèle de fiche et exemple concret

Peu se préoccupent vraiment des besoins réels des utilisateurs, de leurs attentes ou encore de leurs usages. Wikipedia définit les personas comme des personnes fictives utilisées dans le développement de logiciels informatiques. Il s’agit d’archétypes d’utilisateurs possibles de l’application développée auxquels les concepteurs pourront se référer lors de la conception de l’interface. Les personas s’utilisent donc dans le cadre d’une conception orientée utilisateurs et visent à s’appuyer sur des comportements modélisés à partir d’études et d’enquêtes. Si la méthode accuse certainement des limites, elle a le mérite de mettre l’utilisateur au coeur de l’application ou du site Internet.

OK mais à quoi ça sert ? A lire PERSONAS: définition et démarche (Qualitystreet.fr)