<
  • Главная
Статьи

Mobile-review.com Новий інтерфейс веб-версії ВКонтакте

  1. Зовнішній вигляд
  2. повідомлення
  3. музика
  4. повідомлення
  5. Новини
  6. оптимізація
  7. Критика від Павла Дурова
  8. інфографіка
  9. висновок

Вперше новий дизайн став доступний для бета-тестерів 1 квітня, пізніше перейти на нову версію з можливістю відкату міг будь-який користувач соціальної мережі. Смішно сказати, але я це зробив буквально на початку серпня, а тут вже і фінальний реліз підготували. Отже, чим же порадували нас ВКонтакте?

Зовнішній вигляд

У мене не дуже хороший зір, і навіть в окулярах на моєму 21.5-дюймовому екрані шрифти сайту ВКонтакте виглядали замілко. Звичайно, можна було вручну прозуміровать сайт або змінити тільки розмір букв, але тоді в деяких місцях злітала верстка, що виглядало не дуже красиво. Ще мене дуже дратували величезні поля з боків. Практично 2/3 екрану просто пустували!

У новій версії сайт візуально став ширше, збільшився розмір шрифтів, а також прев'юшки зображень, це дуже здорово. Звичайно, про смаки не сперечаються, але, на мій погляд, з точки зору дизайну ВК однозначно став краще, в усякому разі, особисто мені користуватися ним тепер значно приємніше.

Вперше новий дизайн став доступний для бета-тестерів 1 квітня, пізніше перейти на нову версію з можливістю відкату міг будь-який користувач соціальної мережі

Все аватарки і іконки груп стали круглими, кого-то це може дратувати, я ж не бачу в такому відображенні нічого поганого.

Все аватарки і іконки груп стали круглими, кого-то це може дратувати, я ж не бачу в такому відображенні нічого поганого

При відкритті фотографій коментарі тепер відображаються праворуч, а не знизу, я, до речі, вважаю цей варіант відображення більш інформативним.

При відкритті фотографій коментарі тепер відображаються праворуч, а не знизу, я, до речі, вважаю цей варіант відображення більш інформативним

повідомлення

Для листувань тепер доступні два варіанти відображення. У першому, класичному, ви бачите тільки сам діалог, а в другому - список останніх контактів, з якими ви спілкувалися. Другий варіант нагадує реалізацію месенджерів для планшетів і, на мій погляд, дуже практичний. Щоб включити другий варіант, потрібно натиснути на шестірню налаштувань в нижній частині екрана.

Щоб включити другий варіант, потрібно натиснути на шестірню налаштувань в нижній частині екрана

Адміністраторів груп порадує можливість швидко заходити в свої групи з лівої панелі і відразу ж бачити непрочитані повідомлення з паблік.

Адміністраторів груп порадує можливість швидко заходити в свої групи з лівої панелі і відразу ж бачити непрочитані повідомлення з паблік

музика

Пульт управління музикою тепер завжди знаходиться у верхній панелі, а не тільки коли ви її слухаєте. Це зручно і дозволяє швидко включити поточний трек без необхідності переходу на сторінку аудіозаписів.

Це зручно і дозволяє швидко включити поточний трек без необхідності переходу на сторінку аудіозаписів

Іконки аудіозаписів також стали круглими.

повідомлення

Хтось лається, що ВКонтакте скопіювали повідомлення і всю верхню рядок стану у Facebook, але я не бачу в цьому нічого поганого, в кінці кінців, головне, що стало зручніше. При натисканні на дзвіночок відображаються останні дії з вашим обліковим записом: відповіді, лайки репости і т.д.

д

Новини

Багато боялися, що ВКонтакте скопіює систему відображення контенту у Facebook, і ось це сталося, правда, на відміну від FB, розробники ВК дають користувачам вибір, використовувати чи нову сортування чи ні, я вважаю це правильним. До слова, ВКонтакте вже давно була потрібна подібна фільтрація, тому що новинна стрічка вже давно заповнена репоста друзів з будь-яких груп типу «щоденників мільйонерів» і «самотня левиця перестала лінуватися».

До слова, ВКонтакте вже давно була потрібна подібна фільтрація, тому що новинна стрічка вже давно заповнена репоста друзів з будь-яких груп типу «щоденників мільйонерів» і «самотня левиця перестала лінуватися»

оптимізація

Розробники відзначили, що повністю відмовилися від Flash і перейшли на HTML5 для аудіо і відеоконтенту. Рішення здорове, і як користувач Safari я його повністю підтримую.

Критика від Павла Дурова

Павло Дуров на своїй сторінці розкритикував новий дизайн ВКонтакте і привів цілих сім причин, чому могли зробити краще. Я згоден не з усіма з них, наприклад, відображення фото, як мені здається, стало краще і права панель з коментарями цілком доречна. Також я вважаю більш зручним закріплення лівої і верхньої панелей при прокручуванні. А ось ширину стрічки новин дійсно можна було зробити більше, адже зараз у ВК все одно пристойну кількість вільного місця з боків.

Нижче цитата оригінального поста Павла:

