différents concepteurs ont des visions différentes de ce qui fait un excellent site web. Mais, une chose sur laquelle nous pouvons tous être d’accord est que la popularité ne fait jamais un design de site web génial. Nous avons la preuve.
Aujourd’hui, nous examinons quelques sites Web populaires appartenant à des entreprises et des marques bien connues. Ces sites reçoivent des millions de visiteurs chaque mois. Et ils sont bien connus dans le monde entier. Tous ces sites Web ont une chose en commun – ils pourraient tous utiliser un peu de rafraîchissement visuel!,
même si la conception web est arrivée si loin en tant qu’industrie et a évolué avec de nouvelles technologies étonnantes, il y a des entreprises qui utilisent encore des conceptions de sites Web obsolètes.
Nous ne savons pas si ces marques ont peur du changement ou si elles ne donnent tout simplement pas la priorité au design. Quoi qu’il en soit, nous pensons que ces sites web doivent être revampés pour le mieux de leurs utilisateurs. Continuez à lire pour savoir pourquoi.
The Ultimate Designer Toolkit: 2 millions+ Assets
Envato Elements vous donne un accès illimité à plus de 2 millions de ressources de conception pro, thèmes, modèles, photos, graphiques et plus encore., Tout ce dont vous aurez besoin dans votre boîte à outils de ressources de conception.
Voir
Craigslist
Craigslist est l’un des plus populaires de petites annonces classées sites web sur l’Internet. Craig Newmark a commencé Craigslist comme une simple liste de diffusion 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 a l’une des pires conceptions de site Web que vous verrez jamais. La conception de site web Craigslist se compose de toutes les erreurs que vous souhaitez éviter lors de la conception d’un site web.
pourquoi ce site semble mauvais?
Pour commencer, Craigslist a un design très encombré sans repères visuels ni sens de l’orientation. Le site web ne se compose que de texte. Pourtant, la police est beaucoup trop petite et la rend difficile à lire. La couleur bleu vif de la police n’aide certainement pas à améliorer la lisibilité non plus.
surtout, la conception du site web n’est pas réactive., Il semble terrible lorsqu’il est vu sur des écrans avec des résolutions différentes. L’ensemble du processus de navigation dans les annonces, les conceptions de formulaires pour publier des 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 oeil sur le site Gumtree.
Gumtree est le plus grand site de petites annonces du Royaume-Uni., Et son design de site web moderne a tout ce que nous aimerions voir sur un site de petites annonces. Il a une conception conviviale avec une meilleure fonction de recherche, des filtres pour réduire la recherche, de meilleurs aperçus et descriptions pour la numérisation des annonces, et plus encore.
AOL
AOL était la plus grande plate-forme sur Internet et une entreprise qui possédait la plupart des outils que tout le monde utilisait à l’époque. Il 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 toujours opérationnel. Selon SimilarWeb, AOL reçoit encore bien plus de 200 millions de visiteurs chaque mois. À première vue, le site a fière allure. Alors, pourquoi pensons-nous que cela doit être repensé?
pourquoi ce site a-t-il L’air mauvais?
Comme toujours, AOL semble toujours jouer le rattrapage avec la conception moderne de l’interface utilisateur, mais la société a encore quelques années de retard., Il a toujours un design encombré rempli de tant de choses, des nouvelles au divertissement météorologique et plus encore. Quiconque visite le site sera immédiatement confus quant à l’endroit 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 évoluer.
S’il y a une chose QU’AOL peut apprendre de ses concurrents comme Google, Bing et DuckDuckGo, c’est que les gens préfèrent les moteurs de recherche avec des conceptions minimales sans distractions. C’est pourquoi Yahoo! également passé à un design de site web minimaliste.
Hacker News
Hacker News est comme Reddit pour les startups, les programmeurs et les entrepreneurs. Un seul poste sur Hacker Nouvelles pourrait faire la différence entre obtenir votre idée de démarrage financé ou complètement détruit.,
le site est l’un des plus grands sites agrégateurs de nouvelles disponibles aujourd’hui avec plus de 12 millions de visiteurs chaque mois. Pourtant, il présente toujours le même design qu’il a utilisé en 2007.
pourquoi ce site a-t-il 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 facile pour les yeux.
cependant, le site présente toujours un design hostile qui doit être remanié., La plus grande erreur commise par le site est que les fils affichés sur la page d’accueil renvoient directement à la page source. Vous ne pouvez pas ouvrir le fil de nouvelles Hacker en cliquant sur le titre.
En outre, nous aimerions le voir adopter une approche visuelle. Tout en optimisant la conception pour les appareils mobiles.
Comment peut-il être amélioré?
rappelez-vous quand Reddit utilisé pour ressembler à Hacker Nouvelles? Heureusement, Reddit a récemment remanié la conception de son site web et il semble maintenant beaucoup mieux qu’il ne l’a jamais été.
Hacker News peut également adopter une conception analogue à Reddit., Il ne doit pas être aussi visuel, mais le site sera certainement meilleur lorsque les threads 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.
Berkshire Hathaway
pouvez-vous croire qu’il s’agit du site officiel d’une multinationale qui possède plus de 700 milliards de dollars d’actifs et un revenu net de plus de 4 milliards de dollars?
Berkshire Hathaway est une société détenue par 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 redessiner le site web.
pourquoi ce site a-t-il L’air mauvais?
par Où commencer? Il y a tellement de choses qui clochent dans ce site web. Tout d’abord, cela 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 de 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 même d’une petite description de l’entreprise devrait suffire à améliorer ce site web. Mais, il pourrait s’inspirer d’une autre multinationale comme Shell Global.
Berkshire Hathaway pourrait également utiliser un design similaire et plus visuel pour éviter de donner aux gens une mauvaise impression de l’entreprise., Et, espérons-le, transformez le site Web en une plaque tournante de l’information pour ses investisseurs et le grand public.
l’Alphabet
l’Alphabet est la société mère de Google et il a beaucoup d’autres marques et des sociétés sous son nom. Cependant, son site web est un mystère en soi.
pourquoi ce site a-t-il L’air mauvais?
Nous avons eu quelques questions en visitant le site Web D’Alphabet. Si” G » signifie Google, quelles autres entreprises possède-t-il? Qui est le chef de la direction de l’entreprise?, Plutôt que d’en apprendre davantage sur vos investisseurs, Où pouvons-nous en apprendre davantage sur la société et ce que vous représentez?
autant de questions restées sans réponse en raison du design ultra-minimaliste du site. 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 leur conception de site web.,
IBM utilise un système de navigation simple pour permettre aux utilisateurs d’en apprendre davantage sur leurs produits et services. Plus important encore, il a une page « à propos” détaillant ce que l’entreprise est tout au sujet. Alphabet pourrait utiliser quelques-unes de ces fonctionnalités sur son site internet.
Amazon
Amazon a parcouru un long chemin depuis son lancement pour devenir le plus grand site Web de vente au détail au monde sur Internet. La conception du site est également restée la même pendant de nombreuses années. Jusqu’à récemment, où il a obtenu un design de page d’accueil actualisé.,
cependant, les pages produits du site Web pourraient encore utiliser certaines améliorations.
pourquoi ce site a-t-il 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 l’affichage d’un produit, la mise en page en plein écran le rend plus difficile à explorer.
les descriptions de produits sont trop longues et n’ont pas été bien formatées pour 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 ventes incitatives et de recommandations de produits 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é?
redessiner des centaines de milliers de pages de produits n’est pas une tâche facile. C’est probablement pourquoi Amazon n’a pas envisagé de nouvelle mise en page pour ses pages de produits. Cependant, nous croyons qu’ils peuvent apprendre beaucoup de ses concurrents comme Best Buy, qui utilise un design plus convivial.,
Au lieu d’une mise en page Plein écran, Best Buy utilise un design en boîte pour les pages de produits. Différentes variantes du produit sont également soigneusement présentées sur le côté. Et les descriptions de produits sont formatées en différentes sections pour faciliter la numérisation. Voici comment vous concevez une page de produit appropriée.
IMDb
IMDb, ou Internet Movie Database est la plate-forme de référence pour tout apprendre sur les films et les émissions de télévision. Le site reçoit plus de 500 millions de visiteurs chaque mois.,
lorsque vous visitez la page D’accueil D’IMDb, cela a l’air incroyable. Il dispose d’un design plein écran avec un thème de couleur sombre. Et de grands aperçus de films et d’émissions de télévision pour explorer facilement son contenu.
mais, attendez d’ouvrir une page produit. La différence entre la page D’accueil IMDb et une page de produit est comme la nuit et le jour.
pourquoi ce site a-t-il L’air mauvais?
même si la page D’accueil du site IMDb a été remaniée récemment, ses mises en page de produits pour les films et les émissions de télévision sont restées les mêmes. Cette mise en page utilise un design en boîte très étroit., Cela rend les pages encombrées et plus difficile de naviguer sur la page et de trouver plus d’informations. Le choix terrible de la police rend plus difficile la lecture de son contenu.
Comment peut-il être amélioré?
IMDb peut certainement tirer quelques leçons de la conception de la page de Metacritic.
Metacritic utilise un chiffon propre et plein de conception de page. 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.,
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és au moins une fois dans sa vie.
le site Web, cependant, a encore besoin d’une refonte majeure pour le rendre plus pertinent aujourd’hui et attrayant pour le public actuel.
pourquoi ce site semble mauvais?
puisque Wikipédia est un site web à but non lucratif qui est maintenu avec l’aide de dons, nous ne pouvons pas être trop sévères sur sa conception. Après tout, c’est fournir 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 Wikipedia utilisent un design plein écran et, par conséquent, les paragraphes de texte sont étirés trop longtemps. Et le rend difficile à lire.
avant tout, le site a besoin d’un système de navigation adéquat.
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 son 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 un bien meilleur design de page 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.,
University of Advancing Technology
Nous avons été très choqués de trouver un site web qui ressemblait à ceci appartenant à une université spécialisée dans les « technologies avancées”. D’une manière ou d’une autre, l’Université semble avoir raté de nombreuses années d’avancées dans les technologies de conception web.
pourquoi ce site a-t-il L’air mauvais?
pour commencer, le menu de navigation rotatif animé est ce qui nous frustre le plus. Si vous manquez votre chance, cliquez sur un élément, vous devez vous attendre à faire un cercle complet pour vous., C’est sans doute 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 du collège est d’en apprendre davantage sur le collège lui-même, ses programmes et ses cours. Cela comprend montrer une visite du collège. Y compris la navigation catégorisée pour trouver facilement des cours. Et des pages sur les enseignants 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.,
W3Schools
W3Schools est populaire en ligne de ressources pour l’apprentissage du code. C’est un site bien connu pour de nombreux concepteurs et programmeurs web, débutants et experts. Selon SimilarWeb, le site est très populaire. Il reçoit plus de 50 millions de visiteurs chaque mois.
Il dispose d’une grande collection de cours informatifs, mais les conceptions des pages de cours pourraient utiliser un peu d’amélioration.
pourquoi ce site a-t-il L’air mauvais?
Les cours W3Schools proposent des leçons courtes mais avec une approche directe et pratique., Cela implique de pratiquer 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 avoir deux onglets ouverts dans votre navigateur pour apprendre une leçon.
Comment peut-il être amélioré?
Une meilleure façon d’aborder la conception de 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 CodeAcademy n’.,
Chaque leçon CodeAcademy cours comporte trois panneaux où la leçon est détaillée à côté d’un éditeur de code et d’un aperçu. Cela fournit un moyen beaucoup plus facile pour les étudiants 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 se soucier de la présence en ligne de votre marque et de votre entreprise est plus important aujourd’hui que jamais. Comme vous pouvez le voir ci-dessus, une mauvaise conception de site web est tout ce qu’il faut pour que quelqu’un ait la mauvaise impression d’une marque., Espérons que ces entreprises vont enfin revenir à la raison et réorganiser leurs sites Web, au moins dans cette décennie.
