Тема цієї статті – новий дизайн ВКонтакті. Знову змінилося, тепер можна встановити горизонтальну обкладинку групи. Оформлення вашої спільноти ВК з такою шапкою набагато цікавіше. Відверто кажучи, тут не потрібні знання Photoshop. А можна без особливих навичок зробити гарну картинку навіть у PowerPoint, Fotor, Canva, Pixlr Editor.

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

Завантаження нової обкладинки

А тепер давайте розберемося, як увімкнути можливість встановлення горизонтального шапки. Давайте ми клацнемо на кнопку «Управління».

Потім клацаємо на останню і завантажуємо нову обкладинку групи ВКонтакте. Ось тут і можна зрозуміти, що файл завантаження може бути будь-якої величини! Але не менше ніж розмір 1590×400 px. Створюємо прототип обкладинки у будь-якому редакторі. Далі ми можемо виділити та зберегти ту область, яка відповідає вимогам ВК. Ось підказка, де знайти зображення для обкладинки, яким редактором скористатися, щоб

Чим цікавий новий дизайн ВКонтакте?

Головне: з'явилося більше місця для інформації. Тепер тут можна написати назву групи, мету її створення, заклик до дії тощо. Таке оформлення буде логічно завершеним та більш функціональним. Але можна залишити і старий дизайн, це справа смаку кожного.

Коли ви оформлятимете горизонтальну обкладинку то помітите, що внутрішнє меню тепер якось випадає із загального контексту. Думаю, краще закріпити картинку для переходу до меню. І використовувати його для розміщення wiki-сторінок у групі.

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

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

Але найважливіше, на мою думку, їм потрібно ретельно продумати систему «Банів», щоби підприємці могли спокійно працювати, не заважаючи тим користувачам, які прийшли розважатися в соцмережу.

Як зробити обкладинку групи Вконтакте онлайн

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

P.S. Сподіваюся ця інформація стане Вам у нагоді.

P.S.S. Включайте свою креативність та удачі Вам у всіх починаннях!

Написати про новий дизайн? Ну нарешті!

!!! Увага! Загалом, відразу попереджаю, що я оцінюю дизайн не тільки як користувач, але і як дизайнер (зокрема той, хто має відношення до вебу) і напишу багато не тільки про сам дизайн, але й про те, чому так багато незадоволених. І буде багато літер!

Щодо того, чому все так незвично:

Як тільки першого квітня (через що всі дуже сумнівалися у серйозності оновлення) став доступний новий дизайн з обмеженим бета-тестуванням, я одразу зайшов до блогу Вк і підключився. Після цього почав скакати по всіх розділах і дивитися що та як там. Першого ж дня знайшов близько п'яти багів, які одразу відправив адміністрації для виправлення. Не виправили лише один, який вважають логічним (те, що не можна переслати зображення другові наприклад зі спільноти чи стрічки і після цього зберегти його в альбом. логіка в тому, що мовляв сам відправив – значить навіщо зберігати), але ця штука була й у минулому дизайн.

Після цього я опублікував у своїй спільноті з короткою інформацією про редизайну та голосування. Стало цікаво, як перші користувачі відреагують. Більшість скаржилися на те, що не можуть знайти якийсь функціонал, наприклад, тумблер у повідомленнях (який легко знаходиться якщо навести мишку на край діалогового вікна). Так, такі елементи інтерфейсу дуже незвичні на тлі всього того, що було в рунеті останнім часом. Але це не проблема нового дизайну. Це проблема того дизайн-мислення, яке сформувалося у рунеті за останні роки. У нас дуже рідко роблять прогресивний і хороший (!) дизайн, який стає зручнішим та еволюціонує плавно та рівномірно, дозволяючи користувачу звикати до нових елементів, більш інтуїтивних та правильних з точки зору UX (user experience - та частина дизайну інтерфейсів, яка відповідає за доступність) користувачеві та зручність). Натомість ми маємо різкі стрибки у найпрогресивніших розробників, які викликають хвилю непорозуміння з боку користувачів. І все це на тлі величезної кількості сайтів з жахливим дизайном, який незручний, але просто звичний. А все тому, що роблять сайти зазвичай або дешево, або за принципом "ось як у них треба". Ті, хто мають потенціал і можуть творити прогрес, просто не працюють за ті гроші, які пропонують у рунеті, і йдуть робити добре і дорого до зарубіжних хлопців. Ось це все дуже сумно і чому введення нового дизайну Вк нагадує хрещення Русі. Але через деякий час користувачі звикнуть, запам'ятають, де що змінилося, і зрозуміють, що все не так погано.

