background preloader

Smashing UX Design

Smashing UX Design

architecture de l'information… Résumé : après de nombreux mois passés dans notre QG de la ligne Maginot (il y avait une connexion wifi je puis vous l’assurer), nous voilà revenu avec quelque chose d’original, on l’espère, et de sympathique, ce serait encore mieux, à vous proposer : templates.IAFACTORY… Process, méthode, conception, outil, design… Tous les thèmes que nous chérissons sont réunis, cela mérite bien d’en faire un tour d’horizon. Tout part de 2 constats très simples : l’être humain est paresseux, toujoursen même temps, il est intelligent, presque toujours Voilà, à partir de là nous avons commencé à travailler sur templates.IAFACTORY. Non pas pour faire un outil intelligent destiné aux paresseux, mais plutôt un outil que l’on puisse utiliser en toute paresse afin d’en tirer le maximum d’intelligence. Ne faisons pas d’amalgame je vous prie. C’est sur cette étude de marché initiale (et infaillible) que se fonde la conception du projet templates.IAFACTORY. Note : à propos du nom, on a voulu faire simple. . .

le blog ::: marketing interactif, experience utilisateur, conception multimedia et gestion de projets Il y a 1 semaine environ, la célèbre marque horlogère TAG Heuer (groupe LVMH) a mis en ligne en collaboration avec l’agence Nurun ;-) 2 opérations stratégiques dans le cadre de son 150ème anniversaire : Pour avoir eu la chance de travailler sur ces 2 projets (et parce que cela me fait tout simplement plaisir d’en parler ;-) je vais vous présenter ces 2 opérations. A l’occasion de ses 150 ans, TAG Heuer se lance, en partenariat avec Tesla Motors, dans un tour du monde 100% électrique ("The 1st World Tour in a 100% Electric Car"). L’aventure, "The Odyssey of Pioneers", se déroule à travers 15 villes et 37 000 km, et, à chaque étape du parcours, une exposition itinérante dévoile des pièces historiques de la marque mais aussi des montres de demain. Légende : l'ADN de TAG Heuer puise ses origines, entre autres, dans les sports mécaniques. A travers cette opération unique, TAG Heuer et Tesla Motors démontrent leur esprit pionnier en terme d'avant-garde et d'innovation.

Web Site Accessibility Tutorials, Webpage Accessibility Books, Articles, CSS and Accessibility - Web Site Resources, Website Tips - WebsiteTips This section includes annotated links to helpful Web accessibility articles and tutorials, Web sites or sections devoted to Web accessibility, and recommended books on Web accessibility. Tutorials include CSS and accessibility, creating accessible PDF files, accessible DHTML and multimedia, Web accessibility for visual impairments, Web sites devoted to Web accessibility, and more. You'll also find articles on why Web site accessibility matters, along with helpful Web accessibility books that go into a great deal of detail about how to create and implement Web sites with accessibility in mind. For U.S. Do you know of some good articles, tutorials, tips, Web sites, books, or other resources related to Web site accessibility? Accessibility Articles and Tutorials The following articles cover information about accessibility while tutorials help with how to include accessibility features for your Web site. Know of others? Accessibility Articles top ‘On this page’ menu CSS and Accessibility

