Écrire sur le nouveau design ? Eh bien, enfin !

!!! Attention!!! En général, je vous préviens immédiatement que j'évalue le design non seulement en tant qu'utilisateur, mais aussi en tant que concepteur (y compris ceux liés au Web) et j'écrirai beaucoup non seulement sur le design lui-même, mais aussi sur pourquoi il y en a tant. mécontent. Et il y aura beaucoup de lettres !

Quant à savoir pourquoi tout est si inhabituel :

Dès le premier avril (ce qui a rendu tout le monde très dubitatif quant au sérieux de la mise à jour), un nouveau design avec des tests bêta limités est devenu disponible, je suis immédiatement allé sur le blog VK et je me suis connecté. Après cela, j'ai commencé à parcourir toutes les sections et à voir ce qui se passait. Le tout premier jour, j'ai trouvé environ cinq bugs, que j'ai immédiatement envoyés à l'administration pour correction. La seule chose qui n'a pas été corrigée, c'est qu'ils considèrent cela logique (le fait qu'on ne puisse pas envoyer une image à un ami, par exemple depuis une communauté ou un flux, puis la sauvegarder dans un album. La logique est que ils disent que vous l'avez envoyé vous-même, alors pourquoi le sauvegarder), mais cette chose était dans la conception passée.

Ensuite, j'ai posté sur ma communauté un résumé de la refonte et un vote. Il est devenu intéressant de savoir comment réagiraient les premiers utilisateurs. La plupart se sont plaints de ne pas pouvoir trouver certaines fonctionnalités, par exemple un interrupteur à bascule dans les messages (ce qui est facile à trouver si vous passez la souris sur le bord de la boîte de dialogue). Oui, de tels éléments d’interface sont très inhabituels par rapport à tout ce qui s’est passé récemment sur RuNet. Mais ce n’est pas un problème avec le nouveau design. Il s’agit d’un problème lié au design thinking qui a émergé dans RuNet ces dernières années. Nous réalisons très rarement des designs progressifs et bons (!) qui deviennent plus pratiques et évoluent de manière fluide et uniforme, permettant à l'utilisateur de s'habituer à de nouveaux éléments plus intuitifs et corrects d'un point de vue UX (l'expérience utilisateur fait partie de l'interface conception responsable de l’accessibilité pour l’utilisateur et de la commodité). Au lieu de cela, nous avons des pics brusques chez les développeurs les plus progressistes, ce qui provoque une vague d'incompréhension de la part des utilisateurs. Et tout cela dans le contexte d'un grand nombre de sites au design épouvantable, peu pratique mais tout simplement familier. Et tout cela parce que les sites Web sont généralement créés soit à moindre coût, soit selon le principe « c’est comme ça qu’ils font ». Ceux qui ont du potentiel et peuvent progresser ne travaillent tout simplement pas pour l'argent offert sur RuNet, mais vont faire un travail bon et coûteux pour des étrangers. Tout cela est très triste et c'est pourquoi l'introduction du nouveau design VK ressemble au baptême de Rus'. Mais après un certain temps, les utilisateurs s'y habitueront, se souviendront où les choses ont changé et comprendront que tout n'est pas si mal.

Sur le fait que « tondez pour Facebook, eh bien, au moins vous avez un flux sans les likes des autres ! »

Le fait est que le design évolue et jusqu'à présent il est considéré comme optimal, ce qu'on appelle également le design des formes et du contenu. Il a été développé il n’y a pas si longtemps par Google et de nombreuses personnes l’ont adopté.

Tout y est basé sur des éléments et des accents proportionnels, ce qui le rend très simple et compréhensible entre les mains habiles du développeur. Tous ces panneaux avec un profil qui coulisse à gauche dans les applications par exemple, c'est tout.

Rappelons-nous à quoi ressemblaient les mêmes téléphones il y a 10 à 15 ans. Chaque modèle Nokia était quelque chose de complètement nouveau : tous ces panneaux coulissants, ces écrans pliables dans toutes les directions, les dispositions de clavier les plus folles - tout cela était très cool. En même temps, je ne me souviens d'aucune plainte concernant le manque de compréhension des nouveaux produits, tout était si nouveau, intéressant et cool !

