advertisement

Le livre du design et de l'ergonomie pour le développeur

60 %
40 %
advertisement
Information about Le livre du design et de l'ergonomie pour le développeur
Technology

Published on March 10, 2014

Author: ocourtois

Source: slideshare.net

Description

Présentation donnée en février 2012 pendant les Techdays par Christopher Maneu et moi-même. La vidéo : https://vimeo.com/88650145. Développeurs, échappez-vous quelques instants de la grisaille quotidienne. Le chef vous propose de vous asseoir à ses côtés pour apprendre ses techniques. Au menu, concentré de techniques ergonomiques, émulsion de couleurs avec sa touche de typographie, et son rizotto de conseils prêt à l'emploi pour les développeurs. Vous pourrez même emporter tous ses conseils chez vous.
advertisement

palais des congrès Paris 7, 8 et 9 février 2012

07 février 2012 Bewise Le livre de recette du design et de l'ergonomie pour le développeur

@ocourtois ocourtois.fr Olivier Courtois Responsable BewiseDesign Consultant, Spécialiste UX Toulouse Stand 47

@cmaneu maneu.net Christopher Maneu Directeur Projet Consultant, MVP Toulouse Stand 47

Ouverture d’une agence sur Paris ! Retrouvez nous sur le stand 47 Diffuse une expertise novatrice Contribue à l’émergence de logiciels performants et ergonomiques Pure Player Microsoft depuis 1999

CONSTAT Du webdesign au quotidien

2 CAS DE FIGURE Aucun designer Aucun ergonome Equipe avec designer Et ergonome

Ce n’est pas votre faute !

PLAN EN 2 ETAPES 1 FONDAMENTAUX Avoir une culture design et ergo 2 VERIFICATIONS Tester votre travail avant de le livrer

Fondamentaux

LayoutCouleursTypo Ergonomie

TYPOGRAPHIE 1 Familles Une famille c’est pour la vie, utilisez en moins de trois, respectez les guidelines (typefaces) 2 Serif / Sans Serif Choisissez Sans Serif pour un look résolument moderne 3 Grasse Le contraste d’un simple clic

TYPOGRAPHIE 4 L’espacement Ajustez vos textes par rapport à la mise en page avec les différents espacements 5 Glyphs et alphabets Toutes les polices ne naissent pas égales.

COULEURS 1 Ne les choisissez pas vous même Vous risquez une fracture de l’œil 2 Créez des teintes Ne multipliez pas le nombre de couleurs, utilisez des teintes

DEMO : Typographie et couleurs

LAYOUT 1 Contraste Si des éléments sont différents, différenciez les 2 Répétition Créez une unité en répétant une caractéristique visuelle 3 Alignement Guidez l’œil de l’utilisateur en alignant les éléments 4 Proximité Regroupez les éléments de même sens, séparez les autres

LAYOUT Une bonne organisation Cela tient en 3 étapes 1. Connaissez les règles Elles sont très simples 2. Remarquez leurs absences Il faut être en mesure de formuler le problème 3. Appliquer ces règles Vous allez être surpris du résultat ! Une bonne organisation en 3 étapes… 1 Connaissez les règles Elles sont très simples 2 Remarquez leurs absences Il faut être en mesure de formuler le problème 3 Appliquez ces principes Vous allez être surpris du résultat !

DEMO : Layout

ERGONOMIE 1 Affordance Caractère intrinsèque d’un objet à nous renseigner sur sa fonction VS

ERGONOMIE 2 Loi de Fitts Plus c’est grand et proche, plus c’est facile à cliquer

ERGONOMIE 3 Nombre de Miller 7 (+/- 2)

Vérifier votre travail

1 Issu de l’expérience Bewise 2 Utilisé par des dizaines de développeurs OUTIL

” “Vérifiez et améliorez l’ergonomie de vos applications vous-même avec nos chucklists. Bewise Team

DEMO : ChuckLists

APPLICATION WINDOWS Utilisez-vous moins de 3 couleurs ? Utilisez-vous moins de 3 polices de caractères ? Votre application se lance en plus de 200ms ? Soyez sur d’avoir un « splashscreen ». Utilisez-vous des tooltips? Parfait à condition que ce soit pour aider vos utilisateurs et non pour palier un problème de place Positionnez-vous sur le premier champ puis vérifiez qu’à chaque appui sur TAB, le focus va sur le bon champ Devez-vous demander confirmation à l’utilisateur? Pour une action fréquente offrez un undo, pour le reste faites le.

Disponible dès maintenant http://chucklists.bewise.fr/techdays 5min max Gratuit Satisfaction utilisateur

Q/A Merci

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Design ergonomique et formation à l'ergonomie pour la ...

Design ergonomique et formation à l'ergonomie pour la prévention ... Bien que le design ergonomique et la formation ... cou/épaule et du membre ...
Read more

Ergonomie web - Le livre - Partie I : Introduction à l ...

Téléchargez gratuitement un extrait du livre ! ... » L’ergonomie, pour considérer l’homme dans le ... sont idiots » L’ergonomie et le design, ...
Read more

Ergonomie web, pour des sites web efficaces - 2eme edition ...

... le livre se refait une beauté ... vous découvrez les principes de base de l'ergonomie et apprenez ... Vous faites du web? Ce livre est fait pour ...
Read more

Ergonomie web - Pour des sites web efficaces. + de 300 ...

... comprenez et appliquez l'ergonomie web sur le ... 12 règles pour optimiser l'ergonomie de votre ... La méthode du tri de cartes pour organiser ...
Read more

Conseil en ergonomie : Usabilis, design et conception d ...

... design et conception d'interface pour les ... le livre Ergonomie des ... est une référence sur l’ergonomie des applications Web, mobile et ...
Read more

Ergonomie web et logiciel, architecture de l'information ...

... toute une boîte à idées pour comprendre et appliquer l'ergonomie ... Des chroniques de livres dans le domaine de ... 3eme édition du livre ...
Read more

livres - Ergonomie web et logiciel, architecture de l ...

... ouvrages dans le domaine de l'ergonomie des ... du détail, et l'effort nécessaire pour ... livre qui intègre l'ergonomie dans la ...
Read more

No 13 - L'ergonomie au poste de travail informatisé

L’ERGONOMIE AU POSTE DE ... indépendant pour l’inclinaison du siège et du ... On devrait retrouver un léger espace entre le rebord du siège et l ...
Read more

CCHST : Produits et services: L'ergonomie au bureau

L'ergonomie au bureau. ... Le prix et la disponibilité des ... des employeurs et des syndicats de faire des commentaires sur les ébauches de documents du ...
Read more