Qu'est-ce que l'expérience utilisateur ? Le terme “Expérience Utilisateur” a été diffusé dans dans les années 90 par Donald Norman (auteur du célèbre “Design of everyday things” et aussi de la méthode de design centrée sur l’utilisateur) et, d’après la norme iso ISO 9241-210, correspond “aux réponses et aux perceptions d’une personne qui résultent de l’usage ou de l’anticipation de l’usage d’un produit, d’un service ou d’un système”. Les plus attentifs auront noté “l’anticipation de l’usage” qui montre que l’expérience utilisateur est quelque chose de profondément lié à la psychologie de l’être humain (c’est aussi pourquoi ce domaine est si passionnant) et aussi souvent si subjectif car il me semble encore difficile de mesurer l’anticipation émotionnelle de l’être humain (enfin heureusement pour nous). Les émotions sont d’ailleurs un élément central de l’expérience utilisateur. Enfin les plus curieux auront noté que la norme ISO est d’abord une norme d’ergonomie pour l’interaction homme-machine.
Qu'est-ce que le design émotionnel ? Dans le web, le design émotionnel est une tendance montante qui consiste à communiquer de l'émotion au travers d'une interface graphique dans le but de faire passer un moment agréable à l'utilisateur lors de son expérience sur un site. Nous verrons dans cet article comment se distingue un design émotionnel et des exemples de mise en oeuvre dans un projet web. Le livre “Design émotionnel” d’Aarron Walter J’écris cet article pour partager mes sentiments suite à la lecture du livre Design émotionnel d’Aarron Walter, édité aux Éditions Eyrolles et issu de la collection “A Book Apart”. Qu’est-ce que le design émotionnel ? Une interface web doit être fonctionnelle, fiable et utilisable. Comment rendre son site émotionnel ? Mettre de l’émotion dans son site, le rendre agréable et original ne nécessite pas forcément une refonte complète de l’interface. Les mascottes sympathiques Aarron Walter appelle cela “le pouvoir des visages de bébés” pour attendrir son image de marque. Le contraste
Apprenez le UX design en ligne ! Hello Des outils comme Balsamiq (qui servent à faire des maquettes d’interface rapidement) rendent plus que jamais facile la conception d’interfaces utilisateur, et c’est vraiment une bonne chose Le problème, comme vous l’avez peut-être déjà remarqué, c’est que la création d’interfaces avec ces applications faciles d’utilisation est en réalité bien plus difficile qu’il n’y parait ! Devenir architecture de l’information, designer d’interaction, UX designer, ne s’improvise pas, tout ceci demande des notions conséquentes. Je vous propose donc de découvrir UX Apprentice qui est un site est conçu pour vous apprendre les bases du UX design avec un processus facile à suivre, et des questions pour savoir où vous devez en apprendre davantage. La logique (pour découvrir les principes fondamentaux du design d’expérience utilisateur).Des exemples réels (pour comprendre la logique dans des situations réelles).Testez vos connaissancesD’autres ressources source Ces articles peuvent aussi vous intéresser:
untitled jQuery UI 7 UX design tools for an effective Scrum workflow As of late we have been running more and more projects using the Agile Scrum method. In fact, our largest projects are almost all conducted in multidisciplinary Scrum teams. And very successfully! Formerly we primarily worked using the Waterfall project methodology, so we had to adjust our workflow. Design workflow tools In order to make the workflow more iterative and effective our two design disciplines at UNITiD – the interaction designer and visual designers, collaborate using our favorite design tools: Sketch, InVision, Keynote, Dropbox, Jira, Confluence and our own Front End Guide. 1. Online tool Jira by Atlassian containing the project backlog with the stories sorted by priority and grouped into the epics. For who? Take-aways for setting up the Scrum project in Jira Create epics to group related stories. Although Jira offers a digital Scrum board, it can also be very useful to have a physical Scrum board on a wall for a total overview. 2. For who? 4. 3. 4. For who? 5. For who? 6. 7.
A Digital Design Workflow: Tools in Review The world probably doesn’t need one more article about ever-changing design tools, but I’ve had a few people ask what I use in my work at Worthwhile and why, so here are a few thoughts on my current design tool chest and my process. It’s a great time to be doing graphic/web/ui design and prototyping because the competition is increasing, and the tooling options keep getting better and better. At the end of the day, our tools don’t matter nearly as much as the output—it’s the work that matters. In digital design, making only static comps is usually not enough anymore, but I doubt we’ll completely move beyond the need for static design ideation. Almost two years ago, I decided it was time to try moving beyond Photoshop for my UI/web design work. Currently, Photoshop still gets some grief for its slower, legacy architecture, its image-editing focus, and its “feature bloat”. Affinity Designer The Good Powerful, core features that just work. Intelligent Symbols. Endless undo. Issues Sketch
Designing Future-Proof UI – Medium Increasing The Longevity If we want our UI design to stand the test of time and go beyond the conventional expiry date, we can incorporate a number of principles into our workflow and way of thinking that will make it less likely to cause big changes in the future, or put another way, more likely to cause little change. This isn’t a definitive guide, but these principals can certainly go a long way. Be Wary Of Trends If we’re able to tell the difference between short and long-term trends and anticipate them, we can try to ensure our designs don’t employ the short-term ones and take the path of depreciation. A trend that doesn’t have a reasonable amount of positive traction in the industry and isn’t yet proven to work from a research and UX standpoint is probably not a surefire bet for stability. Some trends can rise in strength to the point where almost everybody adopts them, and not following suit can make us feel left in the dust. Use The Right Patterns Make It Consistent And Scalable
Graphisme : Les réseaux sociaux qui éveillent la créativité - Facebook, Twitter, Instagram… À l’heure actuelle, tout le monde connait (ou croit connaître) les réseaux sociaux sur le bout des doigts. Il existe pourtant de nombreux réseaux inconnus du grand public. Et oui, les graphistes eux aussi ont leurs réseaux sociaux ! Dribbble, Behance, Pinterest… Ce sont tous de vraies sources d’inspirations avec des contenus toujours plus créatifs. Que l’on soit novice ou professionnel dans le domaine du graphisme, il est toujours bon d’entretenir sa culture visuelle. Nous vous proposons de découvrir (ou re-découvrir) 3 réseaux sociaux qui vont éveiller votre créativité : Pinterest Le réseau social Pinterest est actuellement en pleine évolution et à conquis plus de 20 millions d’utilisateurs dans le monde. Deviant Art
Expérience utilisateur (UX) : les sites à suivre Je suis récemment parti en quête de nouveaux sites à suivre sur un sujet qui me tient de plus en plus à coeur : l’UX. Au-delà des grosses références anglophones comme UX Booth ou encore UX Mag, j’ai découvert quelques intéressants sites à suivre le sujet. Au fait, l’expérience utilisateur c’est quoi ? Souvenez-vous de la dernière fois que vous avez commandé en ligne ou fait un choix de serveurs comme ici. Comment s’est déroulé cette expérience ? Ces exemples représentent certaines composantes d’une expérience utilisateur, bonne ou mauvaise. Pour y voir plus clair, je vous propose une définition plus classique de l’expérience utilisateur. Contrairement à l’utilisabilité, ce concept n’est pas strictement pragmatique dans le sens ou il sous entend un impact émotionnel cumulé à un bénéfice rationnel, il est entendu que la démarche est bien de créer une expérience agréable. » Merci Wikipédia, vous savez maintenant (presque) tout… Et l’UX en webdesign ? UX Booth UX Mag UX und Tollerei UX Kingdom
UX L'UX Design - Une définition non lénifiante (s'il vous plaît) • Fast & Fresh - Le Blog La majorité de mes élèves et de mes clients aborde l’UX comme un état de fait. C’est là. C’est la norme. C’est ce que tout le monde fait. C’est un métier qui s’est imposé, depuis plusieurs années déjà et qui fait partie du panorama. Pour les étudiants, il s’agit d’une matière obligatoire. De la nécessité de comprendre les choses avec une perspective historique. Pour autant, le fait que l’UX Design – le Design d’Expérience Utilisateur en Français- soit là et qu’il faille composer avec ne nous donne aucune information quand à sons sens, quand à sa définition, quand à son extension ou quand à sa mesure. Pour comprendre à quoi sert réellement l’Expérience Utilisateur, il faut revenir en arrière, reprendre un peu le cours de l’histoire et se donner de la perspective. Après tout, quand je sors de l’école dans les années 2000, la notion d’Expérience Utilisateur n’existe pas ou pas vraiment. Ergonomie ? Prenons de la hauteur et regardons le cours des choses sur le long terme :
10 Rules of Good UI Design to Follow On Every Web Design Project Gone are the days of Geocities sites with their hardcoded, never-changing HTML. Sites and apps today are dynamic and interactive. Our job as designers is to make it so that the interface through which they interact with our web UI design is as close to ideal as possible. Luckily, there are some nearly universal rules of that can help. 1. Whether it’s a series of design tools for web design apps, the inventory for a character in a video game, a spreadsheet, or anything else, if the user can’t find what they want, they bounce off your software. We chose to use tabs to organize Divi, for instance. Another example is the Help/Support/Contact options. On top of that, the help window pops up with a video tutorial on whatever feature you’re working with. 2. Like we said just a moment ago, being consistent in feature placement within your UI is important. Consistency also includes your fonts and design should work from page to page to page. 3. 4. 5. 6. You know what’s the worst? 7. 8. 9. 10.