Mais avec les progrès, tout s'est réduit à une simple plaque avec un bouton sur le dessus et deux sur le côté (ou trois au dos comme LGE). Désormais, le produit est soit comme celui de quelqu'un d'autre, soit nouveau et incompréhensible. Désormais, cela ne sert à rien de réinventer la roue, surtout si elle s'avère moins pratique que celle qui existe déjà. C’est juste que maintenant la conception des appareils et des interfaces, la conception Web sont devenues optimales et il devient de plus en plus difficile de faire mieux. Les grands fabricants ne sont pas si stupides qu'ils se copient, ils sont si intelligents qu'ils acceptent les règles qui déterminent la commodité, et ils sont finalement parvenus à un concept commun.

Il en va de même pour la conception des médias sociaux. La dernière chose que veulent les développeurs, c'est qu'on leur dise qu'ils ont volé le design. Non. Personne ne vous jugera si vous fabriquez une chaise semblable à des milliers d’autres chaises. Ikea fait exactement cela : ils fabriquent des choses douloureusement banales, mais simples et bonnes. Alors quel est le problème avec la conception de sites Web ?

Voici maintenant ma « réflexion » subjective sur le dernier VK :

Obtenu mieux. C'est la vérité. L’ancienne version a si peu changé qu’elle ressemble plus à d’anciens forums thématiques des années 2000 qu’à un réseau social moderne. Désormais, la version mobile et les applications ont beaucoup de points communs avec le site. C'est merveilleux. Un lien logique s’est établi entre eux. Ces vilains avatars d'une demi-page à plusieurs étages avec « S'abonner » et ainsi de suite ont disparu des communautés. Vous pouvez désormais consulter les notifications en cliquant sans quitter la page, ce ne sont que des likes et des réponses, et non une colonne pour une contemplation séparée. Les photos avec des réponses se complètent désormais une fois ouvertes, plutôt que de s'afficher sans fin.

À propos des messages : Je communique beaucoup sur VK (5 à 20 dialogues par jour) et ce nouveau format me fait très plaisir. Ceux qui ne sont pas satisfaits peuvent facilement passer à l'ancien format en cliquant sur l'engrenage en bas de l'écran et en modifiant les paramètres. Tout le monde devrait être content, non ?

En même temps je suis d'accord

Refonte immédiate des applications mobiles et iOS. Les premiers concepts de mises à jour d'apparence ont été publiés sur le blog officiel de VKontakte, dans lequel Knyazev a également parlé, entre autres, du travail des designers de l'entreprise.
La barre d'onglets apparaîtra à nouveau dans les clients et iOS - une barre de navigation unique avec des onglets en bas de l'écran, couvrant les fonctionnalités principales. D’ailleurs, les concepteurs du réseau social l’ont abandonné en 2012. Dans la nouvelle vision du design, la barre d'onglets comprend les sections principales de VKontakte : « Actualités », « Recherche et recommandations », « Messages », « Notifications » et le menu utilisateur. Le menu latéral, à en juger par les captures d'écran publiées, sera complètement supprimé lors de la refonte de l'application.

En plus d'une interface utilisateur radicalement nouvelle, les concepteurs de VKontakte ajouteront plusieurs innovations fonctionnelles avec la prochaine mise à jour de l'apparence. Dans la section « Recherche et recommandations », des histoires rectangulaires d'utilisateurs à proximité apparaîtront, ainsi qu'un flux de publications potentiellement intéressantes de nouveaux auteurs. Le principal concepteur de VKontakte décrit la nouvelle section comme « une chose tellement collante où l'on peut trouver quelque chose de haute qualité et inconnu, en tenant compte des préférences personnelles ». Un compteur de vues sera ajouté au fil d'actualité (actuellement, il ne s'affiche qu'à l'ouverture d'une publication), et les likes deviendront rouges.

Quand les mises à jour sortiront-elles ?

Aujourd'hui, lors de la conférence Dribbble Meetup, Pavel Shumakov, principal concepteur de VKontakte, a présenté le nouveau design du site Web de VKontakte, les clients mobiles de l'entreprise sur iOS et Android, ainsi qu'une toute nouvelle application photo.

VKontakte a préféré prolonger l'intrigue sur le nouveau design du site et a même flouté la capture d'écran lors des présentations. Mais cet exemple suffit à se faire une idée générale de la refonte. Le site est divisé en "îles" - chaque poste ou tout autre bloc est visuellement séparé les uns des autres. La largeur du site et la police seront augmentées.

