Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine Basilic Ingredient Pairings Basilic goes well with... Ingredient formatting indicates how well the ingredient pairs. ALL CAPS > bold > normal > italics Click an ingredient to add it to your pairing search Find recipes that use these ingredient(s) 10 conseils d’ergonomie basés sur des études de recherche Internet abonde de conseils utiles sur l’ergonomie de sites Internet. Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design. Beaucoup de ces conseils, tel que mentionné précédemment, semblent de mise, mais ils sont enfin soutenus par des statistiques. D’autres, par contre, vous surprendront peut-être et changeront votre opinion sur certaines coutumes actuelles. 1. L’idée que les utilisateurs seront frustrés s’ils doivent cliquer plus de trois fois pour trouver le contenu qu’ils cherchent sur votre site Web circule depuis bien longtemps déjà. Mais pourquoi une limite arbitraire de trois clics ? 2. Le Dr. 3. 4.
Etat de l'art des usages médias sociaux pour le B2B | Le Blog de Jean-Noël Chaintreuil On perd beaucoup de temps dans les querelles de chiffres. [Ségolène Royal] – Europe 1 / 1 Avril 2007 Quelques faits chiffrés, à souligner: - Forte acceptation quant à l’usage des médias sociaux par les entreprises B2B : 86% - Faible taux d’engagement des entreprises B2B sur les médias sociaux, au quotidien : 32% - Concernant les employés dédiés aux médias sociaux, seulement 40% des entreprises B2B en ont. > Il manque, selon moi, une indication moyenne de la taille de l’équipe en équivalent temps-plein, pour ces entreprises; ce qui donnerait une bonne indication du recrutement passé et par extrapolation, potentiel. - Seules 10% des entreprises B2B font appel à des prestataires extérieurs (agences ou consultants) > Un brin paradoxal comme chiffres : les entreprises sont donc convaincus du bien fondé des médias sociaux mais s’engagent peu, n’ont pas d’équipes dédiées et ne contractualisent pas avec des prestataires. - Les prédictions de croissance des dépenses parlent d’un doublement.
"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
Architectes de l’information et ergonomes : même combat ? part. 1 Dans l’univers en mouvance rapide du digital, il n’est pas rare de voir des professions changer ou apparaître, semant parfois le trouble sur les rôles de chacun. Ces 10 dernières années, la prise en compte de plus en plus fréquente de l’utilisateur final dans les processus de conception a entraîné la formalisation de nouvelles tâches et de nouvelles fonctions, voire de nouveaux métiers (du moins des adaptations de métiers existants). C’est le cas de l’ergonome, qui oeuvrait déjà dans le monde informatique mais dont l’importance a pris de l’ampleur cette dernière décennie ; ou de l’architecte d’information, un jeune métier, dont le rôle reste parfois flou, surtout en France. Quelle sont les différences entre ces deux métiers ? Sur quels points se retrouvent-ils ? Comment peuvent-ils travailler ensemble ? Nous essaierons de voir ça dans cet article découpé en deux parties, en commençant par définir un peu mieux ces professions. L’architecte de l’information L’AI selon l’Etat Grande AI Petite AI
« 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…
The Ultimate Programming Cheat Sheet List For Web Designers And Developers | Web Design Dev There are so many cheat sheets around these days, and the same goes for programming languages. Cheat sheets are basically a set of notes to allow programmers quick reference to code. I have compiled a list of many different programming cheat sheets for many different programming languages. Programming languages included in the list are Ruby, Python, PHP, CSS and many more. HTML 5 Cheat Sheet Smashing Magazine has provided us with an awesome HTML 5 cheat sheet. Ruby Cheat Sheet eDocr has a brilliant ruby cheat sheet. HTML Cheat Sheet This is another HTML cheat sheet, that is displayed differently to Smashing Magazine’s. Ruby On Rails Cheat Sheet Added Bytes have an awesome ruby on rails cheat sheet in .pdf and .png. PHP Cheat Sheet Blue Shoes have provided us with an awesome php cheat sheet (online version). CSS Cheat Sheet Added Bytes CSS Cheat sheet. WordPress Cheat Sheet WordPress Candy has got a downloadable WordPress help sheet in .pdf format. An online version of a CSS cheat sheet.
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)
Create Light Painted Typography From Scratch in Photoshop This tutorial was originally published in April 2011 as a Tuts+ Premium tutorial. It is now available free to view. Although this tutorial does not use the latest version of Adobe Photoshop, its techniques and process are still relevant. If you’ve ever attempted to write words using traditional light painting photography techniques, you probably know how challenging it can be to create words that are easy to read. In this tutorial, we will demonstrate how you can create a similar look without a camera and tripod. Let’s start in Photoshop. We want the overall shape to form a heart, so draw a heart really quickly. Use the guideline to draw in your text with a tablet. For this single step, I’m going to switch to Illustrator. Paste it in Photoshop as a Path (Command/Control-V, select Path in the pop-up dialog). Select the Brush Tool (B) and change your brush to a 100% soft edged, 10 px diameter brush. Go to Filter > Blur > Motion Blur. Reduce the Opacity by approx. 50% and duplicate it.
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.