Spur - A fun and easy way to critique a webpage. Turning up the contrast on a page increases makes heavy areas stand out more than lighter areas, does the design still hold together? Here are some examples: Although the visual design in the ESPN header is very busy, the contrast on the title of the lead story is still very visible. 16 Design Tools for Prototyping and Wireframing [Design Practice 8. Balsamiq Mockups Balsamiq Mockups (price:$US79, demo available) is an interesting product running on Adobe AIR. Its representation of the interface elements has a refreshing hand-drawn, sketch-like quality to them. Balsamiq Mockups also introduces BMML (a flavor of XML), which enables you to export your wireframes. However rather than a prototyping tool, it’s more targeted at communicating the concepts of a proposed interface via wireframing and the like. 9. Lucid Spec (price: from $US499, demo available) from Elegance Technologies is a windows-based .NET application that’s almost a clone of Axure. The one aspect that Lucid Spec lacks is allowance for those between state, Ajax-like interactions. 10. ConceptDraw Pro (price: from $US249, demo available) promotes itself as an alternative to OmniGraffle and Visio, aiming at the business and technical diagramming market. I’m pleased to say it does live up to these claims with various functions that are comparable to its competitors. 12. 13.
UX Mind - User Experience Blog | Recherche et pratique en Expérience Utilisateur par Carine Lallemand Je Like - La reconnaissance d’image va-t-elle dépasser le QR Code ? Publié le 14 février 2012 Alors que le célèbre code 2 barres fait actuellement carton plein et envahit doucement mais sûrement notre quotidien, la start up Kooaba fait évoluer la reconnaissance par l’image. Cette technologie outsider pourrait faire de l’ombre au QR Code et devenir une nouvelle passerelle incontournable reliant l'espace physique et l'espace digital… Bien sûr, le QR Code c’est chouette! Bien sûr, le QR Code a facilité l’accès à l’information et créé un véritable marché dont dépendent de nombreuses agences et professionnels. Mais est-il au final l’unique «quick response» permettant l’accélération à l’accès de contenus enrichis? Certes, depuis plusieurs mois un grand nombre d’applications sur la reconnaissance d’images ont vu le jour comme Smartsy, Moodstocks, Google Goggles, U-Snap ou encore Blinkster. Un page spéciale est dédiée aux possibilités offertes aux professionnels Gaël Clouzard Rubrique réalisée en partenariat avec ETO TAGS : Allemagne / Téléphonie Mobile / Kooaba
Planning stratégique au service du marketing, de la communicatio Pour les publicitaires, le brand content était encore récemment un contenu publicitaire comme les autres. Potentiellement d'une durée plus longue, il pouvait permettre une véritable expérience immersive dans l’univers de la marque et donc une meilleure mémorisation de ses valeurs et messages. L'exemple typique de brand content publicitaire était L'odyssée de Cartier en 2012. Et si un contenu de marque devait avant tout avoir une qualité éditoriale et que celle ci prime sur la transmission immédiate des messages pour lui permettre de construire son audience ? Mais la limite du brand content éditorial a tout de suite été évidente : une stratégie éditoriale doit être soutenue par une stratégie media pour engager les audiences potentielles du contenus. J'avais seléctionné Le BRANDED ENTERTAINMENT comme thème du dernier PARIS 2.0 en mars: "60 campagnes de BRANDED ENTERTAINMENT .
Google’s new search page design: highly redundant, needlessly stark and sometimes useful Yesterday, Google began rolling out a brand new Search page design in the US — coincidentally right as the Presidential Election reached its climax. The timing may or may not have been intentional, but either way you’ll be forgiven if you’re only just noticing the new design now as the political fog settles. At first look, your first impression of Google’s new (currently US-only) Search page may be positive. But then, as the new car smell wears off (on the Internet, that takes about 10 minutes), strange design decisions start to blemish an otherwise successful step in the evolution of Search. Redundancy In simplifying an already simple design, Google has made its navigation more redundant than ever before. Something strange is happening in the above screenshot; Google is using duplicate names for navigational elements which yield different results. How can this become a problem? After a performing a Web search, there are now two aligned links for News. Knowledge Graph and holy white space
47+ Excellent Ajax CSS Forms Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data. Let’s take a look, hopefully you’ll find new ideas you can develop further on your own. You might be interested to check some of the designs that was mentioned in the posts below: Styling Forms 1) Uni Form – an attempt to standardize form markup (xhtml) and css, "modularize" it, to get nice looking, well structured, highly customizable, semantic, accessible and usable forms. 2) CSS-Only, Table-less Forms – A great example of a well designed form using modern css techniques. Demo Styling Form Elements Demo : Form Usability and Accessibility Demo:
Mettre en place l'expérience utilisateur : une étude de cas Par Simon White Quand de vieilles habitudes sont bien installées, il n’est pas facile d’appliquer de nouvelles méthodes : chaque étape d’un processus devient une nouveauté pour les parties prenantes. Certaines personnes aiment la nouveauté, d’autres non. Mais tout le monde doit embarquer dans le même bateau pour qu’une nouvelle approche de travail fonctionne. Voici une analyse de comment nous avons mis en place l’expérience utilisateur dans ma société. L’illustration 1 montre notre progression à partir de l’ancienne page jusqu’au prototype que nous avons testé pour la nouvelle page. Illustration 1—Évolution de l’expérience utilisateur Evolution de l’expérience utilisateur J’ai été récemment recruté pour monter une équipe chargée de l’expérience utilisateur pour un site e-commerce français majeur. Avant mon arrivée, l’expérience utilisateur était vaguement le fait de quelques volontaires. L’expérience utilisateur est une discipline qui peut s’appliquer partout. Bouleversement des cultures
Un contenu unique et de qualité ? Le gage de la meilleure visibilité Cet article a été rédigé par Paloma Nosten, Business developer pour le marché français chez greatcontent.fr. Exister sur le web ne se résume pas à une simple présence. En effet, la construction d’une e-réputation ne peut se faire qu’à partir d’une stratégie marketing permettant de maximiser sa visibilité sur la toile. Comment choisir ses mots clés ? Il est avéré que l’individu en quête d’information sur le net ne porte guère son intérêt plus loin que la première page de résultats s’affichant sur son écran. Les erreurs communément commises sont : Multiplier les mots clés ;Choisir des mots clés générant le plus de recherche. Cette stratégie est contre-productive. Pourquoi un contenu unique et original ? Générer du trafic sur son site n’est pas gage de réussite, encore faut-il conserver son audience avec un contenu de qualité. La part des mots clés dans le contenu se trouve entre 1 et 5% (sujet à débattre !) D’où l’importance d’un contenu unique et original. Un thème = une page.
Improving Hiring for User Experience I had a recent engagement in the heartland of the United States which involved a room full clients who labeled themselves user experience professionals. One of the UX pros was a darling lady with cats on her sweatshirt whose sole responsibility was emailing basic summative data on a system’s users count once a month. She indicated that she was on the verge of ending her career to continue developing her poultry farm. This, in contrast to another attendee with the same title, who’s position involved conducting regular qualitative feedback sessions with users, authoring functional requirements for new features, sketching interaction elements for design teams to iterate, and finally providing project management and quality assurance for any development efforts. LinkedIn shows that the number of self-identified UX Designers has grown 12% in the past year. The Applicant The first advice is I give you, oh lonely applicant, is this: Don’t apply to the job, apply to the person. Resume Portfolio
30 concepts-clés de l'utilisabilité - Référencement, Design Dans un article intitulé "30 Usability Issues To Be Aware Of", Smashing Magazine recense 30 concepts et définitions que toute personne s'intéressant à l'ergonomie et à l'utilisabilité devrait connaître. Ce billet en est une adaptation en français : Le principe des 7±2 éléments Le cerveau humain étant limité dans sa capacité à traiter l'information, celui-ci aborde la complexité en traitant l'information par blocs. La règle des 2 secondes En vertu de ce principe, un utilisateur ne devrait pas avoir à attendre plus de 2 secondes certaines réponses du système, comme le passage d'une application à une autre, ou le lancement d'un programme. La règle des 3 clics Selon cette régle, les utilisateurs tendent à abandonner un site lorsqu'ils ne sont pas capables d'accéder à l'information ou au service en l'espace de 3 clics. Le chiffre de 3 clics n'est cependant pas critique : le plus important est que l'utilisateur sache où il en est, et qu'il n'ait pas l'impression de perdre le contrôle.
BackStory, Agence de création, design et conseil en innovation