Date limite : jusqu’à fin 2015.

Application photo VKontakte

Personnellement, nous étions plus intéressés par un tout nouveau produit de VKontakte - application photo. C'est une sorte d'analogue d'Instagram. Cela a été annoncé lors de notre événement LIVE 2014, mais nous, comme vous, l'avons vu pour la première fois seulement aujourd'hui et avons été impressionnés. La nouvelle application est développée en collaboration avec des photographes professionnels. Dans celui-ci, en plus des fonctionnalités évidentes telles que la correction des couleurs, vous pouvez créer vos propres filtres et les partager avec vos amis. L'application est entièrement synchronisée avec VKontakte.

Chronologie : nous espérons lancer l'application cet été, car à cette époque elle sera plus d'actualité que jamais.

Le Material Design tant attendu dans le client VKontakte pour Android. Refonte complète de l'ensemble de l'application. Même nos collègues de Yabloko, en le regardant, commençaient à être un peu jaloux. Il est également possible de commander la fabrication de sacs avec logo. Désormais, ce processus deviendra pratique et rapide.

Date limite : bientôt.

Catalogue vidéo et nouveaux enregistrements pour iPhone

Mais les propriétaires d’iPhone ont aussi de quoi se réjouir. Ils ont reçu leur refonte il y a longtemps, qui reste toujours d'actualité, c'est pourquoi lors de la présentation, on nous a montré de nouveaux enregistrements et, bien sûr, le catalogue vidéo présenté. Ce ne sont évidemment pas les seuls changements à venir.

Tout est mauvais

J'estime que cette refonte n'est pas à la hauteur d'un niveau professionnel : trop de fonctions importantes du site ont été aggravées par rapport à ce qu'elles étaient, et les petites choses qui complétaient et rendaient le site différent ont été supprimées ou transformées en poubelle.

Cela valait la peine d'introduire la refonte progressivement

Beaucoup de travail a été fait, et cela se comprend : ils ont tout redémarré d’un coup, ce qui est fondamentalement faux. Il vaudrait mieux mettre à jour le site par parties, comme le fait Facebook. Après tout, l'utilisateur doit être préparé à quelque chose de nouveau, les nouvelles choses doivent être testées par parties, puis lancées progressivement en fonction des commentaires.

Cercueil bleu cloué en haut

Un en-tête fixe peut être créé comme ceci s'il contient un contenu important. Désormais, il n'y a plus rien dedans, à l'exception de l'icône de recherche et d'enregistrement audio, un solide cercueil fixe qui distrait.

La page d'actualités est devenue plus étroite et encombrée

La photo a commencé à s'ouvrir comme sur Facebook

Top 5 des défauts les moins visibles

Implicite pour les yeux, mais évident pour le cerveau. Voici les principaux.
- Icônes de pictogrammes dans le menu
- Fond gris pâle qui enlève la pureté de l'ancienne version
- La colonne de gauche du profil est fixe lors du défilement et ne permet pas aux actualités de s'étendre sur toute la largeur du contenu autorisé (comme c'était le cas dans l'ancienne version)
- Le nouveau logo ne rentre pas dans l'en-tête et crée encore plus d'espace vide
- Mon indicateur d'activité (en ligne) dans mon profil ! C'est la limite de la logique ! Non seulement il y a un indicateur de texte à côté du nom de mon profil, mais il y a maintenant aussi un cercle vert

La chose la plus ennuyeuse pour les utilisateurs

Est-ce vraiment si grave ? Avis d'expert alternatif

Victor Kozyrev

Designer UX chez Frog Design, Badoo et Cogniance ; créateur de l'application Spender

«Peut-être que beaucoup de gens s'attendent à des mesures de conception plus radicales et plus agressives de la part des grandes entreprises, mais, à mon avis, VKontakte a suivi une voie pragmatique et a résolu des problèmes spécifiques. Le nouveau style visuel est frappant, devenu définitivement plus moderne et agréable. La navigation a également été repensée et simplifiée. Maintenant, tout semble plus concis et plus facile à percevoir. La typographie est soignée, nette et contrastée, garantissant une expérience confortable pour la plupart des utilisateurs.

