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 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. Un des méthodes en architecture de l'information est le tri de cartes ou tri par cartes (card sorting). 1.2. L'idée principale consiste à présenter aux utilisateurs chacun des contenus du site sous forme de cartes, pour leur demander de les organiser par groupes. ETAPE 1. La première étape est la présentation des cartes à l'utilisateur. ETAPE 2. 1.3. Related:  Méthodes & ergonomieUI/UX

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. 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. A la suite de différentes lectures (cf plus bas pour les plus significatives), j’ai essayé de modéliser une fiche type et d’y ajouter un exemple concret. OK mais à quoi ça sert ? Et bien, par exemple, on peut déduire de cette première persona que dans le domaine de l’information santé, il faut prévoir plusieurs niveaux de lecture. Dans la cadre d’une approche classique, on fait souvent la liste des contenus diffusables, puis on les réécrit éventuellement pour qu’ils soient intelligibles par le « grand public ». A lire PERSONAS: définition et démarche (Qualitystreet.fr)

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 ? L'URL Rewriting (réécriture d'URL en bon français) est une technique utilisée pour optimiser le référencement des sites dynamiques (utilisant des pages dynamiques). Exemple : article.php? Dans cet exemple, le fichier article.php est utilisé pour afficher un article dont le texte vient d'une base de données. Le problème est que certains moteurs n'indexent pas les pages ayant des URL de ce type. Grâce à l'URL Rewriting, Google ainsi que n'importe quel robot va pouvoir indexer les pages dynamiques. URL Rewriting : comment ça marche ? Le principe est très simple : sur un site qui utilise l'URL Rewriting, on ne peut plus se rendre compte qu'il est basé sur des pages dynamiques. Le webmaster doit changer la façon dont il écrit les liens, selon des règles qu'il va se fixer lui-même. Pour aller plus loin

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… Vous ne devez pas choisir un thème uniquement parce que vous le trouvez beau. De même, par pitié, n’achetez jamais un thème sur un coup de tête. En procédant ainsi vous êtes quasi assuré d’aller droit dans le mur. Comme pour toute décision importante, vous devez garder la tête froide. Rappelez-vous que le thème que vous allez choisir va vous représenter (ou votre client) sur internet pendant quelques années. Note : Cet article est une adaptation d’un chapitre du guide gratuit « Themeforest : Le guide ultime pour dénicher votre thème WordPress« . Reprenons. Oui vraiment. Quel est le but de votre site ? Exemples :

MindMup - Creation Arborescences This operation requires a valid MindMup Gold License. Export, save and embed larger maps using MindMup Gold. We have sent a temporary access code to your e-mail. Please wait, your license is being restored We could not find that email or username. If you are a new user select I want to sign up, or go Back to provide a different email. Please wait, sending the access code to your e-mail The code you entered was rejected. If you think this is an error, please email us at contact@mindmup.com This operation is not authorised under your current MindMup Gold License. Click on Log Out to change the active license in this browser or Renew to extend the current license. If you think that this is an error, please send us an e-mail at contact@mindmup.com and include your current license. This license is invalid or expired Click on Log Out to change the active license in this browser. This license server is unavailable at the moment. A subscription has not been purchased for this license

Card-sorting Tools Card-sorting is a great way to learn how users, or prospective users, of a website perceive the logical relationships among the various elements of the site. There are three basic steps to any card-sorting project: Define the cards to be sorted. These are commonly brief descriptions of the candidate pages of a website, not including pages that are purely for navigation. Card-sorting is one of the "Special Topics" we discuss in Chapter 9 of our book, Measuring the User Experience. Here are some of the examples from the book of the analysis of open card-sort data: The following are some of the tools that can help you do card-sorting studies. Comments? Measuring UX Homepage | Beyond the Usability Lab Homepage