Tree Maker Great script for creating trees... Some of the 'sweet' things about this script are:- After you generate the branches - you can rotate and move them about to more easily control the shape of the generated tree.- The generated tree already has mapping coordinates applied (this isn't perfected yet - but it works pretty well).- You can delete branches you don't want and the routines will correctly generate the connections for the remaining branches.- Once you're happy with the tree you can collapse it into a single mesh and then use meshsmooth - relax - etc. to further enhance its appearance. Additional Info: version 5.0 Update: Ok - here's version 5. Version Requirement:

User interface design principles: 12 pro tips | Web design As its name implies, great user interface (UI) design should revolve around the needs of the target user. That is why user interface design principles are so important. All else is secondary, including the aesthetic - although in many cases form goes hand-in-hand with function. But while the concept of good UI design may be easy to get your head around, it's not so easy to achieve in practice. Here we gather together some expert tips from the cream of the design industry. Follow these and you won't go far wrong... 01. "A dialed-in creative navigation concept should be central to the UI design. 02. "It depends on the objective of the interface you're designing," reasons Sarah Morris of LBi. 03. "Surprising the user is the job of the creative concept," believes Bernadette Smail of Grip Limited, "but the interface must be intuitive. 04. 05. Sarah Morris' three top tips for great UI design are simple: "Context, context, context," she smiles. 06. 07. 08. 09. 10. 11. 12. Liked this?

Jacinthe Busson - Ergonomie web & mobile 10 Principles Of Effective Web Design - Smashing UX Design Advertisement Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles about 10 Usability Nightmares1 and 30 Usability Issues2 we’ve published before,we’ll cover more principles of effective design in our following posts. 1.

ZENVERSE - Design and Web Development Methods Project Management (4) A project plan takes into account the approach the team will take and helps the team and stakeholders document decisions made regarding the objective, scope, schedule, resources, and... Creating an interdisciplinary team with the right mix of skills is vital to the smooth and successful execution of any project. Website requirements are a list of necessary functions, capabilities, or characteristics related to your website and the plans for creating it. User Research (14) When reporting results from a usability test, you should focus primarily on your findings and recommendations that are differentiated by levels of severity. Task analysis is the process of learning about ordinary users by observing them in action to understand in detail how they perform their tasks and achieve their intended goals. Usability Evaluation (14) Scenarios describe the stories and context behind why a specific user or user group comes to your site. Information Architecture (4)

Qualitystreet The Principles of Design The web professional's online magazine of choice. In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on June 13, 2005 Starting with the Basics This column is about Web design—really, it is—though it may at times seem a bit distant and distracted. We can group all of the basic tenets of design into two categories: principles and elements. Web design is a relatively new profession compared to other forms of design, due to the youth of our medium. How Does Web Design Fit In? I tend to define Web design as being one of many disciplines within the larger field of design (a peer to print design, industrial design, interior design, etc.). The first three articles of this column will be dedicated to unearthing these universal gems of insight so that we may better understand our profession. The Principles of Design There are many basic concepts that underly the field of design. Let’s begin by focusing on the principles of design, the axioms of our profession. Rhythm

Collection - Free Vectors 10 Useful Techniques To Improve Your User Interface Designs Advertisement Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. 1. Links (or anchors) are inline elements by default, which means that their clickable area spans only the height and width of the text. Obviously, the larger the clickable area is, the easier it is to click on the link because there is less of a chance of missing it. Make sure to also add a healthy dose of padding to the links, because converting a link into a block only affects its behavior and width; adding padding ensures that the link is high enough and has some room to breathe. 2. Attention to every detail is what separates a great product from a mediocre one. This gives the whole button a more balanced look and feel. 3. 4. 5. 6. 7. 8. 9. 10.

Blog de Mael Poulain, agence Linéaris : création de site internet - Mulhouse, Alsace | Linéaris Le prototype : un brouillon virtuel La définition la plus réduite du prototype est celle du brouillon. Celui-ci n’est pas forcément graphique, il peu s’agir d’un sommaire, d’une typologie, d’une pile de fiche organisée en rubrique… Il est toujours profitable pour éviter les erreurs ou les surprises de se représenter la tâche à accomplir. Et finalement l’effort de coucher ses idées sur un support visuel permet de mettre ses idées en concurrence, et ainsi mettre à l’épreuve la vision « naïve » que l’on pouvait avoir d’une solution à un problème donné. Le prototype est un brouillon d’interface. Différents types de prototypes Le scénario d’utilisation ou « workflow » On expose les parcours auxquels sont confrontés les utilisateurs. Le zoning Un simple schéma des zones principales de l’écran avec leurs fonction. Le fil de fer ou « mockup » Un croquis rapide réalisé sur papier ou dans un logiciel. Le prototype interactif cliquable Le degré ultime du prototype. Créer et manipuler des concepts.

Related: