{"id":3896,"date":"2014-03-04T23:34:33","date_gmt":"2014-03-04T22:34:33","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3896"},"modified":"2014-03-05T12:35:47","modified_gmt":"2014-03-05T11:35:47","slug":"doisjeutiliser-fr-contre-exemples-ergonomiques-illustres","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-graphique\/doisjeutiliser-fr-contre-exemples-ergonomiques-illustres","title":{"rendered":"DoisJeUtiliser.fr \u2013 Contre-exemples ergonomiques illustr\u00e9s"},"content":{"rendered":"

Cette id\u00e9e, lanc\u00e9e apr\u00e8s une illustration faite par @jared_w_smith<\/a> d’un carrousel volontairement mal impl\u00e9ment\u00e9, avait pour but d’illustrer de mani\u00e8re exag\u00e9r\u00e9e les mauvais cas d’utilisation de certains \u00ab\u00a0proc\u00e9d\u00e9s\u00a0\u00bb \u00e0 la mode dans le WebDesign. Je crois que \u00e7a vous a plu !<\/p>\n

Origine<\/h2>\n

\u00c0 la base j’\u00e9tais parti sur l’id\u00e9e d’une traduction de ShoulIUseACarousel<\/a>, @walterstephanie s’\u00e9tant propos\u00e9e pour traduire les textes, j’ai rapidement fait un bon gros code sale fait en quelques minutes pour la d\u00e9mo du contre-exemple en Fran\u00e7ais.
\nEn agence nous avons souvent besoin d’illustrer nos propos pour contre-argumenter sur \u00ab\u00a0un besoin\u00a0\u00bb du client, qui tient plus souvent de la mode que d’un r\u00e9el besoin. Le diaporama, certainement en t\u00eate de liste, fait partie de ces modes.<\/p>\n

Au lieu de me contenter de faire cette traduction de slideshow, j’ai finalement choisi de voir plus large. J’ai donc pris quelques heures pour coder les deux autres contre-exemples qui me venaient en t\u00eate.<\/p>\n

Pourquoi ces contre-exemples ?<\/h2>\n

\"\"<\/p>\n

Je suis parti du postulat que je ne devais certainement pas \u00eatre le seul \u00e0 avoir besoin de contre-argumenter certaines id\u00e9es de mes clients. Pas que je ne veuille pas leur faire plaisir, mais que bien souvent leurs envies risquent de les desservir, eux et leur projet qu’ils veulent abouti.
\nPour que mes propos soient plus parlants, j’\u00e9tais souvent \u00e0 la recherche des contre-exemples pr\u00e9sents sur de vrais sites web. Mais cette recherche prend rapidement beaucoup de temps dans des plannings parfois serr\u00e9s.<\/p>\n

Quand j’ai vu ce tweet qui m’a fait sourire, cela ma confort\u00e9 dans mon id\u00e9e que ces illustrations peuvent servir, et pas uniquement \u00e0 moi.<\/p>\n

\n

je parle surtout et principalement de cette pop-in intrusive de $*$\u00a3%\u00a8\u00f9%\u00a3 http:\/\/t.co\/Et4cjNROZG<\/a><\/p>\n

— Bastien (@jeanpaultarte) 4 Mars 2014<\/a><\/p><\/blockquote>\n

Bref ! Ainsi illustr\u00e9s, les contre-exemples sont \u00e0 port\u00e9e de main pour vous ou vos client.<\/p>\n

De vives r\u00e9actions<\/h2>\n

Twitter est un bon vecteur pour \u00e9changer, et avoir des retours plus ou moins vifs.
\nLorsque j’ai tweet\u00e9 l’info<\/a> il y a trois jours, je ne pensais pas que l’initiative ravirait autant la communaut\u00e9.<\/p>\n

\n

"Dois-je utiliser" Le site qui explique pourquoi il ne faut pas faire certaines choses niveau ergonomie http:\/\/t.co\/PeJV3SroVl<\/a> #webdesign<\/a><\/p>\n

— C\u00e9line Rouqui\u00e9 (@CelineRouquie) 3 Mars 2014<\/a><\/p><\/blockquote>\n

\n

J'aimerai bien voir + de sites comme \u00e7a, c'est cool, en fran\u00e7ais et on comprend DIRECT ce qu'on peut apprendre. http:\/\/t.co\/r0ZdZANEKT<\/a><\/p>\n

— Elsa Serra \u2605 (@ideospire) 3 Mars 2014<\/a><\/p><\/blockquote>\n

\n

+1 RT @ecp_be<\/a>: #ergonomie<\/a> #UX<\/a> Des contre-exemples illustr\u00e9s. http:\/\/t.co\/vvzcGTjoIO<\/a> J'adore !!! Merci @geoffrey_crofte<\/a> !<\/p>\n

— AxeNet (@axenetwit) 2 Mars 2014<\/a><\/p><\/blockquote>\n

\n

Ah ben voil\u00e0 qui est UTILE !! \ud83d\ude42 http:\/\/t.co\/vBqMNSoHr1<\/a> via @geoffrey_crofte<\/a><\/p>\n

— catepeli (@catepeli) 3 Mars 2014<\/a><\/p><\/blockquote>\n

\n

Cette id\u00e9e est top !! Des contre-exemples ergonomiques illustr\u00e9s http:\/\/t.co\/kl0C3griCa<\/a> #webdesign<\/a> via @geoffrey_crofte<\/a><\/p>\n

— Margaux Poncelin (@MgxPcl) 3 Mars 2014<\/a><\/p><\/blockquote>\n

\n

Exemples de mauvaises pratiques ergonomiques tr\u00e8s souvent utilis\u00e9es. En plus c'est dr\u00f4le ! http:\/\/t.co\/TAxPX3Jmd0<\/a> via @geoffrey_crofte<\/a><\/p>\n

— Hugo Macarez (@HugoMacarez) 3 Mars 2014<\/a><\/p><\/blockquote>\n

\n

Puis-je dire combien j'aime http:\/\/t.co\/y5ih085tUQ<\/a> ! Une perle d'#ergo<\/a> avec plein d'#accessibilite<\/a> cc @geoffrey_crofte<\/a> @victorbritopro<\/a><\/p>\n

— Matthieu Faure (@mfaure) 3 Mars 2014<\/a><\/p><\/blockquote>\n

Faisons-le \u00e9voluer !<\/h2>\n

Vous \u00eates plus de 5 000 personnes \u00e0 avoir visit\u00e9 la totalit\u00e9 du site DoisJeUtiliser.fr<\/a> hier. Cet engouement va motiver l’arriv\u00e9e des prochains sujets qui sont d\u00e9j\u00e0 pr\u00eats, il ne reste qu’\u00e0 les mettre en forme.<\/p>\n

Votre aide peut \u00eatre pr\u00e9cieuse pour apporter de nouvelles id\u00e9es, comme l’ont fait spontan\u00e9ment certaines personnes par e-mail ou Twitter :<\/p>\n

\n

@geoffrey_crofte<\/a> Je pense qu'il serait int\u00e9ressant de rajouter un sujet concernant le "infinite scroll" sur http:\/\/t.co\/A0BkQjA8ji<\/a> !<\/p>\n

— Charles PHILIP (@chrl_p) 1 Mars 2014<\/a><\/p><\/blockquote>\n

Alors surtout n’h\u00e9sitez pas \u00e0 me contacter via Twitter<\/a>, les commentaires de ce blog ou sur geoffrey[arobase]doisjeutiliser[point]fr si une id\u00e9e vous vient.<\/p>\n

Voici les id\u00e9es d\u00e9j\u00e0 propos\u00e9es :<\/p>\n