VKontakte passe à un design qualitativement nouveau. Nouvelle interface de la version Web de VKontakte

La comparaison des interfaces de VKontakte et de Facebook est depuis longtemps devenue un analogue des holivars entre androïdes-maniaques et « Apple-philes » : de chaque côté, vous pouvez recruter une armée entière qui défendra farouchement son point de vue. Beaucoup de gens savent que l'image actuelle de VKontakte est un échantillon optimisé et nettoyé de tout échantillon inutile de 2006. Et c'est précisément ce qui, pour beaucoup, a été le facteur décisif en faveur de vk.com, par rapport à Facebook en constante évolution : la stabilité de l'interface et sa simplicité. La nouvelle du poisson d’avril était donc plus qu’inattendue : nouvelle interface VKontakte!

Et, à en juger par, les concepteurs de VKontakte, après avoir attendu 10 ans, sont retournés sur Facebook, ont regardé autour de eux et ont décidé : « Cool, nous devons faire la même chose ! »... Et effectivement, ils l'ont fait...
En annonçant ce poisson d'avril « sans blague », le directeur opérationnel a insisté sur le fait que nouvelle interface VKontakte est le résultat de plus d’un an et demi d’étude et d’élaboration minutieuses de chaque élément du site, et l’objectif principal de toutes ces actions est « la transition vers un nouveau niveau de développement ».
Grâce aux changements, l'interface de VKontakte sera presque la même sur n'importe quel appareil (tablette/PC/smartphone, etc.), et il n'y aura pas besoin de s'habituer à gérer le réseau social sur chaque gadget individuel.

Il est également indiqué que Vk.com sera désormais « plus facile à comprendre ». Pourquoi simplifier ce qui est déjà simple et compréhensible, même si ce n’est pas précisé. Il a été annoncé que les polices ont été modifiées, la largeur de l'écran a été augmentée et un espace supplémentaire a été alloué pour de « nouvelles fonctions utiles ».

La colonne du menu principal (celle de gauche) a également été repensée : les noms des rubriques sont devenus plus courts et sont désormais accompagnés d'icônes, les rubriques « Actualités » et « Messages » sont généralement déplacées vers le haut.

Une personne familière avec l’interface Facebook peut désormais s’indigner : « Eh bien, ça n’a pas l’air pareil !

Eh bien, comment dire, pas du tout. Regardons de plus près cette image :


Dupliquer les sections les plus populaires dans l’en-tête ? Non, c'est VKontakte qui a inventé cela lui-même.

Un grand merci aux designers de VKontakte de ne pas avoir emprunté la colonne de gauche ! Vous devez également être capable de plagier « avec subtilité et bon goût ».

Cela a été annoncé séparément. En mars, ils en ont parlé dans le contexte du « tissage » dans l'ancienne interface. Dans le rapport du poisson d'avril sur les changements apportés au réseau social, il est déjà signalé comme faisant partie intégrante du nouveau look de vk.com. Alors qu’est-ce qui a changé ? Selon A. Rogozov, c'est tout. Chaque élément du bloc « Actualités » a été « repensé ». Une partie de la colonne de droite a été attribuée sous « Actualités », une division des « Actualités » en catégories a été ajoutée (Photo/Vidéo, Amis, ...), et d'autres éléments des « anciennes Actualités » y ont également été placés (par exemple , « Recommandations »). Mais la chose la plus importante sur laquelle les développeurs de vk.com ont souligné même lors de la présentation de la « Nouvelle bande » était le passage séparé au « mécanisme algorithmique ». Il est tout simplement impossible de ne pas le remarquer : le voici, l'interrupteur à bascule « Intéressant d'abord » en bas de la colonne de droite :

Selon les développeurs, cela devrait simplifier les transitions entre les conversations et rendre les signaux concernant les nouveaux messages plus informatifs. L'indication est la suivante : messages non lus - le point à droite de la « conversation » est bleu ; si l'interlocuteur est en ligne, il y aura un indicateur vert à côté du mini-avatar. Aaand... ici une autre question tout à fait légitime se pose : quand ils disent qu'en « réécrivant » une section « à partir de zéro », ils obtiennent toujours un aspect lissé et élégant, mais Facebook ?


Bien sûr, vous devez apprendre de ceux qui sont plus expérimentés et qui réussissent. Mais qui a dit qu’il fallait tout imiter ?

Les « membres de VKontakte » essayaient généralement de rendre la nouvelle interface de VKontakte aussi « évidente » que possible. Et à cet effet, un autre indicateur a été ajouté à « l'en-tête » - « Notifications ». Pour que l’utilisateur ne manque rien d’important : l’anniversaire d’un ami, le « j’aime » de quelqu’un, une demande « d’ami », etc.

