Même site, différentes images: comment les concepteurs Web se peignent eux-mêmes dans un coin

Ce que personne n’aurait pu ne pas remarquer, c’est que les conceptions Web sont en général devenues très stéréotypées et normalisées. Il existe quelques modèles vraiment uniques et intéressants, et leur avantage est qu'ils sont si bons qu'ils sont presque impossibles à copier. Mais ces sites sont une véritable exception à une norme très bien établie. Généralement, ce qui se passe, c’est que l’on crée un très bon design qui n’est ni si complexe ni si sophistiqué que sa structure de base ne puisse pas être dupliquée, puis on voit une multitude de personnes qui utilisent ce cadre et y accrochent une nouvelle peau.

Ce ne serait peut-être pas si grave s'il y avait quelque chose de véritablement original et intéressant dans le résultat, mais la vérité est que pratiquement personne n'a déployé d'efforts dans ce sens. Parfois, les similitudes vont au-delà de la structure et vous verrez des éléments visuels beaucoup trop familiers. Même le contenu est parfois arraché de manière flagrante, et cela ne peut être bon pour le secteur de la conception Web. C'est quelque chose qui va tuer notre industrie parce que ces concepteurs sans inspiration et effrayés se rendent (et vous) obsolètes.

Comment la duplication de sites vous rend redondant dans l'équation de conception

Pour le moment, les acheteurs de sites Web ne se sont pas encore rendus compte de la situation. Ils ne semblent pas avoir remarqué que tous les autres sites sur Internet sont simplement une version recyclée d'un autre site. Actuellement, la tendance actuelle est de faire d'énormes murs de défilement d'images géantes avec des superpositions de texte. Les saveurs du mois sont le texte en blanc sur le bleu clair (merci, Twitter!), Le texte en blanc sur le marron, le texte en blanc sur à peu près n'importe quelle couleur où il peut être utilisé, et si ce n'est pas possible, nous verrons texte gris, ou au moins quelque chose de vraiment pâle et délavé. Nous allons aussi en ville avec de gros boutons plats.

Maintenant, il est important de comprendre que ce n’est pas mal de créer un site Web comme celui-là, à moins que de nombreuses autres personnes ne le créent. Si vous continuez dans cette voie, où chaque mouton ne fait que suivre un autre mouton de la falaise, il n'y a aucun moyen de sauver la situation. Les clients vont se rendre compte qu'ils peuvent simplement copier cette structure, remplacer les images d'arrière-plan par leurs propres images et partir ensuite. Comment justifiez-vous votre existence? Surtout si vous êtes un de ces concepteurs qui n'écrivent pas leur propre code?

Nous devons tous orienter les clients vers l’originalité et la fraîcheur. Nous avons besoin du type d'innovation qui a engendré des sites Web impressionnants.

Étude de cas: Club de rasage en dollars

Quand j'ai vu le Dollar Shave Club de site Web, j’ai été beaucoup plus impressionné par la qualité de la conception Web que par l’offre présentée. C’est peut-être pour cette raison que leur site aujourd’hui est redevenu «standard», même si c’est quand même assez cool pour un site standardisé. Mais aujourd'hui, le site a très peu de choses à différencier du site PayPal, ou de nombreux autres sites Web qui ont suivi la même tendance. Les images sont différentes, le texte est différent, mais où est le punch?

Mais ce n’est pas toujours le cas. Voyons donc comment ce site a évolué au fil du temps et voyons s’il est possible de découvrir l’endroit idéal où ils auraient dû cesser de suivre les tendances et continuer de rouler avec l’impressionnant.

Notre voyage commence en mai 19, 2011. Cela prouve que toute personne ayant une bonne idée peut réussir avec succès si elle sait attirer l'attention de la bonne manière.

Rien de trop étonnant à propos de cette conception, en fait il ne peut probablement même pas être appelé avec précision une conception. C'est resté comme ça jusqu'à ce qu'il y ait une mise à jour en juillet, l'en-tête a été modifié, le libellé a été considérablement modifié et de nombreuses sous-pages ont été créées:

Cette page n’a toujours pas été très inspirée, mais elle a quand même dû impressionner le public, car en octobre ils avaient gagné suffisamment d’argent pour produire un site Web qui ressemblait à un site Web:

Une nouvelle année s'est écoulée et, en mars, le site arborait un nouveau look masculin et rugueux, très proche de son apparence actuelle:

