Comment s’autoformer au design informatique ?

Comment s’autoformer au design informatique ?
Dunod sort la nouvelle édition de son guide sur la conception d’interfaces, et y intègre le design mobile




Lors des TechDays 2013, le grand évènement de Microsoft dédié aux développeurs, une question a été posée avec insistance : peut-on encore concevoir une application sans designer ?

Question à laquelle Jean Ferré, directeur de la division DPE (Développeurs, Plateforme et Écosystème) a répondu en ces termes : « Je vais vous dire oui, parce qu’il est possible de faire une application qui tienne la route fonctionnellement sans designer. Mais je vais aussi vous dire non, parce que c’est une histoire de goût artistique et de règles à connaître ».

Idem, lors de CMS Agora, une session plénière a traité du design et de l’ergonomie des sites. La conception graphique étant de plus en plus au cœur des projets Web avec notamment la nécessaire adaptation aux mobiles et tablettes (via le Responsive Design ou non).

Même les OS sont revus en profondeur par les éditeurs pour optimiser leur ergonomie à la lumière des enseignements du design. Windows 8 est le pur fruit de l’école Bauhaus. iOS 7 abandonne le « skeuomorphisme » (représenter l’objet réel) pour un « flat design » plus abstrait.

http://ftp-developpez.com/gordon-fowler/ios72.jpg

Problème. Les programmeurs ne sont pas nécessairement formés à ces domaines, plus proches de l’artistique que de l'informatique.

Et même si Microsoft met des experts à la disposition des start-ups, même si « il n’y a pas non plus besoin de faire une école de design pour faire une application » – comme le dit le directeur de la division DPE - et même si l’autoformation est possible, restait néanmoins à trouver un ouvrage de référence.

C’est aujourd’hui chose faite, nous semble-t-il, avec la nouvelle édition (la 5ème) de « Ergonomie des interfaces » de Dunod.

Ce guide publié depuis 2001 intègre cette année ce qui lui manquait le plus : les interfaces mobiles et le webdesign de sites de e-commerce.

Autre point appréciable pour un développeur, l’ouvrage est pragmatique.

« Véritable guide de conception, les lecteurs y trouveront, chapitre par chapitre, des réponses aux questions qu’ils se posent au fur et à mesure de la réalisation de l’interface. Depuis le ciblage de l’application, jusqu’aux choix graphiques, en passant par la conception du système de navigation et les éléments d’interaction, les concepteurs d’interface sont accompagnés dans les différentes phases de leur projet interactif », explique d’ailleurs l’éditeur.

Le tout est bien sûr illustré par moult exemples.

Bref, alors que programmation et design n’ont jamais été aussi proches, ce « Guide pratique pour la conception des applications web, logicielles, mobiles et tactiles » nous parait être une saine lecture.

Pour ne pas dire une lecture indispensable.


:fleche: Ergonomie des interfaces, de Dunod
320 pages, 33,25 €

http://ftp-developpez.com/gordon-fow...20des%20UI.jpg

Et vous ?

:fleche: Vous formez-vous au design d’UI ? Et si oui, comment ?

:fleche: Voyez-vous d'autres ouvrages de référence sur le sujet ?

Citation:

---

« il n’y a pas non plus besoin de faire une école de design pour faire une application » – comme le dit le directeur de la division DPE

---

On est d'accord mais concevoir une vraie interface graphique, ça se fait pas en lisant un bouquin pendant 1 semaine et en comprenant que Photoshop ça fonctionne avec des calques.

