L'analyse concurrentielle en ergonomie Introduction L'analyse concurrentielle est une démarche utilisée très fréquemment dans le cycle de conception d'un produit informatique. Elle consiste à étudier les sites et applications que l'on juge concurrents ou comparables, afin d'en extraire les points positifs et / ou négatifs ainsi que les conventions d'interface du domaine. Ce type d'analyse n'est pas spécifique à l'ergonomie, et est largement utilisé dans d'autres disciplines (marketing, design, technique, etc.). Dans le domaine de l'ergonomie informatique, elle est très intéressante notamment en raison de son rapport qualité / prix. 1. Le principe de base de l'analyse concurrentielle consiste à étudier les applications concurrentes. L'analyse concurrentielle est une démarche qui se déroule souvent en amont de toute réalisation, et même de la conception fonctionnelle d'un produit informatique. Il importe donc de considérer cette démarche comme une des premières étapes du cycle de conception. 2. » Une analyse plus ou moins longue
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. Mode opératoire On rédige une carte pour chaque page du site. Les cartes sont des morceaux de papier de la taille d'une grande carte de visite, de préférence en papier cartonné pour faciliter la manipulation, mais des post-its peuvent aussi convenir. Le tri par carte est effectué avec un panel d'utilisateurs représentatifs de la cible du site. Un ensemble de cartes et d'enveloppes est présenté à l'utilisateur. Le temps pour réaliser le tri n'est pas limité. Il est recommandé de ne pas dépasser les 50 cartes, car le tri risque d'être faussé par la difficulté à prendre en considération l'ensemble des cartes. Valider le contenu du site Synthèse des résultats
Articles Ergonomie 'pratiques' « Retour types d'articles L'analyse concurrentielle en ergonomie L'analyse concurrentielle est une démarche utilisée très fréquemment dans le cycle de conception d'un produit informatique. Elle consiste à étudier les sites et applications que l'on juge concurrents ou comparables, afin d'en extraire les points positifs et / ou négatifs ainsi que les conventions d'interface du domaine. Ce type d'analyse... » Lire l'article TAGS : Analyse concurrentielle, Benchmark Tri de cartes et ergonomie web L'architecture de l'information est le fondement de la structure d'une application. TAGS : Chapitres de livres gratuits, Méthodes, Tri de cartes Les supports logiciels de l'ergonome L'ergonome dans sa pratique quotidienne a besoin d'outils pour réfléchir, formaliser des idées et modèles, et conduire des tests utilisateurs. TAGS : Accessibilité technologique, Chapitres de livres gratuits, Livrables, Maquettes conceptuelles, Outils, Test utilisateur, Tri de cartes » Tous les articles Ergolab
Témoignages : 14 professionnels expliquent leur stratégie en community management Nous avons sorti il y a quelques semaines notre grande enquête 2012 sur les community managers en France. On y découvrait le profil des professionnels en poste, leurs missions, leur salaire ou encore leur intégration dans l’entreprise. Pour faire suite à cet évènement, RegionsJob et ANOV Agency ont décidé de poursuivre l’aventure en faisant réagir 14 professionnels de la communication et du marketing aux chiffres de l’enquête. Ils en profitent pour expliquer leur vision du community management, de son avenir et de son intérêt. Le document suivant reprend ces 14 interviews. Forcément intéressant car tourné vers un aspect pratique et opérationnel, il contribue à établir un état des lieux du community management en France en 2012, que ce soit chez l’annonceur, en agence, en freelance ou dans les médias. Et un merci particulier à tout ceux qui ont accepté de répondre à nos questions : Annonceurs Agences Médias Blogueurs
Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab 2. Fenêtres principales L'interface utilisateur de GIMP est maintenant disponible en deux modes : mode multi-fenêtre, mode fenêtre unique. Quand vous lancez GIMP pour la première fois, il s'ouvre en mode multi-fenêtre par défaut. Vous pouvez passer en mode fenêtre unique grâce à la commande → ) dans la barre de menus de l'image. Mode multi-fenêtre Figure 3.2. La copie d'écran ci-dessus montre les fenêtres qui apparaissent à l'écran au démarrage de GIMP, après la phase initiale de chargement. Vous pouvez noter deux panneaux, gauche et droit, et une fenêtre d'image au milieu. La Boîte à outils : Elle contient un ensemble de boutons icônes servant à sélectionner un outil. La gestion des boîtes de dialogue et des fenêtres de regroupement est décrite dans Section 2.3, « Dialogues, fenêtres et onglets ». Mode fenêtre-unique Figure 3.3. Vous retrouvez les mêmes éléments, avec certaines différences dans leur gestion : Les panneaux gauche et droit sont fixes ; vous ne pouvez pas les déplacer. Figure 3.4.
Plume Interactive : écriture web et ergonomie éditoriale par Eve Demange Vers une Usine de Développement 2.0 En repartant de l’usine de développement tel que nous la connaissons aujourd’hui, nous allons tenter de vous initier à notre vision de l’UDD (Usine de développement) de demain. En effet, en interne chez OCTO nous travaillons activement sur ce sujet de recherche. Pourtant, avant de rentrer dans les séduisants concepts qu’il pourrait apporter, revenons sur les principes et limites de ce que l’on considère comme une UDD 1.0. C’est une usine logicielle, contenant des outils pour le développement et permettant d’automatiser tout ce qui peut l’être et ce dans le processus de construction logiciel de bout en bout. En effet, le développement logiciel actuel (à l’état de l’art) suit un processus centré sur l’usine de développement. Pour avoir une vision concrète d’une UDD, nous proposons de la représenter schématiquement comme ceci : On voit ici un workflow plutôt complet et répondant aux besoins de nombreux projets. Elle apporte aussi des bénéfices implicites comme : Gestion des environnements
5 conseils rédaction pour un titre web efficace 5 conseils rédaction pour un titre web efficace Sur Internet, les internautes scannent les pages à la recherche d’une information utile pour eux. Dans ce contexte, le titre d’une page web constitue une accroche très puissante. Comment rédiger un titre web performant ? Voici 5 conseils de rédactrice web : 1- Posez votre crayon (ou levez les doigts) et réfléchissez. 2- Un titre web doit être explicite. "DSK out" (Libération). "DSK arrêté à New York" (Journal du Dimanche) aura plus de chance d’attirer l’attention des lecteurs (et des moteurs) sur Internet. 3- Votre titre ne doit pas dépasser une ligne. 4- Votre titre doit raconter une histoire. Par exemple : "Attaque brutale d'une tribu en danger" (Survival International)"M. le Président, j’ai travaillé plus pour gagner moins" (Libération) "Témoignage vidéo de Untel" marchera moins bien qu’un extrait particulièrement croustillant du témoignage en question "« + 50% du chiffre d’affaires après la refonte web »"
Nouveau thème graphique en HTML5 et responsive design Vous ne l’aviez sûrement pas remarqué, mais le thème de ce blog a été entièrement réécrit en HTML5. Le but de cette refonte n’était pas de revoir la charte graphique (qui me convient bien), mais de se livrer à un exercice de remise à niveau du code. J’ai donc demandé à mes anciens collègues de Mahi-Mahi (et notamment Alex) de se pencher sur la question et vous avez le résultat sous les yeux : un thème graphique identique au précédent, mais avec un temps de chargement divisé par deux (on passe d’une page d’accueil de 2 Mo à 880 Ko) et une mise en page en responsive design qui s’adapte automatiquement à l’écran du terminal que vous utilisez (cf. Le responsive design à l’assaut des terminaux mobiles). Donc concrètement ce blog est beaucoup plus rapide à charger (moins de 7 secondes au lieu de 14), et sa mise en page s’adapte à la largeur de la fenêtre ou du terminal utilisé. Pour rentrer dans les détails, voici les tâches réalisées sur la structure HTML :
Ressources Un pied dans l'industrie comme consultante en ergonomie cognitive depuis plus de 10 ans, et un pied dans la recherche comme doctorante en marketing électronique à HEC Montréal, mon profil double est en quelque sorte l'expression de ma spécialité. Ces deux pieds retrouvent d'ailleurs un certain équilibre à la Chaire de commerce électronique RBC Groupe Financier, où je suis Co-directrice des partenariats, et dans imarklab, le partenaire commercial de la Chaire RBC, et au sein duquel j'applique tout ce que j'ai pu apprendre en recherche UX à des problématiques d'entreprises, et cherche encore à en apprendre sur le sujet :). Je m'intéresse à tout ce qui touche à l'ergonomie des interfaces/utilisabilité et le Web 2.0, et tout particulièrement au croisement des deux, et à ce que je tente de définir comme de la "social usability" dans le cadre de ma thèse. Consulter mon profil complet. Directeur de rechercheCo-directrice de recherche
Mobile-First Responsive Web Design What Is Mobile-First Responsive Web Design? Mobile-First Responsive Web Design is a combination of philosophies/strategies, and ultimately boils down to a broader application of good ol’ web best practices. As the digital landscape gets increasingly complex, we need to design experiences that work across the entire spectrum of digital devices. Mobile First Mobile First Mobile First is a philosophy created by Luke Wroblewski that highlights the need to prioritize the mobile context when creating user experiences. Responsive Web Design Responsive Web Design is a term coined by Ethan Marcotte that articulates how to adapt a website’s layout for multiple screen resolutions. Progressive Enhancement Ultimately, mobile-first responsive web design comes down to using Progressive Enhancement as a foundation for web strategy and design. Why Mobile-First RWD Works The interactive landscape is increasingly complex. That’s what makes mobile-first responsive web design a great approach. Content.
interfaces: visualisation de données. Le traitement et la compréhension d'innombrables flux d'information est un des défis cruciaux posés par l'Internet et les bases de données. La gestion graphique et l'affichage des informations est une préoccupation croissante des métiers du web, du graphisme numérique et des développeurs. On pourra parler ici de "Design de l'information" : hiérarchiser, donner à voir, et surtout accéder à l'information. Un accès intelligent à cette montagne d'infos souvent abstraites se fera désormais par l'intermédiaire d'un outil numérique intégré : un moteur de recherche associé à une interface de visualisation. Historiquement, la cartographie est la vénérable ancêtre de la visualisation de données : montrer non pas ce que l'on voit, mais bien ce que l'on peut déduire de mesures et des calculs. Les technologies numériques ont accru la flexibilité et l'instabilité du texte (dans ses diverses composantes : typographie, livre, construction narrative), et de nombreuses oeuvres explorent ce phénomène. Liens.