Si une activité se produit sur le site et affecte l'utilisateur, la « cloche » acquerra immédiatement une marque rouge.

La section « Photos », également une section très populaire du réseau social VKontakte, n'était franchement pas si pratique. Et son « imitation de bureau » - presque une copie conforme - est un excellent exemple du fait qu'une bonne imitation peut être bénéfique :


Il s'agit désormais de l'interface de visualisation de photos pour VKontakte : les photos sont plus grandes, la « visionneuse » est orientée horizontalement, les commentaires ne sont pas quelque part dans une piste en bas de la page, mais dans un endroit pratique - à droite du « objet de commentaire ».
Voici Facebook pour vous. Comment pour quoi ? Pour jouer à Trouver 5 Différences !

Il serait très fastidieux d'analyser tous les changements qui vont bientôt « tomber sur la tête » de tous les utilisateurs de VKontakte - après tout, le directeur opérationnel du réseau social a assuré que « chaque interface du site » était affectée. Afin de « pénétrer » dans la nouvelle interface qui habillera VKontakte, les sections évoquées ci-dessus suffisent.

Il y a une chose : si un cher lecteur allait simplement consulter sa page VK et revenait ici avec une perplexité raisonnable comme : « De quel genre d'absurdités parlent-ils ici ! Tout est comme avant. L’explication n’est pas le délire fébrile de l’auteur, mais le fait qu’ils ont décidé de tester la nouvelle interface vk.com sur un « public restreint ». Et le lecteur, heureusement (ou peut-être malheureusement) n'est pas tombé dans ce public. Cependant, pour ceux qui ont une irrésistible envie de « nouveauté » et qui ont une question brûlante, comment passer à un nouveau design VKontakte chez eux, les développeurs se sont réservés le droit de participer volontairement aux tests du nouveau design. Pour ce faire, ils ont posté sur la page

Le 1er avril 2016, le réseau social VKontakte a officiellement présenté une nouvelle interface, sur laquelle les travaux ont duré environ un an et demi. La nouvelle interface a un look frais et moderne, même si elle conserve les éléments de base et la palette de couleurs de l'ancienne.

L'idée principale est de créer une interface commune sur toutes les plateformes, qu'il s'agisse d'un ordinateur ou d'un smartphone.

Afin de vous connecter au nouveau design de VKontakte, vous devez suivre ces étapes simples :

  • Écrivez au technicien. soutenir la demande de connexion au nouveau design. Le sujet du message doit être : accès à la refonte.
  • Attendez une réponse, après quoi vous pourrez utiliser la nouvelle interface.

La première chose qui frappe dans la nouvelle interface est que le « mur » de profils et de groupes reste désormais toujours large. Dans l'ancienne conception, par exemple, le ruban en haut restait étroit, mais lors du défilement vers le bas, il se dilatait, et cette expansion se produisait brusquement. Cela causait parfois des désagréments lors de la publication de longs articles.

Les notifications peuvent désormais être consultées en cliquant sur la cloche sur le panneau supérieur. De cette façon, les notifications sont toujours visibles.

De plus, lors du défilement vers le bas, la colonne de contenu (amis, vidéos, audio) ne monte plus, mais reste toujours visible. Bien que le menu monte toujours lors du défilement, hors du bord de l'écran (à mon avis, il serait préférable que le menu reste également toujours visible).

Les avatars sont devenus ronds.

Le nouveau design des dialogues vous permet de voir vos interlocuteurs au moment même où vous discutez avec quelqu'un.

Mais les dialogues sont désormais disponibles dans les modes spirituels, nouveaux et classiques. Vous pouvez passer à l'affichage classique à tout moment, mais les onglets des boîtes de dialogue ouvertes ne seront pas situés en haut, mais sur le côté droit.

Les messages non lus, ainsi que les messages marqués comme importants, seront disponibles dans la barre latérale.

Désormais, lorsque vous joignez des vidéos ou des images à un dialogue ou à un commentaire, vous pouvez ajouter plusieurs objets en même temps. Pour ce faire, cliquez sur la coche ronde située dans le coin supérieur gauche.

Vous pouvez en apprendre davantage sur le nouveau design de VK lorsque vous le « touchez » en direct.

Salut tout le monde. Saviez-vous que le 1er avril 2016, VKontakte a publié une version mise à jour ? N'était-ce pas un poisson d'avril ? Découvrons-le ensemble...

Donc. En avril de cette année, sur le blog officiel de VKontakte, un article a été publié indiquant que VK introduisait un nouveau design. Tout est dans le même style, bleu et blanc. Mais le design lui-même est différent...

Au début, la mise à jour n'était pas disponible pour tout le monde et a été testée pendant un certain temps afin que les utilisateurs puissent évaluer les innovations et contacter des spécialistes, tout en collectant les informations nécessaires à partir d'analyses, ce que fait et comment l'utilisateur, afin de comprendre comment le nouveau modèle et les nouvelles fonctionnalités du site sont pratiques.

