10 sites Web que nous aimerions voir repensés en 2020 (et pourquoi)
Différents concepteurs ont des opinions différentes sur ce qui fait un excellent site Web. Mais, une chose sur laquelle nous pouvons tous nous mettre d'accord est que la popularité ne rend jamais un site Web génial. Nous en avons la preuve.
Aujourd'hui, nous examinons quelques sites Web populaires appartenant à des sociétés et des marques bien connues. Ces sites Web reçoivent des millions de visiteurs chaque mois. Et ils sont bien connus dans le monde. Tous ces sites Web ont une chose en commun: ils pourraient tous utiliser un peu de rafraîchissement visuel!
Même si la conception de sites Web est devenue une industrie et a évolué avec de nouvelles technologies incroyables, certaines entreprises utilisent encore des conceptions de sites Web obsolètes.
Nous ne savons pas si ces marques ont peur du changement ou ne donnent tout simplement pas la priorité au design. Quoi qu'il en soit, nous pensons que ces sites Web doivent être rénovés pour le mieux de leurs utilisateurs. Continuez à lire pour savoir pourquoi.
Explorez les ressources de conception
1. Craigslist
Craigslist est l'un des sites de petites annonces les plus populaires sur Internet. Craig Newmark a commencé Craigslist comme une simple liste d'email en 1995 et l'a transformé en site Web en 1996. D'après l'apparence des choses, il est sûr de supposer que le site Web pourrait utiliser le même design qu'ils ont utilisé en 1996.
Selon SimilarWeb, Craigslist reçoit plus de 360 millions de visiteurs chaque mois. Pourtant, il possède l'un des pires designs de sites Web que vous n'aurez jamais vu. La conception de sites Web Craigslist comprend toutes les erreurs que vous souhaitez éviter lors de la conception d'un site Web.
Pourquoi ce site Web a l'air mauvais?
Pour commencer, Craigslist a un design très encombré sans indices visuels ni sens de l'orientation. Le site Web n'est composé que de texte. Pourtant, la police est beaucoup trop petite et la rend difficile à lire. La couleur bleu vif de la police n'aide pas non plus à améliorer la lisibilité.
Surtout, la conception du site Web ne répond pas. Cela a l'air terrible quand on le regarde sur des écrans avec différentes résolutions. L'ensemble du processus de navigation dans les listes d'annonces, les conceptions de formulaires pour la publication d'annonces et presque tous les autres aspects du site Web doivent désespérément être améliorés.
Comment peut-il être amélioré?
Même changer la police et la couleur de la police peut être considéré comme une amélioration pour Craigslist à ce stade. Cependant, une meilleure façon de trouver l'inspiration est de jeter un œil au site Web de Gumtree.
Gumtree est le plus grand site d'annonces classées du Royaume-Uni. Et sa conception de site Web moderne a tout ce que nous aimerions voir sur un site Web de petites annonces. Il a une conception conviviale avec une meilleure fonction de recherche, des filtres pour affiner la recherche, de meilleurs aperçus et descriptions pour l'analyse des publicités, et plus encore.
2. AOL
AOL était la plus grande plate-forme d'Internet et une entreprise qui possédait la plupart des outils que tout le monde utilisait à l'époque. Cela avait le potentiel d'être quelque chose d'incroyable. Mais, avec la montée en puissance de ses concurrents, AOL a perdu la notion du temps et n'a pas pu évoluer avec les besoins actuels des utilisateurs.
Aujourd'hui, les gens savent à peine ce qu'est AOL. Même nous avons été surpris de voir le site encore opérationnel. Selon SimilarWeb, AOL reçoit toujours bien plus de 200 millions de visiteurs chaque mois. À première vue, le site Web a fière allure. Alors pourquoi pensons-nous que cela doit être repensé?
Pourquoi ce site Web a l'air mauvais?
Comme toujours, AOL semble toujours rattraper son retard par rapport à la conception d'interfaces utilisateur modernes, mais l'entreprise a encore quelques années de retard. Il a toujours un design encombré rempli de tant de choses, des nouvelles aux divertissements météorologiques et plus encore. Quiconque visite le site sera immédiatement confus quant à savoir où aller et quoi faire.
Lorsque nous avons visité le site Web, nous avons été bombardés d'une vidéo à lecture automatique avec des sons automatiques. Ne faites pas l'erreur d'utiliser AOL pour rechercher quelque chose pendant que vous êtes au travail.
Inutile de dire que vous serez facilement distrait lorsque vous visiterez AOL.
Comment peut-il être amélioré?
Le site Web d'AOL peut vous rappeler un autre moteur de recherche populaire. Yahoo! utilisé pour présenter un design très similaire. Mais plus maintenant. Même Yahoo! savait quand évoluer.
S'il y a une chose que AOL peut apprendre de ses concurrents comme Google, Bing et DuckDuckGo, c'est que les gens préfèrent les moteurs de recherche avec un design minimal sans distractions. Voilà pourquoi Yahoo! est également passé à une conception de site Web minimaliste.
3. Hacker News
Hacker News est comme Reddit pour les startups, les programmeurs et les entrepreneurs. Un seul message sur Hacker News pourrait faire la différence entre obtenir le financement de votre idée de démarrage ou la détruire complètement.
Le site est l'un des plus grands sites d'agrégateur d'actualités disponibles aujourd'hui avec plus de 12 millions de visiteurs chaque mois. Pourtant, il présente toujours le même design qu'il avait utilisé en 2007.
Pourquoi ce site Web a l'air mauvais?
Hacker News fait les mêmes erreurs que Craigslist. La seule bonne fonctionnalité à laquelle nous pouvons penser en comparaison est que ce site utilise une police sans empattement avec une couleur qui est agréable pour les yeux.
Cependant, le site présente toujours une conception peu conviviale qui doit être remaniée. La plus grande erreur commise par le site est que les fils de discussion affichés sur la page d'accueil pointent directement vers la page source. Vous ne pouvez pas ouvrir le fil de discussion Hacker News en cliquant sur le titre.
De plus, nous aimerions le voir adopter une approche plus visuelle. Tout en optimisant également la conception des appareils mobiles.
Comment peut-il être amélioré?
Vous vous souvenez quand Reddit ressemblait à Hacker News? Heureusement, Reddit a récemment remanié la conception de son site Web et il a maintenant l'air beaucoup mieux qu'il ne l'a jamais été.
Hacker News peut également adopter une conception similaire à Reddit. Il ne doit pas être aussi visuel, mais le site sera certainement plus beau lorsque les fils seront mis en évidence et séparés les uns des autres. Et permettre aux utilisateurs d'ouvrir les fils de discussion en cliquant sur le titre.
4. Berkshire Hathaway
Pouvez-vous croire qu'il s'agit du site Web officiel d'une multinationale qui détient plus de 700 milliards de dollars d'actifs et qui génère un revenu net de plus de 4 milliards de dollars?
Berkshire Hathaway est une entreprise appartenant à Warren Buffet, l'une des personnes les plus riches du monde. Pourtant, il est difficile de croire qu'il ne pouvait pas se permettre quelques centaines de dollars pour repenser le site Web.
Pourquoi ce site Web a l'air mauvais?
Où allons-nous commencer? Il y a tellement de problèmes avec ce site Web. Tout d'abord, il ne vous dit pas en quoi consiste le site Web ou l'entreprise. Parce qu'il n'a pas de page «à propos».
Le site agit comme une liste de liens qui redirige les utilisateurs vers d'autres sites Web pour en savoir plus sur l'état actuel de l'entreprise. La plupart d'entre eux auraient pu être facilement inclus sur la page d'accueil et éviter aux utilisateurs d'avoir à charger d'autres sites Web.
Pire encore, le site fait également la promotion d'un autre site Web d'assurance automobile sur la page d'accueil.
Comment peut-il être amélioré?
À ce stade, l'ajout d'une petite description de l'entreprise devrait suffire pour améliorer ce site Web. Mais cela pourrait s'inspirer d'une autre multinationale comme Shell Global.
Berkshire Hathaway pourrait également utiliser une conception similaire et plus visuelle pour éviter de donner aux gens une mauvaise impression de l'entreprise. Et espérons que le site Web deviendra un centre d'information pour ses investisseurs et le grand public.
5. Alphabet
Alphabet est la société mère de Google et possède de nombreuses autres marques et sociétés sous son nom. Cependant, son site Web est un mystère en soi.
Pourquoi ce site Web a l'air mauvais?
Nous avons eu quelques questions lors de la visite du site Web Alphabet. Si «G» signifie Google, quelles autres sociétés possède-t-elle? Qui est le PDG de l'entreprise? Plutôt que d'en apprendre davantage sur vos investisseurs, où pouvons-nous en savoir plus sur la société et ce que vous représentez?
Tant de questions sont restées sans réponse en raison de la conception ultra-minimaliste du site Web. Nous pouvons comprendre que les fondateurs de l'entreprise font les choses différemment. Mais un site Web d'entreprise devrait être en mesure de fournir des informations sur l'entreprise.
Comment peut-il être amélioré?
Même si IBM n'est pas un concurrent direct d'Alphabet et n'a même pas de site Web très moderne, nous pensons qu'Alphabet peut apprendre beaucoup de la conception de leur site Web.
IBM utilise un système de navigation simple pour permettre aux utilisateurs de découvrir leurs produits et services. Plus important encore, il a une page «à propos» détaillant ce qu'est l'entreprise. Alphabet pourrait utiliser quelques-unes de ces fonctionnalités sur son site Web.
6. Amazon
Amazon a parcouru un long chemin depuis son lancement pour devenir le plus grand site Web de vente au détail sur Internet. La conception du site Web du site est également restée la même pendant de nombreuses années. Jusqu'à récemment, où il a obtenu une conception de page d'accueil rafraîchie.
Cependant, les pages de produits du site Web pourraient encore utiliser certaines améliorations.
Pourquoi ce site Web a l'air mauvais?
Les pages de produits Amazon ont le design le plus frustrant qui pourrait vous dérouter si vous êtes nouveau sur le site. Lors de la visualisation d'un produit, la mise en page plein écran le rend plus difficile à explorer.
Les descriptions de produits sont trop longues et n'ont pas été bien formatées pour en faciliter la lecture. Lorsque vous faites défiler vers le bas pour en savoir plus sur un produit, vous êtes d'abord bombardé de tant de recommandations de produits incitatifs et similaires qui vous font vous demander si vous êtes sur la bonne page de produit.
Le processus de paiement du site Web pourrait également utiliser une refonte massive.
Comment peut-il être amélioré?
La refonte de centaines de milliers de pages produits n'est pas une tâche facile. C'est probablement pourquoi Amazon n'a pas envisagé une nouvelle mise en page pour ses pages de produits. Cependant, nous pensons qu'ils peuvent apprendre beaucoup de ses concurrents comme Best Buy, qui utilise une conception plus conviviale.
Au lieu d'une mise en page plein écran, Best Buy utilise un design encadré pour les pages de produits. Différentes variantes du produit sont également présentées sur le côté. Et les descriptions de produits sont formatées en différentes sections pour une numérisation facile. C'est ainsi que vous concevez une page produit appropriée.
7. IMDb
IMDb ou Internet Movie Database est la plate-forme idéale pour tout savoir sur les films et les émissions de télévision. Le site Web reçoit plus de 500 millions de visiteurs chaque mois.
Lorsque vous visitez la page d'accueil IMDb, cela semble incroyable. Il présente un design plein écran avec un thème de couleur sombre. Et de larges aperçus de films et d'émissions de télévision pour explorer facilement son contenu.
Mais attendez d'ouvrir une page de produit. La différence entre la page d'accueil IMDb et une page produit est comme le jour et la nuit.
Pourquoi ce site Web a l'air mauvais?
Même si la page d'accueil du site Web IMDb a été remaniée récemment, la présentation de sa page de produits pour les films et les émissions de télévision est restée la même. Cette disposition utilise une conception en boîte très étroite. Cela rend les pages plus encombrées et plus difficiles à parcourir et à trouver plus d'informations. Le choix terrible de la police rend également plus difficile la lecture de son contenu.
Comment peut-il être amélioré?
IMDb peut certainement tirer quelques leçons de la conception de pages de Metacritic.
Metacritic utilise une conception de page propre et plein écran. Les détails et les descriptions sont plus faciles à lire. Et offre une navigation claire avec des éléments visuels. Cette même approche de conception cadrerait également bien avec IMDb.
8. Wikipédia
Avec plus de 1, 3 milliard de visiteurs chaque mois, Wikipédia est l'un des meilleurs sites Web sur Internet que tout le monde a visité au moins une fois dans sa vie.
Cependant, le site Web a encore besoin d'une refonte majeure pour le rendre plus pertinent aujourd'hui et attrayant pour le public actuel.
Pourquoi ce site Web a l'air mauvais?
Étant donné que Wikipedia est un site Web à but non lucratif qui est maintenu à l'aide de dons, nous ne pouvons pas être trop sévères sur sa conception. Après tout, c'est un service public.
Cependant, nous pensons qu'un meilleur design pour ses pages d'articles pourrait le prouver beaucoup plus utile et convivial. Surtout pour attirer un public plus jeune.
La mise en forme du contenu des articles nécessite beaucoup de travail. Les articles de Wikipédia utilisent une conception plein écran et, par conséquent, les paragraphes de texte sont étirés trop longtemps. Et le rend difficile à lire.
Surtout, le site a besoin d'un bon système de navigation.
Comment peut-il être amélioré?
Même si les jours de Britannica sont terminés, Wikipedia peut encore apprendre quelques astuces de la conception de leur site Web.
Par exemple, les mises en page de Britannica comportent un panneau de navigation collant où les utilisateurs peuvent accéder à différentes sections de l'article. Il a également une conception de page bien meilleure avec un meilleur formatage qui améliore la lisibilité.
Si Wikipedia avait un design comme celui-ci, nous passerons plus de temps sur le site à lire son contenu.
9. Université de technologie avancée
Nous avons été assez choqués de trouver un site Web ressemblant à celui-ci appartenant à une université spécialisée dans les «technologies de pointe». D'une certaine manière, l'université semble avoir raté de nombreuses années de progrès dans les technologies de conception Web.
Pourquoi ce site Web a l'air mauvais?
Pour commencer, le menu de navigation rotatif animé est ce qui nous frustre le plus. Si vous manquez votre chance de cliquer sur un élément, vous devez attendre qu'il vous fasse un tour complet. Il s'agit sans doute de la conception de navigation la plus frustrante que nous ayons jamais vue.
Comment peut-il être amélioré?
La principale raison pour laquelle quelqu'un visite un site Web de collège est de se renseigner sur le collège lui-même, ses programmes et ses cours. Cela comprend la présentation d'une visite du collège. Y compris la navigation catégorisée pour trouver facilement des cours. Et des pages sur les professeurs et la réputation du collège. Tout ce que ce site Web n'a pas réussi à accomplir.
Le site Web de l'Université de Stanford est un bon exemple de la façon de faire ce travail.
10. W3Schools
W3Schools est une ressource en ligne populaire pour apprendre à coder. C'est un site bien connu de nombreux concepteurs et programmeurs Web, débutants et experts. Selon SimilarWeb, le site est assez populaire. Il reçoit plus de 50 millions de visiteurs chaque mois.
Il propose une large collection de cours informatifs, mais la conception des pages de cours pourrait utiliser une petite amélioration.
Pourquoi ce site Web a l'air mauvais?
Les cours W3Schools comportent des leçons courtes mais avec une approche pratique directe. Cela implique de mettre en pratique ce que vous apprenez dans chaque cours à l'aide d'un éditeur de code.
Cependant, l'éditeur de code doit être chargé séparément pour fonctionner. Cela signifie que vous devez ouvrir deux onglets sur votre navigateur pour apprendre une leçon.
Comment peut-il être amélioré?
Une meilleure façon d'aborder la conception d'une plate-forme d'apprentissage en ligne, en particulier pour les cours de codage, est de fournir un bac à sable avec des aperçus en direct pour que les étudiants puissent jouer avec. C'est exactement ce que fait CodeAcademy.
Chaque leçon des cours CodeAcademy comprend trois panneaux où la leçon est détaillée avec un éditeur de code et un aperçu en direct. Cela offre aux étudiants un moyen beaucoup plus facile d'apprendre avec une approche plus pratique. C'est exactement ce dont W3Schools a besoin.
En conclusion
S'il y a une chose que nous pouvons apprendre de tous ces sites Web, c'est que prendre soin de votre marque et de la présence en ligne de votre entreprise est plus important aujourd'hui qu'il ne l'a jamais été. Comme vous pouvez le voir ci-dessus, une mauvaise conception de site Web est tout ce qu'il faut pour que quelqu'un se fasse une mauvaise impression d'une marque. Espérons que ces entreprises vont enfin reprendre leurs esprits et réorganiser leurs sites Web, au moins au cours de cette décennie.
){kind=link}