Et on reparle de l’emplacement des intitulés de champs de formulaire Voilà plus de 10 ans que je fais ce métier, et je ne me souviens pas d’une période aussi trouble que celle que nous sommes en train de vivre… Je fais bien évidement référence à LA grande question que tout le monde se pose : Où positionner les intitulés de champs dans un formulaire en ligne ? Cette question peut vous faire sourire, mais le débat est toujours actif, la preuve avec cet article publié par UXMovement : Why Users Fill Out Forms Faster With Top Aligned Labels. Il y est donc question d’une étude de eye-tracking qui met en évidence le nombre de points de fixation et la distance parcourue par l’oeil dans cette comparaison entre les intitulés alignés à gauche et en haut : Cette démonstration est équivoque : Les intitulés positionnés au dessus des champs diminuent grandement l’effort de lecture / compréhension. Jusque là tout est logique dans la mesure où ceci confirme les conclusions de cette précédente étude : Web form design guidelines: an eyetracking study.
Quels tarifs pratiquer pour un freelance ? Si vous êtes un habitué de listes de diffusion ou de forums pros de secteurs d’activité privilégiant le travail ou l’emploi en indépendant / Freelance ou en petite structure, vous avez déjà été confronté à cette question, peut-être vous l’êtes vous posé vous-même. Au travers de critères et d’exemples précis, nous allons essayer d’ébaucher une réponse à cette question. Il y a de nombreux paramètres à prendre en compte pour pouvoir répondre à cette question, qui peut sembler pourtant assez simple. Il ne s’agit pas là de faire l’ébauche de prix à pratiquer sur tel ou tel produit, mais bien de dégager un taux de facturation horaire ou journalier, car même si dans les faits il n’est jamais réellement appliqué, il permet d’estimer le coût d’un travail et par là de réaliser des devis qui ne soient pas du grand n’importe quoi. Choisissons un métier Faisons simple, choisissons au hasard… Webdesigner? Pourquoi Webdesigner? Premièrement parce que c’est ce que suis, donc ce que je connais le mieux.
Webdesign : 21 livres à télécharger gratuitement - Framasoft Framafox Vendredi 16 juillet Webdesign - 16 juillet 2010 :: 08:17 :: Par Eric Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Le webzine spécialisé dans le design Sepckyboy recense 21 livres gratuits sur le webdesign. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si vous avez un iPad ou n’importe-quelle tablette ou E-Book reader doté d’un navigateur web ce sera parfait) alors que d’autres sont à télécharger en PDF : Tous les aspects du webdesign sont abordés, de la typographie à l’accessibilité, en passant par JavaScript, Ruby, jQuery et HTML5. (source) Plus d'infos sur : E-Books, Web
Tarifs du community manager freelance ~ Blog de l'agence Atout Rédaction La profession de community manager englobe un secteur assez vaste de la communication ainsi que des pratiques variées. Les salaires ne sont toujours pas très clairs car le métier n'est lui même pas très clair : il existe encore peu de formations dédiées et il est même difficile de trouver une définition qui fasse un consensus. Au sens large, le community manager est celui qui est en charge de la gestion de la réputation d’une marque sur Internet. Il s'occupe de communiquer directement avec le public ou la clientèle sur les différents réseaux du web. Il est généralement bac+5 avec un master en communication ou en marketing. Cette profession existe en réalité depuis longtemps et va de l'animateur de forum au responsable gestion de relation client d'une entreprise (GRP ou CRM en anglais pour Customer Relationship Management). Parmi les tâches les plus courantes du community manager, on retrouve : Le coût horaire d'un community manager en externe
Le contenu est maitre et le design est son serviteur Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ? Un beau site ?Ou bien un site où vous trouverez l’information recherchée ? Pour la plupart d’entre nous, notre première attente est le contenu pertinent en rapport avec la requête que nous avons formulée. Pourtant, le design revêt une importance capitale dans la satisfaction de l’utilisateur d’un site web, a condition d’être au service du contenu. Sans contenu utile, le design n’est rien. Le plus beau des sites web sera jugé avec déception s’il ne tient pas la promesse qui nous a amenés à celui-ci. Que ce contenu soit relatif à un produit que vous souhaitez acheter, une vidéo que vous souhaitez regarder, une information que vous souhaitez connaître, vous venez pour lui, le maitre, le contenu. Et pourtant encore presque en 2011, de nombreux sites sont conçus à l’envers. Tous les designers que j’ai pu rencontrer me disent tous la même chose. Dit comme cela, ça nous paraît évident. En résumé
Introduction to CSS3 – Part 1: What is it? This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. What is it? CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. Modules The development of CSS3 is going to be split up into ‘modules’. The Box ModelLists ModuleHyperlink PresentationSpeech ModuleBackgrounds and BordersText EffectsMulti-Column Layout View the full list of modules Timescale Several of the modules have now been completed, including SVG (Scalable Vector Graphics), Media Queries and Namespaces. It is incredibly difficult to give a projected date when web browsers will adopt the new features of CSS3 – some new builds of Safari have already started to. How will CSS3 affect me? Hopefully, in a mainly positive way.
Become A WordPress Theme Developer Who Rocks In Four Steps (and It has been proved. You can become a “RockStar” developing WordPress themes. Think at the audience, think at the creative process… in my opinion a great WP theme is like a great rock song. In my experience I’ve developed some themes for this great blogging platform and when I start a new WordPress-based project my mind automatically thinks at the development of the website in four steps (once the concept is set). The steps are clear and in this post you can find some useful tutorials and excellent readings to really become a star as WordPress Themes Designer. First Step: Design Your Layout in Photoshop Below there are the top tutorials for learning how to design a perfect web-layout. How to Make an Impressive Blog Layout in Photoshop Create an Elegant Photoshop (PSD) Template for Wordpress Create a wordpress interface in Photoshop How to Create a Unique Wordpress Theme Creating a tech blog layout in Adobe Photoshop Wordpress Layout #5 Create a Vibrant Modern Blog Design in Photoshop
Liens - ergonomie, architecture de l'information, utilisabilité derniers liens User Interface (Q&A) Une plateforme de Questions / Réponses dédiée à l'expérience utilisateur web et mobile. » Visiter le site Baekdal.com Le site de Thomas Baekdal est très riche en ressources diverses, la plupart appartenant au champ de l'expérience utilisateur. Colour Contrast Check Un formidable petit outil proposé par Jonathan Snook, qui permet de calculer les rapports de contrastes de couleurs et de luminances entre des caractères et un fond. » Voir tous les derniers liens Ce que nous réserve CSS3 en 2010 - Alsacréations L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents. L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. Vous pourrez constater l'état d'avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work. Des coins arrondis Du Web 2.0 avec style La propriété border-radius arrondit les angles de n'importe quel élément HTML, sans avoir besoin d'images ni de JavaScript. Using Rounded Corners with CSS3 (EN) Créer des coins arrondis en CSS et sans images CSS: border-radius and -moz-border-radius (EN) La gestion de l'opacité La transparence enfin maîtrisée ! L'interprétation des images transparentes en PNG (24 bits) est une première délivrance pour les web-designers qui pourront mettre en œuvre plus de créativité. Les arrière plans multiples Les ombrages
15 examples Data Visualization is a method of presenting information in a graphical form. Good data visualization should appear as if it is a work of art. This intrigues the viewer and draws them in so that they can further investigate the data and info that the graphic represents. In this post there are 15 stunning examples of Data Visualization that are true works of art. Click on the title or image for a larger view of each visualization. The Strengths of Nations Here’s an image that discusses the variations in how different nations pursue science. Madrid.Citymurmur CityMurmur tries to understand and visualize how media attention reshapes the urban space and city. Genome Jules & Jim This visual represents the relationship between characters in the movie Jules & Jim. One Week of the Guardian This is one day in a series that takes the news from one week of the Guardian newspaper, and visually represents it as a series of static visualisations. One Week of the Guardian Leisure & Poverty Stock Data Related Posts