Au fil du temps, un certain nombre de comptes ont eu la possibilité de passer à la nouvelle version en soumettant une candidature via un lien spécial qui, comme indiqué, apparaît à gauche du menu principal, sous le lien Mes paramètres :


rejoindre les tests

utiliser la nouvelle version du site par défaut

La même chose s'est produite sur le blog officiel de VKontakte, un bouton spécial était disponible :

Cela paraît simple ! Oui, il n'y en a qu'un MAIS...

La mise à jour de VK vers une nouvelle version n'était pas disponible pour tout le monde, mais pour un nombre limité d'utilisateurs. Autrement dit, le réseau social a ouvert à l'avance ou ouvre périodiquement une telle opportunité afin que les gens puissent participer aux tests. Et au total, cette opportunité était disponible pour 1 million de comptes. Et ceux qui ont réussi à déposer une candidature ont pu la tester. On promet aux autres que cela arrivera plus tard et pour tout le monde !

Autrement dit, il s'avère que VK n'a pas encore été complètement mis à jour et que des tests bêta sont en cours.

Restez donc à l’écoute pour la version finale.

Ou peut-être avez-vous réussi à mettre à jour ? Écrivez ci-dessous dans les commentaires, alors pourquoi pas !

Qu'écrivent les gens ? (derniers changements…)

Pendant ce temps, on parle tellement de ce processus que tout le monde est pressé d'annoncer comment il a mis à jour VK sur son ordinateur.

Ainsi, certains écrivent que le lien est disponible. Mais d’autres n’y parviennent pas. Et ceux qui ont pu soumettre leur candidature ont, là encore, attendu plus de 2 semaines pour la décision finale. En réponse, une réponse officielle vient du service d'assistance VK et la version mise à jour devient disponible.

En général, tout n'est pas encore si simple. Bien que vous puissiez l'obtenir rapidement, la plupart devront attendre la version finale.

Comme vous pouvez le voir, certains sont capables de mettre à jour VK, d'autres non ! On dit que c'est vrai que c'est différent pour chacun...

Quelles mises à jour attendent VKontakte ?

Passons au blog social. réseaux et lisez ce qui suit :

Les travaux sur le nouveau design ont été réalisés au cours de la dernière année et demie. Nous avons soigneusement étudié, réfléchi et recréé chaque élément. Aujourd'hui, nous passons à l'étape suivante et passons à un nouveau niveau de développement du site pour le rendre plus moderne.

Le principe principal du nouveau design de VKontakte est qu'il est similaire et reconnaissable sur tous les appareils. Il est facile pour un internaute de trouver la rubrique souhaitée dans l’application mobile, et vice versa.

Nous avons augmenté la largeur de l'écran et les polices, supprimé les détails inutiles et rendu le site plus facile à comprendre. Il y a de l'espace supplémentaire pour de nouvelles fonctions utiles. Nous avons également mis à jour le menu de gauche : raccourci les noms des éléments, ajouté des icônes et déplacé les sections les plus populaires vers le haut - Actualités et Messages.

Nouvelles

L'affichage de chaque élément a été repensé. Les entrées dans le flux sont devenues plus visibles. Les listes d'actualités se trouvent désormais dans un bloc séparé à droite avec la recherche et les commentaires. Il est devenu plus facile d'activer le fil d'actualité intelligent - le passage au mode « Intéressant d'abord » se trouve immédiatement en dessous de ce bloc.

messages

La section des messages a été réécrite à partir de zéro. Dans l'interface mise à jour, nous avons placé une liste des conversations récentes et du chat actuellement ouvert sur un seul écran. Passer d’une conversation à l’autre et répondre aux nouveaux messages est devenu plus facile. Les messages non lus sont marqués d'un point bleu, qui disparaît après avoir été lus, et l'état en ligne est marqué d'un point vert.


Notifications

Les likes, demandes d'amis, mentions, anniversaires d'amis et autres événements sont collectés dans une nouvelle section de notification. Sur les pages des personnes et des communautés, vous pouvez désormais vous abonner aux notifications des nouvelles publications pour ne pas manquer les actualités importantes. Lorsqu'un nouvel événement apparaît, un indicateur rouge apparaîtra à côté de l'icône « cloche » dans l'en-tête du site.


Photos

Les photos dans les albums et lors de la visualisation de toutes les photos sont devenues plus grandes et sont affichées dans une belle mise en page de magazine. La visionneuse de photos est orientée horizontalement pour mieux utiliser l'espace des écrans larges. Les commentaires apparaissent à droite de la photo, vous n'avez donc plus besoin de faire défiler vers le bas pour afficher les photos et voir les commentaires sur celles-ci en même temps.


