background preloader


Facebook Twitter

Information Architecture. Usabilla - Micro usability tests. Digital Web Magazine. Usability News. Boxes and Arrows: The design behind the design. Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab. Jesse James Garrett: Visual Vocabulary for Information Architecture (French)

Looking for more?

Jesse James Garrett: Visual Vocabulary for Information Architecture (French)

My book The Elements of User Experience puts information architecture and interaction design in context for beginners and experts alike. You can now order the book from version 1.1b (6 mars 2002) Jesse James Garrett (contact) Original English version Traduction libre de Francois Lamotte Table des matières Sommaire Le diagramme est un outil essentiel pour communiquer l’architecture d’information et la conception d'interaction entre les équipes de développement web. Historique des versions 1.1b (6 mars 2002) L'information intégrée pour le support OmniGraffle 2.0 Nouvelle bibliothèque de formes pour iGrafx Flowcharter 2000 1.1a (17 sept 2001) Nouvelles bibliothèques de formes pour Macromedia FreeHand Feuille PDF de synthèse. UX Booth: User Experience & Usability Blog. User Experience Project. Quick UX : évaluation rapide de l’expérience utilisateur.

Pour des professionnels, la nécessité d’effectuer son travail avec efficacité et rapidité est une réalité assez évidente.

Quick UX : évaluation rapide de l’expérience utilisateur

The User Experience Wheel. I have used this model for some time now, time to reveal it to the critical eyes of fellow practitioners.

The User Experience Wheel

It is a model that tries to explain “what is user experience?” PDF Version The Model should be explained from the inside. It starts in the middle. Value is what we want to accomplishFor customers and providers, positive user experience is a win-win situationWe want to accomplish value through positive user experienceThe user experience is a series of phases, we have to focus on positivity in findability, accessibility, desirability, usability, credibility and usefulnessNumerous factors contribute to the phases of user experience, the model shows 30 factors carefully placedTo achieve this we work backwards, starting and ending with search engine strategy, and going through and making a choice about each of the factors I feel the model still is a work in progress.

Ergonomie web, IHM & UX. Les designers (et les "persuasion architects" au passage... si, si, ce métier existe !)

Ergonomie web, IHM & UX

Utilisent les théories psycho-sociales pour améliorer les taux de conversion et d'engagement (entre autres) sur leurs sites. J'avoue j'utilise aussi ces théories dans mon métier... Voici une liste sur les techniques de manipulation que chacun d'entre nous en tant qu'utilisateur et consommateur devrait connaître. Bon, même en les connaissant, il est plutot difficile de ne pas se faire avoir quand même. Après tout, nous sommes humains ! Dmitry Fadeyev, lui, part en guerre contre les designers sans scrupule qui ne servent que leurs propres intérêts en utilisant honteusement ces techniques de manipulation.

De quel côté êtes-vous ? Sources : Gargarismes Ergonomiques / Dmitry Fadeyev, Via Emilie Duciel. 11 UI Patterns Resources. March 9, 2011 Below are some UI Patterns resources that I find useful in my everyday wrok life.

11 UI Patterns Resources

Hope you find it useful 1. Quince Quince is a beautiful website that allows you to search for patterns in an unusual way. 2. One of my favourites! 3. Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative.

Spend your time innovating, not replicating. Susana Vilaça - Live Thoughts on the Web. Guidelines, Tools and Resources For Web Wireframing. Today “Web” is very different from what it was few years ago.

Guidelines, Tools and Resources For Web Wireframing

It is better, but far more challenging – you can no longer ignore things like usability, information architecture and design. That’s why wireframing has received so much attention lately. Wireframing allows you to visually illustrate layout of fundamental elements in the user interface. It also acts as a way to communicate with clients and other stakeholders (content creators, designers, developers, etc). Quince / Home. 40 Helpful Resources On User Interface Design Patterns - Smashing Magazine.

Advertisement If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has – by now – solved that need and has finished the legwork involved in researching and constructing something that resolves it.

40 Helpful Resources On User Interface Design Patterns - Smashing Magazine

At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniques, and real-world examples on the thing you are creating. A design pattern refers to a reusable and applicable solution to general real-world problems. For example, a solution for navigating around a website is site navigation (a list of links that point to different sections of the site), a solution for displaying content in a compact space are module tabs. There are many ways to tackle a specific requirement – and as a designer – the most important thing you can do is selecting the option that best reflects the needs of your users.

Yahoo! Productive Web Design With… Adobe Illustrator? - Smashing Magazine. Advertisement Admittedly, Adobe Illustrator is often most certainly not the first choice that comes to mind when it comes to Web design.

Productive Web Design With… Adobe Illustrator? - Smashing Magazine

Fireworks and Photoshop are used much more often, and there are some good reasons for that. Still, although Illustrator has traditionally been used for drawing illustrations and logos, you can use it to design layouts and user interfaces, too. In fact, in my opinion, you can utilize Illustrator to solve some regular design tasks better and more easily than you would do with other tools. With the techniques and tips I’d like to present in this article, I am certain that you will be able to build modular, flexible websites in less time and with less work.

260 free vectors icons, GUI graphic library for web design. Jakob Nielsen on Usability and Web Design. The CSS of Design Storytelling: Context, Spine, and Structure. By Traci Lepore Published: July 18, 2011 “What I’m looking for is our interpretation and vision of the story.

The CSS of Design Storytelling: Context, Spine, and Structure

I’m missing one of the key components of storytelling: the Context, and it’s throwing my experience for a loop.” I’m working on a new production right now. It’s A Midsummer’s Night Dream. It’s taken me a couple weeks to figure out why this is happening. The Elements of a Good Story “To be a really good storyteller, you need to understand three basic concepts: Context, Spine, and Structure….” Storytelling is an age-old tradition, because it’s one that just plainly and simply works. “We all tell stories. I won’t regale you with research that shows people learn and comprehend better from stories than they do otherwise. If we look at Midsummer’s, we’ll recognize that Shakespeare has provided the Spine for us already. The one thing Shakespeare hasn’t provided is the Context.