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.
19 Inspiring Examples of Text Over Images in Web Design In web design there are a lot of combinations that deliver a beautiful page, including the image + text duo. Combining beautiful images and nice/readable text can result in a eye candy touch that will get your user’s attention. To show you that, today we gathered some inspiring examples of the image – text duo in action. From big images and text to small headers and delicate type, there are different approaches here, enjoy. Let us know if you are interested in an article showing more techniques and tips on text over images in web design. Mount Chapel Frank Digital The Jacky Winter Group Hofstede sketchin Playground Inc. Hangar productOps Joe’s Garage Ada Blackjack Shop Idiom DesignWorks The Space InBetween Smog Bicyclettes Makers Quarter Kiliwatch Sweez Harry’s About the Author
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:
[WEBDESIGN] Comment bien choisir ses couleurs pour créer un site Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux. Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique. Nous allons également voir comment fonctionnent les couleurs. Les couleurs primaires sont les couleurs principales, toutes les autres couleurs découlent de celles-ci. Elles sont le rouge (Magenta), le bleu (cyan) et le jaune. Les couleurs secondaires, appelées également couleurs binaires sont un mélange direct des couleurs primaires. Les couleurs tertiaires également appelés couleurs intermédiaires sont réaliser grâce au mélange d’une couleur primaire et d’une couleur secondaire. Les couleurs complémentaires sont la base de la création d’une charte graphique, on ne peut pas, ou alors avec beaucoup de mal créer une charte avec des couleurs qui ne s’accordent pas.
jQuery UI Les 10 tendances graphiques de 2015 - We are a design tribe - CREADS Nous vous proposons de découvrir les tendances graphiques de 2015 qui vous sont incontournables pour répondre aux nombreux projets de Creads si vous êtes webdesigners ou pour vous inspirer si vous êtes annonceur. Voici donc les 10 tendances graphiques qui font 2015 ! 1- Le flat design : soyez simple La tendance se confirme avec le flat design. 2- Le responsive : partout avec vous Le design s’adapte à tous les supports. 3- Le monopage : le scroll, la nouvelle tendance La navigation au scroll tient son origine du tactile. 4- Image first : L’image au centre du web design L’image s’affiche en grand et partout. 5- Typographie : le renouveau du caractère La typographie prend une place de plus en plus importante dans les nouveaux designs. 6- Le data design : la donnée simplifiée Le data design réfléchit les données et les rétribue en terme graphique. 7- La gamification : nouvel entrant dans le jeu Le serious gaming est de plus utilisé. 8- Le vintage : le retro est à la mode
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 :