Autres rubriques

Les changements ont affecté toutes les interfaces du site, sans exception. Les sections concernant VKontakte ont également été mises à jour : « À propos de l'entreprise », « Produits » et « Travailler sur VKontakte ». Nous avons également repris notre propre blog. Ici, l'équipe VKontakte partagera des nouvelles sur les produits et les innovations.

Nous lançons aujourd'hui un nouveau design en mode test pour un public limité. Petit à petit, il deviendra accessible à tous.

Si l'ancienne interface VK a complètement cessé de vous plaire, vous pouvez facilement l'installer nouveau design en VK, qui a été créée en 2016. Pour passer à la nouvelle interface et voir votre page sous un angle inhabituel, vous devez accéder à une ressource de blog spéciale https://new.vk.com/blog Sous la description de la façon dont la mise à jour a été créée, vous verrez un bouton qui vous permet d'améliorer votre profil en 2 clics.

Après avoir soumis votre candidature, l'équipe VK vous informera que votre page a été acceptée pour le test.

Contrairement à Insta, qui vient de changer le logo, les changements dans le design de VK sont devenus beaucoup plus globaux - presque toutes les pages ont changé, à partir des messages qui, au lieu d'être affichés les uns après les autres, sont révélés à l'utilisateur dans une grande fenêtre. divisé en deux et se terminant par l'audio. Désormais, lorsque vous appuyez sur le bouton F5 alors que la musique est ouverte, la piste que vous écoutiez sera automatiquement mise en pause.

Si vous souhaitez qu'une piste placée, par exemple, à la fin d'une liste de lecture, commence après la chanson en cours de lecture, il n'est désormais plus du tout nécessaire de faire glisser ce que vous souhaitez écouter au tout début. Juste à côté de la chanson sélectionnée, appuyez sur l'icône « Play Next ». Ici vous pouvez voir quelles nouvelles choses ont été ajoutées. . Les changements ont également affecté la section photographies. Lors de leur visualisation, tous les commentaires sont à votre disposition dans le champ de droite. Vous n’avez pas besoin de les parcourir longtemps si vous avez installé et de nombreuses notes ont été laissées. L'en-tête bleu VK sous une nouvelle forme est présenté sur toute la largeur de l'écran.

Si vous regardez attentivement, vous pouvez voir une petite icône en forme de cloche. Ici, VK vous laisse des notes sur les événements à venir les plus importants. Dès que vos amis sont en vacances, un chiffre rouge apparaît dans ce champ, correspondant au nombre d'amis qui sont en vacances ce jour-là. Selon l'équipe de concepteurs Web, de programmeurs et d'autres spécialistes qui ont travaillé avec diligence sur la refonte, le nouveau VK est devenu beaucoup plus pratique et fonctionnel. Si vous pensez le contraire, il est encore possible de passer à l'ancienne version du site et à travers elle.

Comment créer un nouveau design VKontakte 2016

Si vous avez envoyé une demande pour un nouveau design pour votre page, mais que rien ne s'est passé dans les 2-3 jours, vous pouvez ou créer un nouveau design VK, en utilisant l’extension STYLISH originale.

Le véritable avantage de cette application est qu'avec son aide, vous pouvez également ajuster la conception non seulement de VK, mais aussi, par exemple, de YouTube, ainsi que d'autres ressources sur lesquelles vous vous trouvez constamment, à votre goût. À l'aide du catalogue d'extensions, recherchez cet assistant pour votre type de moteur de recherche. Ensuite, après l'avoir téléchargé et activé, dans le coin droit du site, vous trouverez un bouton spécial qui vous informera que l'extension est prête à fonctionner. Accédez à votre profil VK.

En touchant le bouton d'extension, vous remarquerez qu'aucun style n'a été appliqué à votre page, et pour le modifier vous devez cliquer sur l'inscription ci-dessous. Dans la grande zone qui sera devant vous, vous pourrez choisir le design original de VK. Pour l'installer, appuyez simplement sur le lien à côté de l'endroit où le nom est écrit. Si, du coup, vous décidez de revenir au style habituel, il suffira simplement de désactiver le style dans la fenêtre et les extensions.

Nouveau design VKontakte 2016

Nouveau design de VK 2016 surprend par sa fonctionnalité et sa fraîcheur. Ici, non seulement la couleur du site a été mise à jour, mais de nombreux bonus utiles et intéressants sont également apparus.

Plus important encore, cette conception est gratuite. En mettant à jour et en créant votre propre style, vous rendez non seulement votre page plus agréable à lire, mais vous entraînez également votre cerveau, puisque de nombreux chercheurs ont prouvé qu'en essayant quelque chose de nouveau, quelle que soit l'ampleur du changement, vous améliorez votre activité cérébrale. .

É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