1. Головний розділ сайту - Новини - стали вже. Парадоксально, що необхідність редизайну обгрунтовувалася прагненням більш ефективно використовувати екран. За фактом, якщо порівняти ширину записів в старій і новій версії, новини лише звузилися на 28px.

За фактом, якщо порівняти ширину записів в старій і новій версії, новини лише звузилися на 28px

2. Новини - як і всі інші розділи - стали нижче на 42px. Через фіксованою шапки вертикальне простір сайту стало менше, потрібно більше промотувати. Це серйозна зміна до гіршого: саме вертикальний скрол є дефіцит на більшості дисплеїв.

Це серйозна зміна до гіршого: саме вертикальний скрол є дефіцит на більшості дисплеїв

3. Під час перегляду головного розділу сайту - Новин - втрачається фокус на контенті. У новій версії з'явився візуальний сміття у вигляді рідко використовується фіксованою правої колонки. З урахуванням фіксованою шапки і вузькою ширини, перегляд новин став подвійно захаращений.

З урахуванням фіксованою шапки і вузькою ширини, перегляд новин став подвійно захаращений

4. При перегляді фотографій втрачений фокус на самій картинці. Фотографії зміщені вліво, а яскрава пляма білої колонки коментарів, що з'явилася справа, перетягує на себе фокус уваги. Це рішення було скопійовано c Facebook, який свого часу ввів праву колонку для розміщення додаткових рекламних блоків.

Це рішення було скопійовано c Facebook, який свого часу ввів праву колонку для розміщення додаткових рекламних блоків

5. Статична ліва колонка при Промотка старих записів особистих сторінок не тільки не дає потрібної інформації, а й звужує горизонтальний простір для перегляду записів у порівнянні зі старою версією. Аналогічна ситуація - при перегляді записів в групах і паблік.

Аналогічна ситуація - при перегляді записів в групах і паблік

6. Заміна білого кольору фону на сірий не тільки зменшила відчуття чистоти і мінімалізму, але і в цілому зробила сайт більш сумним і похмурим. З'явилися сизі іконки на сірому меню зліва на всіх сторінках надлишкові і являють собою візуальний сміття.

З'явилися сизі іконки на сірому меню зліва на всіх сторінках надлишкові і являють собою візуальний сміття

7. Старий логотип "ВКонтакте" в силу композиції краще вписувався в горизонтальну шапку, ніж новий логотип "VK". Я намалював обидва логотипу досить давно (перший близько 10 років тому, другий - близько 5), але в російськомовній версії не заміняв старий логотип міжнародним саме в силу цього - досить очевидного - обставини.

Я намалював обидва логотипу досить давно (перший близько 10 років тому, другий - близько 5), але в російськомовній версії не заміняв старий логотип міжнародним саме в силу цього - досить очевидного - обставини

Підсумок: старий дизайн ВКонтакте, не змінювався кілька років, безумовно, потребував ряді доробок і естетичному переосмисленні в рамках нових стилів. Однак проведений редизайн не тільки не відповідає стандартам 15-16 року (таким, як Material), але і знижує юзабельность ресурсу.

Всі перераховані елементи нового дизайну були наосліп скопійовані з Фейсбуку зразка 2012. Фейсбук в ці роки був змушений нарощувати прибутковість в рамках IPO, тому в проектуванні дизайну жертвував інтересами користувачів заради додавання нових рекламних блоків. Звідси з'явилася і права колонка в Новинах і Фотографіях, і зниження фокуса на контенті заради реклами.

Сьогодні, коли монетизація ВКонтакте переноситься в "розумну" стрічку і мобільні клієнти, подібні кроки не обгрунтовані. З 2016-му році Facebook повинен був копіювати напрацювання ВКонтакте, а не навпаки.

інфографіка

Нижче - трохи інфографіки з офіційного блогу ВКонтакте:

Нижче - трохи інфографіки з офіційного блогу ВКонтакте:

висновок

Коли я вперше побачив новий дизайн ВКонтакте, він нагадав мені збільшену копію мобільного застосування для iPhone, втім, нічого дивного, просто потішило те, що редизайн додатки відбувся раніше, ніж редизайн сайту. Але незважаючи на схожість, все-таки сайт і клієнт ВК візуально не копіюють один одного повністю.

На мій погляд, зовнішній вигляд сайту став приємніше і сучасніше. Деякі речі зробили зручніше, деякі красивіше. Однак критика Павла Дурова також справедлива, перш за все для ширини стрічки. Що заважало зробити її ще ширше, враховуючи, що місця мало?

А що скажете ви, шановні читачі? Чи подобається вам новий дизайн ВКонтакте? Якщо ні, то чому?

PS Користуючись нагодою, запрошую підписатися на офіційне співтовариство Mobile-Review.com ВКонтакте , Щоб отримувати оперативні повідомлення про наших нових статтях і оглядах!

Поділитися:

Ми в соціальних мережах:


Є, що додати ?! Пишіть ... [email protected]

Отже, чим же порадували нас ВКонтакте?
Що заважало зробити її ще ширше, враховуючи, що місця мало?
А що скажете ви, шановні читачі?
Чи подобається вам новий дизайн ВКонтакте?
Якщо ні, то чому?


Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью