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. 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

Les domaines de l’UX (User eXperience = expérience utilisateur) n’échappent évidemment pas à cette règle, d’où l’élaboration de diverses techniques pour mettre en place des processus d’évaluation/conception UX qui prennent moins de temps, donc moins d’argent. Certains experts anglo-saxons appellent ces méthodes « Quick UX reviews« , « Quick UX heuristics« , « the Quick UX way » etc. Check-list ergonomique Les ergonomes ont mis au point divers critères d’utilisabilité et s’appuient sur ces critères, notamment pour concevoir des outils d’évaluation, de type check-list ergonomique. 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. Ergonomie web, IHM & UX. 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. A really good resource and with a strong rationale behind each pattern. 4. Similar to however I think it has some findability problems. 5. 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.

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. Graphic styles Library 200 graphic styles to change buttons, headers or blocks in 1 click Minimal Vector Icons 260 Vector Icons for creatingWireframes and Webdesign GUI Elements Library Hundreds of vector elementsfor designing Interfaces.

260 free vectors icons, GUI graphic library for web design Jakob Nielsen on Usability and Web Design. June 4, 2017 Typing a password takes twice as long on mobile than on desktop. Jakob Nielsen on Usability and Web Design

Follow these 12 guidelines to make registration and login less painful on mobile devices. June 4, 2017 Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Ads that are annoying on desktop become intolerable on mobile. May 28, 2017 Five key steps comprise a standardized framework for customer journey mapping that can be scaled to any scope or timeline. May 21, 2017 When using large-screen images on smaller screens, remove images that don’t add information.

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.