background preloader

Tri de cartes et ergonomie web

Tri de cartes et ergonomie web
Introduction L'architecture de l'information est le fondement de la structure d'une application. Pour optimiser cette architecture, plusieurs méthodes sont utilisées. Cet article décrit l'une d'entre elles, le tri de cartes. Nous détaillerons les caractéristiques des différents types de tris, le déroulement classique d'une session de tri, ainsi que le rapport entre les caractéristiques de la méthode et les besoins et contraintes de l'ergonomie web. Cet article sera volontairement orienté vers le domaine web, car c'est celui dans lequel nous disposons du plus d'exemples concrets. 1. 1.1. Il est essentiel de travailler sur l'organisation des contenus lorsque l'on conçoit une interface informatique. Travailler sur l'architecture de l'information d'un système informatisé, c'est réfléchir aux endroits où l'on va placer les contenus et à leurs appellations, afin que l'utilisateur soit susceptible de les retrouver facilement. 1.2. ETAPE 1. Etape 1 d'un tri de cartes. ETAPE 2. ETAPE 3. ETAPE 4.

http://www.ergolab.net/articles/tri-cartes-ergonomie-web.php

Tri par carte Le tri par carte est une méthode permettant d'organiser les pages d'un site web. Les pages sont représentées par des cartes en papier. L'utilisateur regroupe les cartes qui se ressemblent. Il organise ainsi le contenu du site selon son point de vue et retrouvera plus facilement les informations qu'il cherche. L’URL Rewriting expliqué aux débutants Par Olivier Duffez, le 04 août 2008 Cet article présente le principe de la réécriture d'URL et son intérêt pour le référencement de façon simple pour les débutants. URL Rewriting : à quoi ça sert ? Trouvez un bon thème WordPress avec cette méthode Vous êtes-vous déjà trompé en achetant un thème WordPress ? Si oui, souvenez-vous de ce que vous avez ressenti. Vous vous êtes probablement dit quelque chose du genre : « Allez, encore de l’argent de jeté par la fenêtre… ». À mon sens, la raison principale qui mène à un mauvais achat de thème (sur Themeforest ou une autre boutique) est une mauvaise définition des besoins du projet…

Tri par cartes Un article de Wikipédia, l'encyclopédie libre. Le tri par cartes[1] est une méthode utilisée en ergonomie informatique (voir aussi Conception centrée sur l'utilisateur) où un groupe de participants experts ou utilisateurs d'un produit de type logiciel ou site web, est accompagné dans la classification de termes. Cette démarche a pour but de concevoir l'architecture de l'information de l'application informatique[2]. Par exemple : l'arborescence des rubriques d'un site web ;la structure des menus ;l'organisation des fonctionnalités d'un logiciel. Au début du tri par cartes, les participants doivent identifier les termes, concepts, mots-clés, actions, etc. liés au produit et aux tâches qu'ils souhaitent réaliser.

Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même. Les règles de cascade CSS gèrent le rendu final d'une page Web en fonction de trois sources simultanées : les styles CSS auteur accompagnant le document, mais aussi les styles par défaut de l'agent utilisateur et les éventuels styles propres à chaque utilisateur. Dans cette combinaison, les styles par défaut du navigateur ont le poids le plus faible, tandis que ceux de l'utilisateur ont le poids le plus fort.

Cascade CSS et priorité des sélecteurs CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade ! Les styles CSS appliqués finalement à une page Web ont de multiples origines simultanées : styles utilisateurs et styles par défaut de l'agent utilisateur s'ajoutent aux différentes feuilles de styles éventuellement prévues par l'auteur, pour structurer ses CSS en modules, offrir des styles alternatifs ou styler ses documents pour différents medias. La question-clé est donc le mode de combinaison de ce large éventail de styles possibles. C'est ici qu'interviennent le fonctionnement en cascade propre aux CSS et le calcul de la priorité respective des différents sélecteurs susceptibles de viser le même élément XHTML.

Les sélecteurs 5.1 La reconnaissance d'un motif En CSS, des règles de reconnaissance de motifs déterminent les règles de style qui s'appliquent aux éléments de l'arbre du document. Ces motifs, nommés sélecteurs, sont variés, allant du simple nom d'un élément jusqu'aux riches motifs contextuels. Quand toutes les conditions d'un motif sont vérifiées pour un élément donné, celui-ci est retenu

Découvrez 5 sites avec une navigation et un concept original #122 Une nouvelle semaine pour découvrir 5 sites web qui méritent le détour pour leur concept et leur navigation. Une bonne dose d'inspiration et de nouveauté pour ce lundi ! Hello I'm V Améliorez vos sites avec une analyse complète à l'aide de l'outil Dareboost Aujourd'hui nous vous présentons un service utile pour améliorer vos sites web avec une analyse complète accompagnés de conseils précis. Dareboost analyse la structure de vos sites La performance de nos sites web avec les bonnes pratiques de développement permettent de concevoir des sites légers et rapides ! Mais il est difficile de pouvoir gérer parfaitement l'ensemble d'un site entre le HTML, le CSS, les ressources internes (Images, JS, etc.) et les ressources externes (réseaux sociaux, Google font, etc.). C'est pour cela qu'il existe des outils qui nous permettent de réaliser des analyses afin de mettre en avant les petites erreurs ou les parties à améliorer de nos sites.

Les feuilles de style en cascade, niveau 2 Recommandation du W3C du 12 mai 1998 Cette version : Dernière version : Version précédente : XHTML 1.0 : Le langage de balisage hypertexte extensible Cette spécification a été traduite par Karl Dubost, Normandie Web (karl@la-grange.net) dans une démarche volontaire. Toute amélioration est la bienvenue. François Yergeau (yergeau@alis.com) pour la correction des détails. La version française de cette traduction est : Bienvenue sur le wiki des microformats ! Les microformats sont des extensions au HTML pour marquer les personnes et organisations, événements, endroits, billets de blog, produits, critiques, C.V., recettes etc. Les sites utilisent les microformats pour publier une API standard qui est consommée et utilisée par les moteurs de recherche, navigateurs et d'autres outils.

Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web.

Related: