Tout savoir sur l'Expérience Utilisateur (User eXperience ou UX) Design is much more than how something looks like and feels like, design is how it works. C’est en général très compliqué et long de rendre les choses simples. Et ce n’est pas moi qui le dit. Très bon article de Krystal Higgings sur l’importance et la manière de créer une vraie expérience quand un utilisateur ouvre une application mobile pour la première fois. Ce premier lancement doit à la fois séduire l’utilisateur tout en lui apprenant rapidement comme se servir de l’application : laisser jouer l’utilisateur plutôt que lui montrer comment il doit faire, lui présenter une interface avec du contenu sans qu’il ait à le remplir lui même, mettre en valeur les key features et l’inciter à découvrir le reste. Un contre-exemple que j’ai rencontré récemment est le tout récent Blackberry Z10 : au lancement, Blackberry montre à l’utilisateur comment la nouvelle interface de son OS fonctionne (et c’est nécessaire !) (merci à Christophe) En bonus une démo (merci JB)
Graphisme : 99 sites indispensables Suite au très bon article « 39 Addictions - Designers just can’t stop » sur l’excellent blog Noupe, l’envie m’est venue de vous présenter 99 excellents sites sans lesquels je ne pourrais pas vivre que je fréquente. Cette liste est certes assez personnelle mais j’espère que vous pourrez y faire quelques découvertes intéressantes. Pour plus de simplicité j’ai classé le tout par catégories. N’hésitez pas à me faire part des vôtres s’il ne se trouve pas dans la liste, et à vos bookmarks ^^. Graphisme général : 1- Spunk United Excellent magazine, avec au programme sélection des meilleurs artistes mondiaux par catégories, interviews et articles très intéressant. 2- You The Designer Blog plutôt jeune (ouvert en septembre 2007) que j’ai découvert il y a peu. 3- Computer Arts UK Le site anglais de l’excellent magazine international Computer Arts. Site communautaire pour tous les graphistes du monde, un référence. 5- Behance 6- Pdf Mags 7- Roots Arts 8- Étapes Le magazine français de graphisme. 11- Art Skills
Laws of Simplicity | By John Maeda iErgo 27 conseils pratiques en ergonomie Web DUT SRC analyse de la concurrence en referencement Yazo.net - Accueil Testa Mag L’expérience utilisateur des sites web s’est améliorée à pas de géant au cours des dernières années, mais il nous arrive encore souvent de tomber sur des sites qui nous font nous demander : « Mais à quoi pensaient-ils ? » Du point de vue du design, il est facile de se laisser prendre dans des querelles internes (« Non, non, c’est le contenu qui doit être au centre ») ou de perdre du temps à cause d’un choix de type de management (« j’avais dit que nous devions faire du lean UX sur ce projet »). Lorsque cela se produit, on oublie souvent que l’utilisateur final n’a pas assisté à toutes ces décisions, et qu’il veut juste obtenir l’information dont il a besoin, acheter le produit qu’il souhaite, ou se divertir pendant cinq minutes en attendant le train. Dans l’espoir que cela puisse aider à éviter ces écueils, voici une liste de 5 erreurs majeurs d’UX que l’on retrouve sur les sites web d’aujourd’hui.
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. 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à. À la base, cette idée semble tout à fait logique, car, bien entendu, un utilisateur sera frustré s’il passe beaucoup de temps à cliquer ici et là pour trouver ce qu’il cherche. Mais pourquoi une limite arbitraire de trois clics ? Source: User Interface Engineering 2. Le Dr. Source : Alertbox 3. 4. 5. 6. 7.
PageRank Sculpting raté : un cas d’école Quand on est référenceur, on ne regarde pas un site web comme une personne normale (peut-être n’est-t’on même pas une personne normale d’ailleurs). Aujourd’hui je tombe sur un tweet mode (oui, je sais, truc-de-fille…), je clique, jusque là tout va bien. J’arrive sur une page web du site Plurielles.fr, et là c’est le drame… mon œil de fille disparait et mon cerveau passe en mode « SEO-scanning »… Je ne regarde même plus l’article, mais le nombre de liens barrés sur la page (le plugin SEO Quake barre les liens en nofollow dans mon navigateur Firefox). Ma surprise est grande : sont en nofollow beaucoup de liens internes. OMG ! Qu’est ce que le PR Sculpting ? Pour faire court, c’est une technique de référencement consistant à masquer aux moteurs de recherche des liens jugés non pertinents ou à lui demander de ne pas les suivre pour réorienter le jus de liens à d’autres endroits et le concentrer. Je ne nie pas pour autant ni l’avoir utilisé, ni en avoir vu certains bénéfices. Pas tout à fait.
“Right click and save as” needs to go away For a long time it has been standard practice to ask visitors to “right click and save as” when downloading a file that the browser itself is capable of rendering, but where doing so is not desirable. One reason for doing this is to spare people from the annoying experience of accidentally clicking a link to a 25 MB PDF, which subsequently launches a browser plugin that of course crashes while trying to download and display the file. From a UX perspective though, adding instructions on how to click a link is not optimal, and feels like a hack. Not to mention that lots of people are literally afraid of the right mouse button. Luckily there’s a correct way of doing this now, though it hasn’t seen widespread adoption yet: The HTML5 download attribute You use it like this: <a href="hugemothereffinpdf.pdf" download>Download file</a> Any file the browser would normally try to display natively or through a plugin can be forced to download using this attribute. download="filename" Support Old IE <!