Il faut un minimum de talent, de goût, de créativité... Personnellement je m'y suis essayé à plusieurs reprises et ce fût un échec. J'arrive à faire des ptits trucs sympas grâce à de la récup (iconfinder.com + graphisme fourni sur les composants d'une librairie) mais après, c'est plus compliqué que ça en a l'air.

Il y les couleurs, le dosage des ombrages, les marges, les tailles... Bref toute l'ergonomie. Alors je suis sûr qu'il y a des développeurs qui sont aussi doués pour ça mais je pense que généralement, rien ne vaut un bon Web Designer.

Citation:

---

Vous formez-vous au design d’UI ? Et si oui, comment ?

---

Oui parce que n'ayant pas de designer et sachant pertinemment que c'est ce qu'il me manque je me dois de me former au design.

J'essaye de m'inspirer de l'existant pour l'instant et du peu d'heures d'ergonomie que j'ai suivi pendant ma formation.

Après je test, j'expérimente et c'est souvent foireux :roll: parce que je n'ai pas encore l'expérience et le recul suffisant.

Citation:

---

Envoyé par stailer

On est d'accord mais concevoir une vraie interface graphique, ça se fait pas en lisant un bouquin pendant 1 semaine et en comprenant que Photoshop ça fonctionne avec des calques.

Il faut un minimum de talent, de goût, de créativité... Personnellement je m'y suis essayé à plusieurs reprises et ce fût un échec. J'arrive à faire des ptits trucs sympas grâce à de la récup (iconfinder.com + graphisme fourni sur les composants d'une librairie) mais après, c'est plus compliqué que ça en a l'air.

Il y les couleurs, le dosage des ombrages, les marges, les tailles... Bref toute l'ergonomie. Alors je suis sûr qu'il y a des développeurs qui sont aussi doués pour ça mais je pense que généralement, rien ne vaut un bon Web Designer.

---

Tu confonds ergonomie et design, bien que l'un va souvent de pair avec l'autre il faut faire le distinguo :P

Citation:

---

Envoyé par Gordon Fowler

Problème. Les programmeurs ne sont pas nécessairement formés à ces domaines, plus proches de l’artistique que de l'informatique.

---

Je dirais plutôt l'inverse : Problème, les graphistes ne sont pas nécessairement formés à ces domaines, plus proches de l'informatique que de l'artistique.

Mon expérience veut que les graphistes soient compétents pour que les logiciels soient beaux. Par contre, ils le sont beaucoup moins que les développeurs pour ce qui est de l'ergonomie, du respect des habitudes des utilisateurs, de la simplicité d'utilisation, etc.

Du coup, à mon avis, la bonne méthode est de faire travailler main dans la main le graphiste et le développeur. L'un veille à ce que ça soit beau, et l'autre veille à ce que le premier design un logiciel au lieu de peindre une toile de maitre. :mrgreen:

Citation:

---

Envoyé par Gordon Fowler

:fleche: Vous formez-vous au design d’UI ? Et si oui, comment ?

---

Conséquence : je forme mes graphistes plutôt, au design d'UI, aux questions d'ergonomie et je ne me forme pas au graphisme parce que c'est quand même eux qui dessinent. :)

Pour ma part, je différencie la partie technique, être capable de faire du CSS par exemple, et la partie ergonome qui implique des connaissances psychologique et un coté artiste.

Clairement, je suis capable de faire la première partie, mais pas la seconde. (y a qu'a voir mon site web pour comprendre ce que je veux dire :p )

Citation:

---

Vous formez-vous au design d’UI ? Et si oui, comment ?

---

Me former c'est un bien grand mot... J'apprend de mes erreurs, comme je suis un utilisateur d'un grand nombre de logiciels, j'apprend aussi des erreur des autres.
Personnellement je suis plus intéressé par le développement technique (que certains qualifient de Backend).

Au niveau de l’ergonomie, les UI que j'ai réalisées ont été bien accueillie, donc j'imagine qu'il y a pire (en fait j'en suis sur, il suffi de regarder les portage consoles et tablette vers PC).

En gros je part du principe que l'utilisateur doit rapidement trouver ses marques, je détermine les taches qui vont être réalisé souvent pour ensuite faciliter leur réalisation. Déjà avec ça on a une bonne base, a mois de développer un produit qui doit révolutionner l'UI. Pour les tablettes j'ai encore beaucoup de choses a apprendre, tactile oublige.

Cependant pour la partie graphique mes réalisations restent très basiques. Et je sais que formation ou pas, dans la mesure ou ce que j'attend d'un soft c'est qu'il soit fonctionnel et non sexy:aie:,je suis pas vraiment apte a proposer des interface "a la mode".

Mais en règle général, je crois que la partie visuelle dépend des goûts de l'utilisateur. Si ce n'est pas le cas, je suis une exception a la règle ;)

Citation:

---

Voyez-vous d'autres ouvrages de référence sur le sujet ?

---

Pas vraiment, j'ai consulté "GUI Design for the Busy Developer"(Mike Gunderloy, CYBEX) il y a quelques temps, c'est une bonne base mais avec l'arrivé du tactile (et des brevets sur les éléments de GUI), je crois que l'ouvrage sera vite dépassé.

Du coup je suis pas mal d'accord avec chiv :

Citation:

---

Envoyé par chiv

Je dirais plutôt l'inverse : Problème, les graphistes ne sont pas nécessairement formés à ces domaines, plus proches de l'informatique que de l'artistique.

---

L'importance du design vient à mon sens des interfaces tactiles , mais pour une application desktop on ne peut espérer du miracle à part connaître certaines règles d'UI propre à chaque plateforme.

Mais comme on dit les goûts et les couleurs c'est chacun son truc.
Perso je suis programmeur et j'ai eu une formation de technicien en infographie
et la différence entre moi et quelqu'un qui ne sait que programmer mais qui n'a aucune connaissances graphiques ça se voit.

De nombreux développeurs ou éditeurs ne font pas appel à des ergonomes / designers (c'est mon métier) et quand on voit ce qu'on trouve, l'existence de tels guides est déjà un bonne chose.
Certes un livre ne remplace pas le goût, le talent ou la pertinence du designer, mais il permet d'éviter des erreurs grossières, de s'obliger à respecter un certain nombre de règles de base, de se faire des check list...
Une bonne part de mon job consiste à créer de nouvelles interfaces ou à reprendre d'anciennes UI et les moderniser. Je tombe sur de ces trucs oOoOoO ! :-)

Citation:

---

Envoyé par renaudbb

De nombreux développeurs ou éditeurs ne font pas appel à des ergonomes / designers (c'est mon métier) et quand on voit ce qu'on trouve, l'existence de tels guides est déjà un bonne chose.
Certes un livre ne remplace pas le goût, le talent ou la pertinence du designer, mais il permet d'éviter des erreurs grossières, de s'obliger à respecter un certain nombre de règles de base, de se faire des check list...
Une bonne part de mon job consiste à créer de nouvelles interfaces ou à reprendre d'anciennes UI et les moderniser. Je tombe sur de ces trucs oOoOoO ! :-)

---

Malheureusement, le cout d'un ergonome n'est pas négligeable. Pour ma part, j'adorerais avoir une proposition de design pour mon site, mais lors du démarrage... les finances sont toujours un peu restreintes.
Je pense que cela s'applique a beaucoup de projet, même en entreprise. (on fait un proto, qui se transforme en alpha, puis en beta et hop... c'est mis en ligne avec le niveau de qualité graphique du prototype initial.

Citation:

---

Vous formez-vous au design d’UI ? Et si oui, comment ?

---

Non. J'ai une formation en design ! Je me forme plutôt au développement.

Remarques:

1. On ne peut pas séparer design et ergonomie.
Le design est une démarche qui s'appuie résolument sur une approche fonctionnelle. Sans ergonomie ce n'est plus du design, c'est de la création artistique tout court.

2. Le design d'une interface consiste avant tout à la rendre "aisément utilisable". Il y a un facteur esthétique à cela, ne serait-ce qu'en terme de signalétique.

Ce qui choque le plus c'est la hiérarchisation incohérente des informations !!
Cela débouche sur des interfaces et des menus qui irritent.

Je ne suis pas certain que beaucoup de gens pensent à créer un organigramme en début de projet.
C'est pourtant ce qu'un développeur devrait transmettre à un designer
pour s'assurer qu'in fine on ait un produit "design", c'est-à-dire Esthétique ET fonctionnel.

Comme tu l'as peut-être lu plus haut, je suis complètement d'accord avec toi Yoda-kun et d'ailleurs ce que tu me dis me fait penser à quelque chose :

En fait je fais de la musique : de l'electro. Ca fait des années et il y a des choses sur lesquelles je pense m'en sortir pas mal : le mix, les enchainements, parfois les mélodies, le choix des sons.

Mais il y a un sujet sur lequel je n'hésite jamais : la rythmique. J'ai le sens du rythme mais je ne suis pas un batteur pro avec tout ses capacités, ses variations etc... Du coup, plutôt que de faire une musique détériorer par une rythmique : j'utilise des samples. Des rythmiques et des boucles d'autres musiciens, quitte à les découper, les réajuster etc...

Finalement le développement d'une interface c'est pareil : oui le développeur peut tout faire tout seul. Mais si le métier de designer ou web designer d'UI existe c'est pas pour rien : il y a, au risque de me répéter, tout un panel de compétences qui nous échappe : du simple choix de couleur jusqu'aux formes choisies, la taille des boutons etc..

Donc OUI au livre pour s'autoformer ! mais : NON au discours : "Ben c'est facile les gars le design d'appli, y en a pour 5 minutes avec Photoshop" :aie:

Perso j'ai commencé le développement à l'époque où designer une interface c'était choisir les widgets qu'on allait placer sur une fenêtre, tous avaient un look système. Il y avait bien des softs qui essayaient de faire des dégradés et des fenêtre à fond coloré mais c'était souvent moche et dans tous les cas plutôt mal vu.

A cette époque j'estimais que j'étais un bon designer d'interface, je suivais des pratiques standards (un top menu, le respect des raccourcis clavier, ordre tabstop, placement de nommages des boutons Ok, Appliquer, Annuler etc..) j'essayais de trouver les widgets et les affichages bien équilibrés qui marchaient bien, et hop.

Depuis le passage au web, RIA et autres où on est passé d'un modèle très dirigé et conventionné à un univers beaucoup moins strict, très photoshoppé, bien visuel parfois jusqu'à l'excès avec des *effets dynamiques dans tous les sens car faut montrer qu'on est trop des boss avec les nouvelles technologies*, je suis totalement largué.
Du coup lorsque je fais du web, principalement il s'agit d'interfaces d'administration et de consultation de stats pour des services, j'ai trouvé un sauveur : Bootstrap. Pour le reste, j'admet sans honte que je ne sais pas designer, je ne suis pas capable de faire des supers beaux menus et d'arriver tout seul à créer une charte graphique qui ait de la gueule.
J'ai fait quelques essais lamentables où je passais mon temps à pomper des morceaux de CSS à gauche et à droite sur les sites où je me promenais, mais j'ai fini par admettre que c'était un boulot, avec des gens faits pour ça et qu'on pouvait pas tout improviser.

Moralité je fais ce que je sais faire, et quand j'ai besoin de "design", on mandate une entreprise tierce où on achète un truc tout fait sur le net. Voilà c'est lâche mais ça coûte moins cher que de devenir des experts photoshops, surtout que comme quelqu'un a précisé plus haut c'est pas parce qu'on manie l'outil qu'on va forcément être en mesure de sortir un truc chouette avec.