Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine Education sans émotion n’est que ruine… » Article » OWNI, Digital Journalism Mettre l'accent sur la matière à enseigner, comme le fait notre éducation nationale, et négliger l'aspect émotionnel de la relation professeur-élève nuit à l'apprentissage nous explique Emmanuelle Erny-Newton, enseignante et pédagogue. Il y a quelques semaines, OWNI publiait la « Lettre à Laurence », retraçant le parcours d’une nouvelle enseignante arrêtée pour dépression. Une voix intéressante au milieu des turbulences du moment – intéressante parce qu’elle exprime, non des revendications, mais avant tout des émotions. Situons brièvement les faits : en France, depuis la réforme du master, les futurs enseignants se voient enseigner exclusivement leur matière, et ce jusqu’à l’obtention du CAPES. “Laurence, si vous ne vous sentez pas capable de faire ce métier, il faut démissionner.” » Cruelle gestion des ressources humaines que cette façon de « préparer » les enseignants à leur métier en toute abstraction des élèves, puis de laisser à la nature le soin de faire le tri final.
8 critères ergonomiques pour évaluer la persuasion d’un site Cela fait près de 18 ans que les professionnels se basent, entre autres, sur les critères ergonomiques de Bastien et Scapin. Bien qu’ils soient toujours pertinents et utiles, ils ne sont plus suffisants pour représenter la réalité actuelle du Web. La tendance est à la recherche de persuasion et, bien qu’on en parle de plus en plus sur Internet, c’est un domaine qui manquait cruellement de référence pratique. Ce n’est plus le cas. Dans sa conférence du 29 avril 2011, Eric Brangier nous présentait des critères d’évaluation de la persuasion. Ces critères, qui devraient être publiés bientôt sur le site du laboratoire ETIC de l'université Paul Verlaine, vont permettre d’ouvrir de nouvelles voies dans l’évaluation et la conception d’interfaces. Avant la persuasion : évolution des recherches en ergonomie Durant les 40-50 dernières années, les recherches en ergonomie des interfaces ont beaucoup évoluées. Critères d’évaluation de la persuasion Les critères suivants sont organisés en deux groupes.
Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab "Accessibilité du Web - Glossaire Web - Paris-Web" Aller au contenu – Aller à la navigation Glossaire Web Dans le cadre des conférences Paris Web Accessibilité du Web Dans une acception large, un site accessible est un site conçu suivant des standards qui rendent son contenu et ses fonctionnalités accessibles : aux personnes ayant une faible connaissance d’internet ou une faible bande passante, aux personnes qui naviguent avec des périphériques restreints, aux outils manipulant le contenu (robots d’indexation des moteurs de recherche, traducteurs automatiques, etc.). Vous entendrez ce mot lors des conférences suivantes : Je veux un VRAI sous-titrage ! Éditer cette entrée Retour au Glossaire Index Alphabétique Paris Web 2011 c'est : Nous suivre Fonctionnement du site Pour ajouter une nouvelle entrée dans le Glossaire, aller sur la page Entrée Glossaire Pour modifier un texte, double cliquez sur le texte pour l'éditer rapidement si vous êtes enregistré sur le site. À propos
Match Ergonomie Versus Design – Qui gagne ? Note de Benoit : Aujourd’hui j’ai le plaisir d’accueillir Augustin Gueldry sur info-ecommerce. Augustin est spécialisé dans la logistique et le transport avec Colicoach et propose de nombreux articles sur la logistique sur le blog livrezfacile. Il nous propose un bilan de l’année 2013 sur la logistique et une prospective 2014. Rétrospective 2013 et Tendances 2014 pour le transport et la logistique e-commerce A cette période, il est toujours utile de faire un bilan de l’année écoulée pour mieux se tourner vers 2014. Transport : un secteur en profonde mutation. Le contexte général du fret reste globalement très bas avec un niveau de fret routier qui reste inférieur d’environ 25% par rapport à début 2008 et un record de défaillances d’entreprises au 1er semestre 2013… Sans surprise, la tendance générale de l’économie européenne affecte donc directement l’activité de la profession. Après la disparition du Sernam en 2012, c’est au tour du messager MORY DUCROS d’être en grande difficulté.
« Responsive Web Design » : Aperçu du livre La semaine dernière j’ai eu la chance de recevoir dans ma boîte aux lettres, le quatrième opus, en version presse, des excellents petits livres de poches de la collection « A Book Apart », édités par Eyrolles. Ce dernier est intitulé : « Responsive Web Design ». Les précédents de la série étaient : A ce propos, je vous conseille de lire les différentes critiques que j’ai pu faire sur ces trois livres, qui je l’espère vous incitera à les lire. Ethan Marcotte, auteur du livre est connu dans le cercle du développement Web. Voici donc mes notes à propos du livre ! Avant de commencer je vous propose d’introduire le sujet avec une introduction récupérée sur l’excellent alsacreations : La spécification CSS3 Media Queries du W3C définit les techniques pour l’application de feuilles de styles en fonction des périphériques de consultation utilisés pour des pages (X)HTML. Très prometteur comme introduction non ? Au sommaire Comment est abordé le sujet ? Ce que j’en pense…
Meaningful Transitions // Home Meaningful Transitions - Motion Graphics in the User Interface »Meaningful Transitions - Motion Graphics in the User Interface« deals with the use of animations in the user interface. It documents transitions in a clustered way to show at which point transitions can be a helpful extension to a static user interface, because of cognitive benefits to enhance the user experience. The purpose of Meaningful Transitions is to illustrate the process of the interaction and the structure of the user interface. »Does your animation have weight, depth and balance? Does your animation have weight, depth and balance? This Website was created in context of the Interface Design Bachelor's degree at the FH Potsdam 2011 by Johannes Tonollo. »Meaningful Transitions - Motion Graphics in the User Interface« deals with the use of animations in software user interface. Click to read »Meaningful Transitions - Motion Graphics in the User Interface« (Preview/German)
An Extensive Guide To Web Form Usability - Smashing UX Design Advertisement Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable. Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability. In this article, we’ll provide practical guidelines that you can easily follow. Why Web Form Usability Is Important The ISO 9241 standard defines website usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.” Let’s clarify this last point by discussing the three main uses of forms. Uses of forms, based on Luke Wroblewski’s Web Form Design: Filling in the Blanks2. Thus, the relationship between forms and usability have two aspects: Forms can make a website usableor unusable, because they stand in the way of the user achieving their goal;Forms need to be usablein order to help the user achieve that goal. Aspect 1: The Relationship 1.
Innovations - Le responsive design: le nouveau visage d'Internet? Publié le 05 janvier 2012 Les usages digitaux évoluent et entrainent dans leurs sillages une prolifération des supports. Portables, tablettes, ordinateurs, netbooks ou smartphones, le défi à venir sera de pouvoir harmoniser cette démultiplication de l’écran. Eclairage par Dagobert dans sa dernière étude sur le sujet… Réponse concrète à la prolifération des formats d’écran, le responsive design, qui agite les spécialistes depuis quelques mois, est une approche radicalement novatrice dans la distribution de contenus et services en ligne. Aujourd’hui et depuis plusieurs années, les professionnels de la com et les consommateurs font face à la multiplication des terminaux: ordinateurs fixes, ordinateurs portables, smartphones aux tailles d'écrans variées, tablettes et bientôt téléviseurs connectés… Les résolutions et tailles d’écrans se font plus nombreuses, sans compter les différences et les nouvelles habitudes de lecture. Sylvain Bénémacher La suite de l'étude ci-dessous :
Bonnes pratiques pour les écrans d’identification Souvenez-vous, il y quelques années je me réjouissais de la simplification de la procédure d’identification avec Open ID : La création de compte simplifiée avec OpenID. Depuis, les choses ont bien changé avec l’avènement des réseaux sociaux et leurs mécanismes de social login. Je veux bien croire que le fait de s’appuyer sur les profils des internautes permet de gagner du temps et d’augmenter le taux de conversion, mais de là à ne proposer que cette option comme Klout, c’est extrêmement gênant. Ce type de mécanisme d’identification fonctionne bien pour ceux qui ont un compte Facebook ou un profil Twitter, mais pour ceux qui en ont plusieurs, cela engendre des conflits insolubles (j’ai dû avoir recours au support technique pour me dépatouiller de ce bazar). Sinon dans le même genre il y a aussi Asana qui restreint le choix à Google Account et le met en première position : On trouve aussi la même chose chez Pinterest avec un formulaire minimaliste, mais soigné :
10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter. Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie. Crime n°2 : avoir un logo qui ne contient pas de lien vers la page d’accueil de votre site Crime n°3 : ne pas avoir de couleur différente sur les liens qui ont été visités