La police VKontakte qu'un utilisateur voit dépend de sa version du système d'exploitation et de son navigateur (les utilisateurs iOS verront les polices San Francisco et les utilisateurs Android verront Roboto). Grâce à l'utilisation de polices système, l'utilisateur obtient un produit d'apparence presque familière et donc discret et confortable.

Vous devez être préparé au fait que la majorité du public sera de toute façon indignée, quelle que soit la nature des changements. Cela est compréhensible : l’utilisateur moyen ne peut pas toujours évaluer immédiatement les avantages potentiels des changements. Mais l’inconfort lié à la perte des commodités familières se fait immédiatement sentir. Non pas parce que les anciennes solutions sont si bonnes, mais parce que les gens y sont habitués. Cela s'explique par la psychologie. La plupart des spectateurs seront ennuyés par le fait même de la refonte de principe. Et la raison peut être n'importe quel détail qui ressort le plus : quelqu'un remarquera la différence dans la police ou les icônes, et quelqu'un trouvera à redire à la nouvelle navigation.

Personnellement, je ne suis pas fan de la mise en page à trois colonnes et j'essaierais de la simplifier pour rendre les pages plus faciles à lire. Cela s'applique en particulier au profil utilisateur. La page semble surchargée, visuellement homogène et manque d'accents visuels correctement placés. Malgré le plus grand nombre de solutions similaires, VKontakte semble toujours plus propre et plus moderne, et l'interface est plus facile à percevoir.

Si vous souhaitez toujours restaurer l'ancien design de VKontakte, téléchargez l'extension de navigateur Stylish. Après l'avoir installé, vous devez ouvrir la page de style de l'ancien design du réseau social, cliquer sur le bouton « Installer avec Stylish », confirmer le choix du nouveau style et redémarrer le navigateur.

Bonnes vacances, chers lecteurs !

En plus, aujourd'hui c'est vendredi. Il est temps de "". À notre ordre du jour se trouve une circonstance discutée par toutes les grandes publications, à laquelle j'ai également dû faire face. Nous ne parlerons pas tant de la refonte du réseau social VKontakte, qui est en phase de test, mais de faits amusants sur ce sujet.

Vous pouvez visualiser des captures d'écran de la nouvelle version du site lien .

Réaction de l'utilisateur

Tout ici est très ambigu : de la joie et des applaudissements aux exclamations selon lesquelles VKontakte ressemble de plus en plus à Facebook.

Mon opinion personnelle : il n’y a pas eu de changements globaux. La largeur de l'écran a légèrement augmenté et le design familier est devenu plus moderne. Pas plus.

Comment activer le nouveau design VKontakte

Comme mentionné ci-dessus, le nouveau design est en phase de test.

Il est rapporté que désormais n’importe qui peut l’activer pour son compte. Pour ce faire, faites défiler jusqu'à la fin et cliquez sur le bouton « Rejoindre les tests ».

Je dois noter que tout le monde n’est pas autorisé à se faire tester. Sur un compte qui animait des groupes et de la publicité, j'ai reçu une invitation à tester un nouveau design de la part d'un vénérable vieil homme. Sur un autre compte, dont l'activité se limite à l'écoute d'enregistrements audio et à la communication avec une dizaine d'amis, une telle invitation n'a pas été reçue. De plus, la tentative de rejoindre les tests n’a pas encore abouti :

Votre candidature est acceptée.
Nous vous informerons dès que la refonte sera disponible.

À propos du vénérable vieil homme

Il est difficile de ne pas mentionner qui a remplacé Pavel Durov. Oui oui. Il n'y a pas un mot sur Pavel dans la nouvelle version du design.

Avez-vous un moment pour parler du nouveau design de VKontakte ?

Rencontrez Harold (alias Morris). Il s’avère que ce personnage est le héros des mèmes Internet. À ma honte (ou à mon honneur), j’en ai entendu parler pour la première fois. En général, nous nous sommes rencontrés. C'est son image dessinée à la main qui a « provoqué » la transition vers un nouveau design.

Vidéo révélant l'essence du mème d'Agnia Ogonyok :

En conclusion

Outre le fait que la personnalité d’Harold a été pour moi une grande découverte, je ne comprenais toujours pas pourquoi il était le visage de cette « campagne publicitaire ». Probablement, le matériel n'a pas été entièrement étudié par moi. Alors s'il vous plaît, pardonnez-moi.

C'est tout. Passe un bon weekend.