27 conseils pratiques en ergonomie Web Website Stencil Kit New design coming soon. Brainstorm website and app ideas with ease using our precision cut Website Stencil Kit. Wireframe quickly and efficiently with the most commonly used iconography and interaction techniques. The kit includes:-Stainless steel stencil with all your favorite user interface iconography- 8 1/16 x 3 inches-Zebra mechanical pencil-Plastic protector-2 UI Stencils Stickers-Downloadable .PDF letter or A4 paper template This kit works with our Responsive Sketch Pad or our Browser Sketch pad New design coming soon. Brainstorm website and app ideas with ease using our precision cut Website Stencil Kit. The kit includes:-Stainless steel stencil with all your favorite user interface iconography- 8 1/16 x 3 inches-Zebra mechanical pencil-Plastic protector-2 UI Stencils Stickers-Downloadable .PDF letter or A4 paper template This kit works with our Responsive Sketch Pad or our Browser Sketch pad
45 sites pour créer son avatar Si vous suivez régulièrement ce blog, vous savez déjà que les avatars sont pour moi une source d’inspiration récurrente. La possibilité de créer en quelques clics un personnage à son image dans des styles très différents est plutôt sympa, non ? Je vous ai présenté de nombreux services de ce type. Edit : ajout de 15 nouveaux sites. Skaaz Skaaz vous propose de créer un personnage qui dialoguera avec vos visiteurs en votre absence. La présentation complète Gizmoz Uploadez votre photo, le site vous créera votre avatar en 3 dimensions. La présentation complète Voki Dans un style proche de Gizmoz, Voki vous permet de créer un personnage en mouvement qui parle. La présentation complète Créer son Simpson A l’occasion de la sortie du film des Simpsons, un site spécial avait été mis en ligne. La présentation complète Magixl Ce site vous propose un générateur de caricatures. La présentation complète Face your manga Faut-il encore le présenter ? La présentation complète. La présentation complète Be Funky Osoq
Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab jQuery.Shapeshift What is Shapeshift? Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest. What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order. Function > Form Shapeshift was designed to always render the same grid as long as the elements are in the same order. Features Column Grid System: All items flow from left to right, top to bottom.
Designing More Usable Web Sites This section of Designing a More Usable World is dedicated to cooperative efforts linked toward building a more usable Web for all. At the present time, there are a number of interlocking and interrelated efforts. These include: Accessible Web Guidelines Reference Materials for Creating Accessible Web Sites WAI Quick Tips Reference Card - An introduction to the key concepts of accessible web design.Getting Started: Making a Web Site Accessible - A resource for learning and understanding Web Accessibility. Web Access Tools User Tools Author Tools Governmental Efforts Selected Resources on Disability and Web Use General How People with Disabilities Use the Web - This document provides an introduction to use of the Web by people with disabilities. Screen Readers Introduction to the Screen Reader - This short video, featuring Trace Center Instrumentation Specialist Neal Ewers, demonstrates how screen readers assist the blind to navigate the web, access electronic documents and more. Color Blindness
BP Eminet, Développement et formation Drupal, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme Cet article est paru sur le site www.marketing-internet.com. Il a été complété par la suite. La réflexion concernant l’utilisation d’une typographie adaptée est une partie trop souvent oubliée dans une bonne démarche « ergonomique ». Cinq siècles de typographie et de texte imprimé ont modelé notre approche de la lecture. Après tout que représentent 30 ans d’informatique éditoriale en comparaison avec 500 ans de tradition d’imprimerie ? L’objectif de cet article est de soumettre quelques bons principes pour savoir ce qui fonctionne ou pas, et surtout être capable de l’expliquer au client ou au donneur d’ordre. Des études de comportement ont montré que les techniques de lecture, de recherche et de navigation d’un internaute ne sont pas les mêmes sur un écran que sur le papier. Il existe par ailleurs une différence « technique » de taille entre l’encre qui s’étale sur un papier et un triple faisceau lumineux qui excite des particules luminescentes placées derrière notre écran. Gothiques Et :
Création automatique de sites Web En bref ... On peut classer les générateurs automatiques de sites en 3 catégories : En détail ... Générateurs en ligne Les systèmes payants sont très nombreux et nous n'avons pas jugé utile de tous les passer en revue. Google Sites (ex "Google Page Creator") : voilà un système vraiment trés, trés simple à utiliser, gratuit et sans publicité. WebSelf : Aussi simple à utiliser que Google Sites, il se paye le luxe d'offrir d'avantage de possibilités de mise en page et d'offrir un grand nombre de gabarits assez esthétiques dans une grande variété de couleurs. Weebly : voilà un système simple et comparable à Google Sites avec un peu de "clinquant" en plus. Alice : 100 Mo d'espace gratuit et pas de publicité. Lycos : une interface simpliste et 50 Mo d'espace gratuit de stockage. Voila : l'interface n'est pas d'une clartée limpide, mais on s'y fait, et l'hébergement gratuit limité à 100 Mo a de quoi convaincre. Nos préférés : Google Sites pour un site strictement personnel. A lire :
Design d’interface L’ergonomie et l’architecture d’information sont essentielles pour la compréhension d’une interface. On ne peut cependant pas les détacher de la notion de design. La perception d’une application sera fonction de son apparence autant que de sa simplicité d’utilisation. Le design d’une interface participe donc largement à son utilisabilité. Le design d’information Le design d’information favorise l’accès à l’information. Cela nécessite une étude préalable approfondie, centrée utilisateur, qui permettra de définir le design d’interface et le parcours utilisateur parfaitement adaptés au public et à sa finalité. Le design d’information n’est pas pensé en terme artistique ou créatif. Le design d’interaction Le design d’interaction cherche à créer un dialogue, une interaction, entre une interface et ses utilisateurs. Il créé l’interaction en engageant l’utilisateur et en l’intégrant au cœur même du fonctionnement du système. Le design de Services Designer l’immatériel Le design d’innovation
L'ergonomie dans la conception d'un formulaire Introduction Le formulaire est l'un des moyens pour l'utilisateur d'envoyer des données, alors que son comportement classique sur le web consiste plutôt à recevoir des informations. Cette notion entraîne des problématiques d'ergonomie autres que celles liées à la simple consultation de contenus. Cet article présente les standards d'ergonomie web pour la conception de formulaires et quelques recommandations à adapter à la spécificité de chaque situation. Les thématiques concernant les formulaires couvrent un large champ d'application, dans les domaines du logiciel et du web, pour le grand public ou les applications métiers, pour les novices ou les utilisateurs expérimentés. Qu'ils servent à envoyer un message, acheter un produit, remplir un questionnaire ou accomplir une tâche professionnelle plus précise, les formulaires doivent respecter certaines règles. Il existe une grande différence entre un formulaire destiné à un site grand public ou à une application professionnelle. 1. » La ligne
Mind mapping pour la gestion de projet Il existe 4 types de raisonnement : 1 – “En chaîne” = séquentiel : étape par étape . Il s’agit d’un raisonnement séquentiel. 2 – “En étoile” ou “radial”= ex. le “SON” est le seul point commun à tous les concepts, d’où appellation de connaissances cloisonnées. 3 – “Arbre hiérarchique” : décomposition en sous parties comme pour le cas de l’analyse d’un problème à travers sa décomposition en sous-parties pour pouvoir les étudier plus facilement. 4 – “En réseau” : interconnexion (prise en compte de la complexité).