Щодо того, що "косіть під фейсбук, ну хоч стрічка без чужих лайків!".

Справа в тому, що дизайн еволюціонує і поки що оптимальним вважається, який називають дизайном форм і змісту. Його розробив нещодавно Google і багато хто його підхопив.

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

Згадаймо як ті ж телефони виглядали років 10-15 тому. Кожна модель Nokia була чимось абсолютно новим: всі ці висувні панелі, розкладні на всі боки екрани, шалені розташування клавіатур - це все було дуже круто. При цьому не пам'ятаю скарг на нерозуміння новинок, адже все було таке нове, цікаве і круте!

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

Те саме стосується й дизайну у соціальних мережах. Розробники в останню чергу хочуть, щоб їм сказали, що вони вкрали дизайн. Ні. Ніхто не засудить вас, якщо ви зробиш стілець, схожий на тисячі інших стільців. Ікеа так і робить: вони роблять до болю банальні, але прості та добрі речі. Тоді в чому проблема з веб-дизайном?

Тепер ось моє суб'єктивне "думаю" щодо вже найновішого.

Стало краще. Ось правда. Стара версія змінювалася на стільки мало, що вона швидше схожа на старі тематичні форуми з двохтисячних, ніж на сучасну соціальну мережу. Тепер мобільна версія та програми стали мати багато спільного з сайтом. Адже це чудово. З'явився логічний зв'язок між ними. У спільнотах зникли ці уродські багатоповерхові аватари на підлогу сторінки з "Підпишись" і так далі. Тепер оповіщення можна перевірити кліком не йдучи зі сторінки, адже це просто лайки та відповіді, а не графа для окремого споглядання. Фотографії з відповідями тепер доповнюють одна одну при відкритті, а не йдуть у безкінечність вниз.

Щодо повідомлень:Я спілкуюся в Вк багато (5-20 діалогів на день) і ось цей новий формат мене дуже тішить. Ті ж, хто не задоволений, спокійно можуть перейти на старий формат, натиснувши на шестерню внизу екрана та змінивши налаштування. Усі мають бути задоволені, хіба ні?

У той же час я згоден

Все погано

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

Варто було вводити редизайн поступово

Робота була зроблена велика, і це зрозуміло: перезапустили всі відразу, що в принципі неправильно. Найкраще було б оновлювати сайт частинами, як робить Facebook. Адже користувача потрібно готувати до нового, частинами тестувати нові речі і потім поступово запускати їх на основі відгуків.

Синя труна, прибита вгорі

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

Сторінка новин стала вже й захаращеною

Фотографія почала відкриватися як у фейсбуці

Топ-5 менш помітних недоліків

Неявні для очей, але очевидні для мозку. Ось ключові.
- піктограми піктограми в меню
- Блідо-сірий фон, який прибрав чистоту старої версії
- Ліва колонка у профілі при скролі фіксується і не дає розширити новини на всю ширину допустимого контенту (як це було в старій версії)
- Новий логотип не вписується в шапку та створює ще більше порожнього простору
- Мій індикатор активності (онлайн) у моєму ж профілі! Це край логіки! Мало того, що існує текстовий індикатор біля мого імені у профілі, так тепер є ще й зелений гурток

Найдратівливіше для користувачів

Чи все так погано насправді? Альтернативна думка експерта

Віктор Козирєв

UX-дизайнер у Frog Design, Badoo та Cogniance; творець програми Spender

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

Шрифт "ВКонтакте", який бачить користувач, залежить від його версії операційної системи та браузера (користувачі iOS бачитимуть шрифти San Francisco, а Android бачитимуть Roboto). За рахунок використання системних шрифтів користувач отримує майже звичний для нього і за рахунок цього ненав'язливий, комфортний look-and-feel-продукт.

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

