User interface design

Quand il est temps de choisir le design de votre site web, ce sont les dernières personnes que vous devriez écouter. 10 choses qu'un designer web ne vous dira jamais - François Nonnenmacher (FR)

user_experience

Bonnes pratiques par padawan Vous pouvez aussi télécharger le fichier PDF de la présentation sur les bonnes pratiques web (PDF) . Voici ma présentation sur les bonnes pratiques web sur la création et la gestion d'un site ou d'un service web, du point de vue de son responsable, que je viens de donner ce matin à Paris Web 2008 :

Note: the other day I mentioned how exciting I thought the world of social design was…turns out it might be a little too exciting… Seth Godin writes how 8 billion dollars worth of gift cards seeps through the cracks each year. Facebook’s Brilliant but Evil design - Bokardo

The Del.icio.us Lesson - Bokardo While Del.icio.us rose to prominence, much was made of the ability to aggregate the tags that the service’s user population created.

2 years after, this post clearly explains the reasons of the failure of delicious rather than its success by Patrice Mar 1

Digg’s Design Dilemma - Bokardo I think that’s the wrong approach, so here’s another idea: change the actual design of the site…that’s the real problem.

I’m not suggesting that Friendfeed remove any of these features, but in the current design I just see too many distracting bits of information. Thoughts on the Friendfeed interface - Bokardo - Mozilla Firefox

Ugliness, Social Design, and the MySpace Lesson - Bokardo There’s a new term: social web design . I’m using it nowadays to refer to the social aspects of design: community, persuasion, motivation, social interaction, influence, authority, etc. These things aren’t always apparent in the interface, but are just as real as a submit button.

I do it at least once a week ;-) eventually, I think we can have the best of both world. Takes more time but the result might be worth it.... by Patrice Oct 28

agreed. but try telling that to the Visual designer who has to work on the project that requires this! by cloud4197 Oct 28

Good social design can be bad visual design... And I believe in the reverse as well by Patrice Mar 1

Experts du web, webmasters en herbe, utilisateurs, venez débattre, argumenter, poser vos questions, donner votre avis, commenter quoi (!) sur les modèles de navigation. 60 modèles de navigation commentés des bonnes pratiques d’ergono

Une véritable encyclopédie des ergonomies d'organisation sur le Web::: A laquelle il manque quelques nouveautés, et peut-Ýetre d'ailleurs nos propres nouveautés::::: by Patrice Mar 1

Bientot les nouveautés Pearltrees, nous l'espérons tous ! by jay Mar 1

Mixte entre un fil d’Ariane et un menu traditionnel. 055 - Le fil d’Ariane (en anglais : breadcrumbs) - Mozilla Firef

The grand-fathers of our navigation bar by Patrice Mar 1

048 - Les barres d’outils - Mozilla Firefox - Afficher dans un gabarit différent. (2/2) Web 2.0

015 - Navigation au survol de la souris (en anglais : on mouse o Ce système permet aux sites d’avoir un design plus épuré. Il permet surtout aux internautes de s’assurer que ce qu’ils cherchent est bien sur la page suivante. Cela leur permet de gagner du temps, ce qui enrichit la concentration de leur expérience.

Généralement une navigation horizontale n’évolue pas, vous pouvez - pour des raisons de design - faire des séries d’images ou une Image Map. Rares sont les fois où une Image Map est appropriée. Dans ce cas, veillez à : 002 - Menu horizontal mono niveau non déroulant - Mozilla Firefo

006 - Menu de gauche vertical avec développement de la sous-cate dont les rubriques sont très variées. Un utilisateur viendra

021 - Barre de navigation horizontale en pied de page - Mozilla préférez du texte (html) à des images – si le design vous le permet. donnez du volume à la navigation en insérant pictogrammes, illustrations ou

Étude Eye Tracking Les résultats indentés de Google seraient les plus cliqués ! 023 - Liste verticale - Mozilla Firefox

024 - Liste déroulante (en anglais : drop-down list) - Mozilla F

011 - Carte heuristique - Mozilla Firefox

Bonne récap sur le sujet, cette perle, à mon avis by Patrice May 8

Pétillant ® : Le site expert de la carte heuristique (Mind Mappi

031 - Navigation jeu de cartes - Mozilla Firefox

012 - Carte conceptuelle - Mozilla Firefox

054 - Navigation sociale (en anglais : social navigation) - Mozi

webdesign

graphie

Ergonomie

interaction design

Google Instant Previews - Eye Tracking shows it's game changing - SimpleUsability News SimpleUsability News - SimpleUsability Market Research & Usability Testing\ and Eye Tracking in Leeds, Yorkshire, UK

music records royalty quality typography herbert presse & blog graphie bazooka Worth it gladwell richard Words money friends UX/IA information typo super to read fiction photo inside DESIGN portrait pretty sawyer Web Design sql2000 Principles & techniques captcha wikipedia Mind mapping resources tools créativité Concepts utiliser Mind mapping 3D concept heuristique cmaptools cartes dessine moi l'intelligence heuristique Cartes heuristiques bibliothèques archive Cartes heuristiques carte 1000s logiciels cartes mapping Mindmapping expert pétillant Mind-Mapping power musée mentales Sites et blogs essentiels mapping expert Cartes heuristiques formation française mapping carte mentale, arbre à idées notes stoeybord dédié experts mapping mind map heuristique mind mapping pétillant carte-heuristique flowchart application exploratree Mind Mapping brainstorming alert partagez Mind mapping support professionnel mindmap eduquer apprendre sciences OUTILS AU SERVICE DES TICE logiciel pétillant Mind Mapping cartes pédagogie sites ressources colloque Apprendre fromlugdunum Outils magnifique diagram whiteboard Site - blog - groupe elements collectivité Web UX user_experience webdesign Ergonomie interaction design