Certains des changements inclus:

  • Changement complet de style de geek et moderne à vieux et cool
  • Ajout d'un nouveau logo
  • Offre de bonus en surbrillance
  • Navigation moins complexe avec de meilleurs titres de liens
  • Plus facile de voir les liens de connexion et d'inscription
  • Intro vidéo
  • Énorme ligne de balise
  • Le pied de page n'est plus isolé du reste de la conception

On peut soutenir que cette conception est vraiment proche du point où ils auraient probablement dû cesser d'innover. Sous cette forme, il était déjà magnifique, le seul défaut étant que la vidéo d'introduction a été définie dans un iframe et que la lecture automatique a été activée. Aucune de ces choses n'est une bonne idée, et aucun concepteur de 2016 ne devrait même envisager de le faire sans une très bonne raison. En dehors de cela, le site était aussi proche de la perfection que jamais. Le seul autre changement majeur pour 2012 a été l'ajout d'un lien de blog dans la zone de navigation principale.

Vers la fin de 2013, le site a subi une refonte en profondeur de son code source, supprimant la vidéo d'introduction de cet ennuyeux iframe et n'utilisant plus cette fonction de lecture automatique désagréable. Les utilisateurs n'auraient pas vu beaucoup de différence visuelle, mais ils auraient certainement apprécié de pouvoir choisir de regarder ou non la vidéo. Si vous vous demandez pourquoi c'est si grave, eh bien… peut-être que vous êtes novice sur Internet. Peut-être n’avez-vous jamais connu les joies de la bande passante mesurée ou d’autres belles choses comme celle-là. Cela ferait de vous une personne très spéciale.

Imaginez si vous étiez déjà membre de ce site et chaque fois que vous vouliez vous connecter, vous avez été soumis à l'intro vidéo qui se chargeait et commençait à jouer, et vous n'aviez aucun moyen de l'en empêcher. Si vous voulez que les utilisateurs évitent votre site à moins qu'il n'y ait pas d'alternative, voici la stratégie à suivre. Il est très bon de voir un site Web comme Dollar Shave Club, où les opérateurs écoutent leurs utilisateurs et s’efforcent réellement de résoudre les problèmes soulevés par les plaintes.

Le premier changement majeur pour 2014 a été l’abandon du lecteur vidéo basé sur Flash, optant plutôt pour la lecture vidéo HTML5. Ils ont également ajouté des éléments de menu supplémentaires.

Le mois de septembre de 2014 marque la dernière fois que ce site aurait ce design compact et judicieux. Depuis octobre, ils ont à nouveau isolé le titre de la page / section de navigation et la section de pied de page du contenu principal. Le site est donc redevenu un suiveur générique et homogène du troupeau. L'orientation des planches en bois a également changé de vertical à horizontal. Avec le déclassement apparemment intentionnel du site en un look générique «Fortune 500 Approved», ils semblent avoir fait exactement ce que Kirk Lazarus avait mis en garde, à savoir qu'il ne faut jamais le faire.

À ce stade, le site était déjà passé au look générique arboré par des milliers, voire des millions d'autres sites corporatifs, le passant de wow en bâillement à la vitesse d'un téléchargement FTP, mais ce n'était pas une cause perdue. Il n'avait toujours pas terminé la transition complète. Il planait comme un kathoey pré-op, ressemblant beaucoup au modèle générique, mais pas à chacune de ses caractéristiques.

Le site a tenté un nouveau look de 2015 en juin, et il a finalement été mis en place un mois plus tard, une fois les bugs résolus. Cela a marqué le moment où le site avait finalement perdu toute sa modestie et avait choisi de subir la dernière intervention chirurgicale qui le transformerait en une entreprise totalement corporelle.

Ce que vous ne pouvez pas manquer de remarquer, c’est qu’avec chacune de ces «mises à niveau», le site croît en hauteur. La navigation simple qui a fait de ce site une joie depuis le début est maintenant perdue. Les utilisateurs doivent maintenant faire achoice. Il est passé de “où est-ce que je clique?” À “dois-je cliquer, faire défiler, ou dois-je faire défiler, puis cliquer?”. Ensuite, peut-être que l'utilisateur fait défiler l'écran mais ne voit pas ce qu'il veut et qu'il doit maintenant revenir en arrière pour trouver le bon endroit pour cliquer, s'il existe.