Architecture de l'information Introduction L'architecture de l'information est la structure d'organisation sous-jacente à un système de contenu. Ce système de contenu peut être le web, et c'est souvent dans ce cadre que l'on parle d'architecture de l'information. En effet, là où il y a de l'information, il y a potentiellement architecture de l'information. Cet article présente les grands principes qui permettent de l'optimiser : systèmes d'organisation, de navigation, terminologie et fonctions de recherche. 1. Le web est par définition un domaine de prédilection pour la diffusion d'informations et de connaissances. L'architecture d'information d'un site, c'est sa structure conceptuelle. L'objectif consiste donc à trouver un système d'organisation des informations optimal, qui soit adapté aux tâches de recherche de l'utilisateur. Quoiqu'il en soit, travailler sur l'architecture d'un site, c'est essayer de faciliter l'activité cognitive de recherche d'information. » L'analogie avec l'architecture 2. 3. 4. Conclusion

Url Rewriting, Regex: actualité, tutoriel, download Simple, Real And Bug-Free Foundation Development Advertisement It’s just like that for your product, too: people rely on our products to work. Bugs erode trust, which in turn loses customers. So when we began updating Foundation, a responsive CSS framework, we wanted to ensure everything worked. Thoroughly. In this article you’ll learn our methodology for testing responsively, not just on a case by case, page-from-PSD comp. Firstly, how do we define “broken”? It’s not enough to look for blatant bugs. Test Ideas From The Start — Even Before Code Long before we reach a more organized review process, we work closely with our customers to test ideas before coding them out. Remember that “broken” isn’t just about parse errors. We love sketching1. Sharpie sketches are surprisingly useful to help us prevent problems at a high level. What appears (or doesn’t) on each page per configurationHow those elements are arrangedOur favorite hero pic will get sized down how small on mobile devices…? Use A Visual Checklist Still, it improved. (da, og, ml)

Ergophile - Ergonomie Web & Mobile Multidimensional Scaling (MDS) in Excel tutorial | XLSTAT This tutorial will help you set up and interpret a Multidimensional Scaling (MDS) analysis in Excel using the XLSTAT software. Not sure if this is the right multivariate data analysis tool you need? Check out this guide. What is Multidimensional Scaling? Multidimensional Scaling (MDS) is a data analysis method which is widely used in marketing and psychometrics. The aim of the methods is to build a mapping of a series of individuals from a proximities matrix (similarities or dissimilarities) between these individuals. To build an optimal representation, the Multidimensional Scaling algorithm minimizes a criterion called "Stress". Dataset for Multidimensional Scaling An Excel sheet containing both the data and the results for use in this tutorial can be downloaded by clicking here. The data correspond to a survey performed over 10 testers which have been asked to rate (the score ranges from 1 to 5) five chocolate bars, where only the product P1 is already available on the market.

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. 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. Voici les questions que vous devez vous poser :- Quelle est la mission du site Internet ?

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. Les styles par défaut de l'agent utilisateur Chaque navigateur applique aux pages Web un ensemble de styles par défaut. Ces styles de l'agent utilisateur ont un double rôle : On rencontre donc plusieurs différences de rendu par défaut d'un navigateur à l'autre. L'élément body est doté de marges de 8px par Firefox et par Internet Explorer. Les styles utilisateur

15 Examples of Great Mobile Website Design Now more than ever, businesses are focusing on creating delightful mobile website experiences. After all, 80% of Internet users are using smartphones to search online. What's more, marketers are gearing up for a big change Google plans to make to their algorithm starting on April 21, 2015. Google wrote in their official blog that they will be "expanding our use of mobile-friendliness as a ranking signal," and their update should have a significant effect on marketers. When Google makes this change, it will have a bigger impact than Panda or Penguin. Download our free guide here to learn how to design your own mobile-friendly website. In other words, if you haven't been focusing on improving your mobile experience, you'd better prioritize it now, or your search ranking might suffer. To help inspire any mobile website design changes you'll be making to prepare for the impending algorithm update, here's a list of 15 companies who really nailed their mobile web experience. 1) Shutterfly 3) Etsy

Related:  usability