Я особисто не є шанувальником триколонкового лейауту і спробував би спростити його, щоб зробити сторінки більш простими у сприйнятті. Зокрема це стосується профілю користувача. Сторінка видається перевантаженою, візуально однорідною, не вистачає правильно розставлених візуальних акцентів. Незважаючи на більшу кількість подібних рішень, «ВКонтакте» все одно виглядає чистішим і сучаснішим, а інтерфейс сприймається простіше».

Якщо ви все-таки хочете повернути старий дизайн "ВКонтакте", то завантажте розширення для браузера Stylish. Після встановлення потрібно відкрити сторінку стилю для старого дизайну соцмережі, натиснути кнопку «Install with Stylish», підтвердити вибір нового стилю і перезавантажити браузер.

Зі святом, Шановні Читачі!

Крім того сьогодні п'ятниця. Саме час для «». На порядку денному у нас обговорювана всіма великими виданнями обставина, з якою довелося зіштовхнутися і мені. Йтиметься не так про сам редизайн соціальної мережі «ВКонтакте», який знаходиться на стадії тестування, як про цікавих фактів при цій тематиці.

Ознайомитись зі скріншотами нової версії сайту можна за посиланням .

Реакція користувачів

Тут все дуже неоднозначно: від захоплень та оплесків, до вигуків, що «ВКонтакте» стає схожим на Facebook дедалі більше.

Моя особиста думка: глобальних змін не сталося. Незначно збільшилася ширина екрану, звичний дизайн став сучаснішим. Не більше.

Як увімкнути новий дизайн «ВКонтакте»

Як згадувалося вище, новий дизайн перебуває у стадії тестування.

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

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

Вашу заявку прийнято.
Ми повідомимо Вас, як тільки редизайн стане доступним.

Про поважного старця

Складно не згадати, хто прийшов на зміну Павлу Дурову. Так-так. Жодного слова про Павла в новій версії дизайну немає.

Чи не знайдеться хвилинки поговорити про новий дизайн «ВКонтакте»?

Знайомтеся, це Гарольд (він Морріс). Цей персонаж, як виявилося, є героєм інтернет-мемов. На свій сором (або честь) я дізнався про нього вперше. Загалом ми познайомилися. Саме його мальоване зображення «провокувало» до переходу на новий дизайн.

Відео, що розкриває суть мема, від Агнії Огонек:

На завершення

Крім того, що особистість Гарольда стала для мене великим відкриттям, я так і не зрозумів, чому саме він виступив як особа цієї «рекламної кампанії». Ймовірно, що матеріал був вивчений мною не до кінця. Тож прошу мене пробачити.

На цьому все. Бажаю вдалого проведення часу у вихідні дні.

Сьогодні на конференції Dribbble Meetup Павло Шумаков, провідний дизайнер ВКонтакте, представив новий дизайн сайту ВКонтакте, мобільних клієнтів компанії на iOS та Android, а також новий фотододаток.

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

Строки: до кінця 2015 року.

Фотододаток ВКонтакте

Особисто нам цікавіше було подивитися на новий продукт від ВКонтакте - фотододаток. Це свого роду аналог Інстаграма. Він був анонсований ще на нашому заході LIVE Event 2014, але ми, як і ви, побачили його вперше лише сьогодні, і були під враженням. Новий додаток розробляється разом із професійними фотографами. У ньому, крім очевидних можливостей, на зразок корекції кольору, ви зможете створювати свої фільтри і обмінюватися ними з друзями. Програма повністю синхронізована з ВКонтакте.

Терміни: сподіваємося на вихід програми вже цього літа, адже саме в цей час воно буде актуальним як ніколи.

Довгоочікуваний Material Design у клієнті ВКонтакті для Android. Повний редизайн всієї програми. Навіть наші колеги “яблучники”, глянувши на нього, почали трохи заздрити. Також з'явилася можливість замовити виготовлення пакетів з логотипом. Тепер цей процес стане зручним та швидким.

Строки: скоро.

Відеокаталог та нові записи для iPhone

Але й власникам iPhone є чому порадіти. Вони вже давно отримали свій редизайн, який і зараз залишається актуальним, тому на презентації нам показали нові записи та, звичайно, впроваджений відеокаталог. Очевидно, це не єдині зміни.