Tout ce travail supplémentaire et cette prise de décision s'ajoutent au taux de CUF (frustration cumulative de l'utilisateur) et rendent plus probable le fait que l'utilisateur abandonne sa boutique. Dans le cas de Dollar Shave Club, les offres sont suffisamment bonnes pour que les utilisateurs tolèrent probablement beaucoup de désagréments (un seuil élevé de CUF), mais ce ne sera pas le cas pour tous les sites.

Le titre du site a également évolué pendant tout ce temps, avec certains des titres énumérés ci-dessous:

  • Lames de rasoir à bas prix pour 1 $ par mois
  • Lames de rasoir pas cher
  • Dollar Shave Club: Nos lames sont géniales!
  • Dollar Shave Club - Rasez le temps, gagnez de l'argent
  • Dollar Shave Club de

De par cette évolution, il est facile de voir l’influence de la culture d’entreprise sur d’autres idées géniales. Vous pouvez imaginer un petit type pervers habillé en Armani et tenant son étui attaché de Gucci, arrivant à la réunion de la compagnie avec «Hey, tu ne peux pas dire quelque chose comme ça! Mais devinez quelle ligne leur a attiré le plus d’attention, le plus grand nombre d’actions et le plus grand nombre de personnes qui s'y connectent?

Internet existe en dehors de la réglementation sur la publicité et on l'oublie parfois. Ce que les gens «approuvent» et ce qu’ils aiment sont des choses complètement différentes. Quelqu'un peut être officiellement offensé par quelque chose qu'il reconnaîtra en privé comme étant vraiment cool. Le sexe vend, et l'humour aussi. “Boring” n'a jamais rien vendu.

Alors, voici à quoi ressemble le site aujourd'hui:

C'est incroyable les longueurs auxquelles certaines personnes (et sites) iront, n'est-ce pas?

Une partie de la faute incombe aux outils que nous utilisons

Les concepteurs et les développeurs ont toujours utilisé certains systèmes et frameworks pour faciliter le processus de création d'un nouveau site, et rien de ce qui est faux en soi.

Malheureusement, certains de ces outils sont devenus trop populaires et sont maintenant surutilisés dans la mesure où les limitations inhérentes à ces produits deviennent manifestes dans les conceptions. Nous voyons donc des structures similaires émerger plus clairement que jamais auparavant.

C'est tellement le cas que parfois, lorsqu'un élément attendu «standard» est manquant, les clients se demandent pourquoi. Ce n’est pas bon… les clients ne devraient pas avoir d’attente sur les résultats du processus de conception, ils devraient dire «Wow! C'est génial! ", Pas" Où est l'élément [élément de conception gadget gadget]? ".

Le second contributeur à ce problème est une approche de conception de Cheap Charlie, où une seule mise en page est la seule créée et que l'on s'attend à réduire à une seule colonne pour les utilisateurs mobiles. Google veut que nous concevions pour le mobile, et nous devons bien sûr respecter cela, mais lorsque vous prenez en compte l'espace sur lequel nous devons jouer sur un ordinateur de bureau, nous devrions en tirer parti.

Le problème va s'aggraver. De nombreux clients exigent en réalité que leurs sites soient construits avec certains outils et technologies, souvent sans vraiment savoir pourquoi. Il y aura bientôt un autre article sur ce site expliquant pourquoi c'est une si mauvaise idée pour le client et pour vous, mais le point à retenir pour le moment est que tant que les clients pensent comprendre votre travail mieux que Si vous le faites, les sites d’entreprise continueront à se développer de manière plus semblable les uns aux autres. Une fois qu'ils auront atteint la singularité parfaite, vous serez obsolète.

Donc, si vous vous souciez du long terme, si vous ne pouvez pas vous limiter au loyer et à l'épicerie du mois prochain, vous devez faire tout votre possible pour encourager les clients à rechercher l'originalité et le design, car cela vous donne une raison d'être. Sinon, vous êtes juste une autre brique dans le mur, facilement remplacée par une autre brique.

Bogdan Rancea

Bogdan est un membre fondateur d’Inspired Mag, ayant accumulé près de 14 années d’expérience 6 au cours de cette période. Dans ses temps libres, il aime étudier la musique classique et explorer les arts visuels. Il est également obsédé par les fixies. Il possède déjà 5.