18 conceptions cool (lifting) de sites Web notables
Si le contenu est roi, le design devrait être la reine. C'est un élément crucial du succès d'un site Web, car il décide de la structure et de l'affichage du contenu. En outre, une conception médiocre ruine tout simplement l'expérience utilisateur, réduisant ainsi le trafic sur le site..
Souvent, nous, concepteurs de sites Web, devons jouer à des jeux de trading tout en créant un site Web. Nous négocions soit la beauté pour la fonctionnalité, soit la fonctionnalité pour la lisibilité, car il est impossible de concevoir un design qui plaise à tout le monde..
Alors, quel design est meilleur alors? Les concepteurs de sites Web adorent poser cette question et certains se sont même mis au défi de mieux jouer au jeu commercial en repensant des sites célèbres tels que Facebook et YouTube, formant ainsi des conceptions potentielles dans cet article. Mieux ou pire, en tant qu'utilisateur, vous décidez, appréciez!
Selon ses statistiques officielles, Facebook a servi plus de 500 millions d'utilisateurs actifs, avec 700 milliards de minutes dépensées. Il sera très stressant de concevoir une page Web pour ce type de statistique. Ce pourrait également être la même raison pour laquelle tant de concepteurs se sont mis au défi de redéfinir Facebook. Jetons un coup d'œil à plusieurs tentatives géniales des concepteurs ci-dessous:
Concept design By: Barton Smith
“Facebook Facelift est un projet auto-initié visant à contester la forme et les fonctionnalités de Facebook. Son interface rationalisée, structurée et linéaire est plus compréhensible, améliorant l'expérience utilisateur et la capacité d'absorption du contenu.”
Page d'accueil. (Source de l'image: Barton Smith)
Photos Page. (Source de l'image: Barton Smith)
Page événements. (Source de l'image: Barton Smith)
Page Contacts. (Source de l'image: Barton Smith)
Page Notifications. (Source de l'image: Barton Smith)
Concept design By: Information Architects
Ce design innovant est né à partir de décembre 2006 et plus tard, adapté aux normes de design contemporaines, afin de permettre une comparaison équitable avec le design actuel de Facebook. L'idée était de créer une application semblable à un courrier avec une interface contenant une disposition élastique à 3 colonnes qui sépare clairement le filtre, le flux d'informations et la réaction, qui sont clairement expliqués dans leur message..
Page d'accueil. (Source de l'image: Architectes de l'information)
Concept design By: Justin Dauer
“L'un de mes objectifs principaux était de déplacer l'interface vers une présentation de type application Web. Près de 175 millions de personnes se connectent chaque jour sur Facebook. toutes les tâches répétitives inhérentes à un tel usage sont propices à cette forme d'approche. Alors que je terminais cette refonte, la nouvelle interface utilisateur de type application de Twitter a été lancée et m'a permis de profiter d'un moment de validation selon Stuart Smalley..”
Page d'accueil. (Source de l'image: conception pseudoroom)
Concept design de: Peter Knoll
Un design très élégant de Peter Knoll. Le graphique a été considérablement amélioré pour rendre l’ensemble du site attrayant et prometteur. L’interface est également beaucoup plus propre avec une belle typographie appliquée pour une bonne lisibilité.
Page d'accueil. (Source de l'image: Peter Knoll)
Concept design By: AndasoloARTS
Variation Facebook réalisée par AndasoloARTS, elle est même vendue! La palette de couleurs est assez similaire au design de Peter Knoll, mais globalement, c'est un design différent. Encore une conception très élégante avec minimalisme à l'esprit.
Page d'accueil. (Source de l'image: AndasoloARTS)
Concept design By: Jonaska
Un design inspiré du design Facebook d'AndasoloARTS, assez unique aussi! J'aime l'implémentation du partage de statut et du champ de recherche, une variante bien conçue.
Page d'accueil. (Source de l'image: Jonaska)
Concept design By: Czarny-Design
Que diriez-vous d'un design sexy avec des éléments de coins arrondis? Une approche de conception totalement unique pour Facebook avec une palette de couleurs légèrement modifiée, pouvez-vous l'accepter??
Page d'accueil. (Source de l'image: Czarny-Design)
Mon espace
Jadis le géant des réseaux sociaux, Myspace a finalement été dépassé par son principal concurrent, Facebook. Rebaptisée My_____, elle ambitionne désormais de devenir la principale destination de divertissement social incluant musique, films, célébrités, télévision et jeux, animée par la passion des fans. Les dessins ci-dessous ont été essayés pour l'ancien Myspace, mais il est toujours bon de jeter un coup d'œil à ce que le designer pense que Myspace devrait être.
Concept conçu par: Rafael Oliveira
“Et si MySpace avait une interface plus claire, définie et belle par défaut, mais toujours avec la possibilité de la personnaliser, mais de manière plus compréhensible? C’est la question que j’ai moi-même posée au début, et c’est un projet cool. Outre la conception visuelle, j'ai proposé quelques améliorations de l'utilisabilité, en fonction du contenu déjà présent sur le site, et en regardant leur sitemap.”
Page d'accueil. (Source de l'image: Rafael Oliveira)
Menu des chaînes. (Source de l'image: Rafael Oliveira)
Photos Page. (Source de l'image: Rafael Oliveira)
Page de profil personnalisée. (Source de l'image: Rafael Oliveira)
Page d'artiste. (Source de l'image: Rafael Oliveira)
Page d'artiste - Personnalisé. (Source de l'image: Rafael Oliveira)
Vidéos Channel Page. (Source de l'image: Rafael Oliveira)
Traitant plus d'un milliard de requêtes de recherche dans le monde, Google est le site Web le plus célèbre de la planète Terre. Il est également connu comme le royaume qui tente de dominer Internet en construisant des produits conviviaux comme Android, Gmail et Analytics. Puisque de nombreux designers de premier plan travaillent sur le site Web de Google, toute tentative de refonte représente un défi direct pour leurs concepteurs. Intéressant.
Concept design par: Craig Reville
“Depuis que Google a décidé de réorganiser un peu les choses, je pensais pouvoir essayer de voir comment je voulais voir et utiliser Google. Je ne me suis pas déchaîné sur les icônes ou le logo principalement parce que les concepteurs d'icônes pourraient faire un meilleur travail et j'aime le logo simple comme ça. Tout commentaire apprécié.”
Page d'accueil. (Source de l'image: Craig Reville)
Page de résultats de recherche. (Source de l'image: Craig Reville)
Page de résultat de recherche - 2nd Concept. (Source de l'image: Craig Reville)
Page de résultats de recherche d'images. (Source de l'image: Craig Reville)
Concept design By: FloxDesign
Un peu comme Bing, mais d'une manière plus épique. Sincèrement, je souhaite la création de ce superbe design pour la page principale de Google..
Page d'accueil. (Source de l'image: FloxDesign)
Youtube
Classé n ° 3 au classement mondial et n ° 4 au trafic des sites américains, YouTube est un site Web pour découvrir, regarder, télécharger et partager des vidéos. La plupart des contenus ont été téléchargés par des particuliers, mais des médias célèbres tels que CBS, BBC, Vevo et Hulu ont fourni leurs propres vidéos dans le cadre du programme de partenariat YouTube. Oserez-vous redessiner un site visionné plus de 2 milliards de fois par jour? Ils l'ont fait.
Concept design By: Michele Byrne
Une refonte élégante qui met davantage l'accent sur la visualisation et le partage de vidéos. Une approche unique est appliquée à cette conception, bien que l'interface utilisateur soit un peu similaire à Vimeo. Grande tentative quand même.
Page d'accueil. (Source de l'image: Michele Byrne)
Page vidéo. (Source de l'image: Michele Byrne)
Page utilisateur. (Source de l'image: Michele Byrne)
Info vidéo. (Source de l'image: Michele Byrne)
Vidéo recommandée. (Source de l'image: Michele Byrne)
Concept design By: Josh Collie
“L’un de mes plus gros problèmes avec YouTube au cours des années a été l’incapacité de rechercher d’autres vidéos tout en regardant des vidéos, ainsi que de lire des commentaires sans que la vidéo ne défile en haut de l’écran. La conception ci-dessous tente de résoudre ce problème en disposant de 3 colonnes défilables séparément, comprenant la recherche, la vidéo et les commentaires..”
Page d'accueil. (Source de l'image: Josh Collie)
Page utilisateur. (Source de l'image: Josh Collie)
Concept design By: Thadeu Morgado
Une expérience de refonte de la page principale de YouTube. Le style est à peu près le même, sauf que la mise en page entière a été restructurée et qu'un grand curseur élégant est ajouté pour mettre davantage l'accent sur les vidéos en vedette..
Page d'accueil. (Source de l'image: Thadeu Morgado)
Amazone
Amazon a été mis en ligne en 1995 et est devenu une multinationale de commerce en ligne qui contient la plus grande sélection de livres, magazines, musique, DVD, électronique, ordinateur, logiciels, chaussures, et presque En raison de la taille de leur activité, les concepteurs du monde entier se sont mis au défi d'améliorer le design pour le rendre encore plus beau et, bien sûr, convivial..
Concept design By: Trevor Cleveland
“Je voulais explorer trois concepts uniques pour la refonte de la page d'accueil d'Amazon au-dessus du pli. Amazon est l’un des principaux sites d’achat en ligne, mais leur conception de page d’accueil fluide est conçue pour les écrans de petites dimensions, ce qui laisse le site très esthétique sur les ordinateurs beaucoup plus récents, avec des résolutions plus élevées. Je voulais donc présenter trois idées pour mettre Amazon au courant.”
Premier concept - Page principale. (Source de l'image: Trevor Cleveland)
First Concept - Menu. (Source de l'image: Trevor Cleveland)
Deuxième concept - Page principale. (Source de l'image: Trevor Cleveland)
Second Concept - Menu. (Source de l'image: Trevor Cleveland)
Troisième concept - Page principale. (Source de l'image: Trevor Cleveland)
Troisième Concept - Menu. (Source de l'image: Trevor Cleveland)
Concept design By: Maurice Kindermann
Il n'y a pas de tentative de refonte s'il n'y a pas de problème dans le design actuel, le design Amazon de Maurice Kindermann est le meilleur exemple pour ce cas. Déçu par la conception actuelle d'Amazon, Maurice a repensé la page pour résoudre trois problèmes particuliers: résolution d'écran trop étendue, option d'achat fragmentée et quantité de contenu inondée..
Page d'accueil. (Source de l'image: Maurice Kindermann)
IMDb
IMDb (Internet Movie Database) est une base de données en ligne contenant des informations sur les films, les émissions de télévision, les acteurs, le personnel de l'équipe de production, les jeux vidéo et les personnages fictifs. supports de divertissement visuels. Reconcevoir ce site de manière à ce que l'information soit efficace constituera un grand défi pour les concepteurs Web..
Concept design By: Vladimir Kudinov
“Pourquoi ne pas avoir la conception IMDB actuelle? Il est surchargé. Grande quantité d'informations non structurées. Bien que la plupart des utilisateurs de ces sites s'intéressent principalement aux images, vidéos et autres.
Alors j'ai fait un design épuré et épuré. Ici, l'utilisateur reçoit un écran sur lequel figurent des informations sur le film: photos, acteurs, bandes-annonces, scénario, etc. Il n'a pas besoin de se tordre, de tourner, de lire. Tout ce qui est nécessaire - c'est de regarder l'écran.”
Page de film. (Source de l'image: Vladimir Kudinov)
Menu. (Source de l'image: Vladimir Kudinov)
Composant Pop Up Player. (Source de l'image: Vladimir Kudinov)
Panneau du haut. (Source de l'image: Vladimir Kudinov)
Concept design de: Rob Hendricks
“Il n’est pas difficile de comprendre pourquoi le site Web actuel de la BDIM est si encombré. Le fait est qu'ils ont beaucoup de contenu. Une architecture d’information appropriée a été essentielle pour changer cette situation..”
Page d'accueil. (Source de l'image: Rob Atomic)
Foursquare
Avec Foursquare, les utilisateurs peuvent partager leur position actuelle en “enregistrement” via une application pour smartphone ou un SMS, en signant des informations sur les sites et en laissant des suggestions pertinentes sur les sites à proximité. Les commerçants locaux utilisent également Foursquare pour engager et fidéliser leurs clients. Reconcevoir Foursquare est un véritable défi car il s’agit d’un service tout à fait unique, de sorte que davantage d’études sont nécessaires..
Concept conçu par: Clay Parker Jones
Clay Parker Jones estime qu'une carte est un ajout vraiment intéressant à la page utilisateur de Foursquare, car le service concerne uniquement l'emplacement. Cliquer sur la carte réduirait les statistiques informatives avec 4 vues différentes disponibles. Les autres modules de cette page sont des flux, des "likes", des astuces et des suggestions, un peu comme une page de réseau social habituelle!
Page utilisateur. (Source de l'image: exitcreative)
Réflexion
Peu importe la conception, il faut du temps à chaque utilisateur pour adapter la nouvelle conception. La question est, en tant qu’utilisateur, souhaitez-vous changer l’un des modèles ci-dessus ou êtes-vous satisfait du modèle actuel? Pensez-vous que ces conceptions résolvent votre problème d'expérience utilisateur? Je crois que ces dessins sont conçus pour recevoir votre opinion, alors n'hésitez pas à partager ce que vous en pensez, chaque opinion compte!
