background preloader

Insights and inspiration for the user experience community

Insights and inspiration for the user experience community
Related:  ux designUX

Framing the Practice of Information Architecture By Nathaniel Davis Published: September 7, 2011 “The practice of information architecture is the effort of organizing and relating information in a way that simplifies how people navigate and use information on the Web.”—DSIA Research Initiative “The reality of getting things done has resulted in a professional environment where the information architect is less important than the practitioner of information architecture (IA).” Over the past two decades, the volatile evolution of Web applications and services has resulted in organizational uncertainty that has kept our understanding and framing of the information architect in constant flux. While members of the UX community are still debating what we should expect from an information architect—most recently Peter Morville —placing our attention on the practitioner of information architecture appears to be a more attainable goal. would want you to believe, but because the function of information architecture across physical constructs

Wireframes Magazine Définition WireFrame et Zoning Définition de Zoning ou Wireframe Le Wireframe ou "maquette fil de fer" ou encore Zoning en français, consiste à schématiser sa page Web de façon plus ou moins complète. La création d’un Wireframe (ou Zoning) est avant tout un travail de réflexion : "Comment placer mes blocs de contenus, sont-ils pertinent et en quantité suffisante, communiquent-ils le bon message, la navigation est-elle intuitive ? Les outils pour la création d’un Wireframe Les meilleurs outils, nous dit-on, sont le crayon et le papier, mais on peut aussi utiliser des logiciels pour ces raisons : disposer d’une bibliothèque de composants Web réutilisablesdéplacer facilement les blocs de contenupermettre un travail collaboratif en ligneexporter son Wireframe pour ces collaborateurs et/ou clients Note : PowerPoint est très bien pour la création de Storyboard, il me semble peu adapté pour créer des maquettes en fil de fer. Les meilleures ressources sont évidemment en anglais : Les logiciels : Et le Storyboard ?

Smashing Magazine UX Booth | A User Experience Design Publication Complete Beginner’s Guide to Information Architecture Timothy Greig structures the information flow of a library website. Photo by Timothy Greig Information architecture is an often misunderstood job title. Along the way we’ll share some of the tweeters, books, and resources we found useful for budding information architects. A Common Workplace Scenario An information architect joined my team on a project I worked on in Atlanta. Who is an Information Architect? I find it easiest to derive what a job entails by listening to the people who do that job. Jesse James Garrett says: Information architecture encompasses a wide range of problems. Jesse James Garrett The Information Architecture Institute defines Information Architecture as: The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability. Information Architecture Institute Lastly, to quote Andrew Hinton: Flickr allows me to upload my pictures and organize them, tag them, however I see fit. Andrew Hinton in Linkosophy

everydayUX — Différences entre zoning, storyboard, wireframe, prototype On entend souvent parler de livrables en conception avec des noms parfois barbares, on vous explique (ou vous rappelle) la différence entre ces différents éléments : zoning, storyboard, wireframe, prototype Zoning Découper l’interface en types de zones de contenu afin d’établir les premiers niveaux de lecture. Storyboard Représentation synthétique bien souvent sous forme de zoning en mettant en relation les enchaînements entre chaque écrans, définis lors des parcours utilisateurs Wireframe Une fois le zoning validé, on intègre le contenu, l’ergonomie et fonctionnalité dans les maquettes fonctionnelles afin de proposer l’expérience utilisateur la plus adaptée aux objectifs. Prototype Pages fonctionnelles cliquables, interactives (souvent intégré en HTML, ou via des logiciels spécifiques type Axure) servant régulièrement aux tests utilisateurs.

Ergonomie-web.net Boxes and Arrows IAI en français | Définition de l'Architecture de l'Information Réflexions sur l'architecture de l'information, ses origines, son présent et son avenir. Rédigé par Peter Morville, l'un des fondateurs de l'AIfIA. Peter Morville le 14 novembre 2002 Traduction de Frédéric Cavazza le 28 mai 2003 Le récent lancement de l’Institut Asilomar pour l’Architecture de l’Information (AIfIA) provoque deux réactions prévisibles : Est-ce encore une autre tentative pour définir l’Architecture de l’Information ? Ces questions proviennent évidemment de deux catégories d’audience : Les initiés, qui ont vécu de nombreux débats sur la définition l’Architecture de l’Information et qui sont fatigués d’argumenter.Les non-initiés, qui constituent la vaste majorité des gens sur cette planète et qui n’ont jamais entendu parler d’Architecture de l’Information. Le plus effrayant est le nombre de non-initiés à l’Architecture de l’Information qui sont impliqués dans les technologies de l’information. Une petite voix dans un vaste monde Mais nous espérons aller beaucoup plus loin que cela.

User Interface Engineering - Usability Research, Training, and Events - UIE Prototyping: storyboarding, paper prototyping | @tisquirrel The three main techniques for rapid prototyping are: storyboarding, paper prototyping, digital prototypes. Here is the graph, that shows the fidelity of the prototypes your get in comparison to the time you spent on them. You should start with the low fidelity tools, which allow you to create the first versions in a small amount of time. You can start with storyboarding, that will give you the feeling of the tasks and scenarios you are going to support. Then it is time to move to the paper prototypes. Storyboarding The most common mistake while creating the design is the focusing on the interface before you focus on the task it is going to support. I was working on the project, which will be helpful for people, who are dieting and keep track their calories consumption. The storyboard is a great thing to show what the interface will help the person to accomplish just in a few frames. Storyboarding is not about the “pretty pictures”, it’s about communicating ideas. Benefits of storyboarding

Ergonomie web, IHM & UX

Related:  design 1uxUX Designusability 1Blogy