Соцсети Philipp Kontsarenko
31 859

Концепты: редизайн веб-версии «ВКонтакте» от дизайнеров со всего мира

Редакция vc.ru собрала наиболее интересные концепты редизайна веб-версии социальной сети «ВКонтакте», опубликованные дизайнерами со всего мира в сообществах Dribbble и Behance.

Овик Мушлян

Павел Шумаков

Павел Григорьев

Денис Шарыпин

Rom Mar

Тимур Минвалеев

Heyllow Lab

Flatstudio

Сем Дж

#Интерфейсы #ВКонтакте #концепты #редизайн_вконтакте

Статьи по теме
Концепты: Редизайн приложения «Почта Mail.Ru»
Концепт: Редизайн веб-версии «ВКонтакте» для широких экранов
Концепты приложений Telegram от дизайнеров со всего мира
{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d_\u0432\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","\u043a\u043e\u043d\u0446\u0435\u043f\u0442\u044b","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435"], "comments": 65, "likes": 40, "favorites": 1, "is_advertisement": false, "subsite_label": "social", "id": 14557, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15388' + '59599') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 14557, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/14557\/get","add":"\/comments\/14557\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/14557"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199129 }

65 комментариев 65 комм.

Популярные

По порядку

Написать комментарий...
41

Пока ничего лучше этого не нашёл

Ответить
33

Господи, только не как фейсбук, только не как фейсбук...

Ответить
–22

на самом деле Facebook по удобству превосходит в разы. Понимаешь это только тогда, когда пользуешься им часто. Раньше я тоже люто его ненавидел, а теперь ВК после Facebook мне кажется просто скучным как в плане разнообразия пользователей, так и в плане дизайна. Единственным, что держит в лично меня в ВК, можно назвать раздел аудио (не из-за пиратской музыки, а из-за другого уникального контента), а также слишком большая привязанность некоторых знакомых именно к этой социальной сети.

Ответить
20

Facebook по удобству превосходит в разы

Мсье любитель тонких извращений!

Ответить
10

Нет, мсье просто любитель квестов и головоломок, которыми так изобилует фейсбук.

Ответить
11

просто привыкаешь к пиздецу, у человека есть такая защитная функция :)

Ответить
3

Особая вариация стокгольмского синдрома.

Ответить
0

Поддерживаю)

Ответить
0

больше бесит на фейсбуке строка: "вы можете этих людей знать" и выплывает череда аватарок с пользователями.

даже только за эту одну функцию фейсбук намного хуже вк :(((((

Ответить
0

Так в вк же тоже самое в ленте время от времени. Что в мобильном приложении, что на сайте.

Ответить
34

Господи, я знаю, что мы не часто общаемся, но пожалуйста, не дай этой ебаной плитке(как в примере Шумакова) стать реальностью.

Ответить
1

А по мне ок, сразу станет понятно что в ленте слишком много треша )

Ответить
0

Он тебя услышал.

Ответить
17

Ожидал увидеть что-то крутое и экспериментальное, а тут грёбаные плиточки в стиле over9000 одинаковых сайтов и неудобный для длительного чтения цвет (ну серьёзно, пусть сами читают с серо-синего, мне пока глаза дороги)

Ответить
2

Вы думаете что у ресурса, у которого over 1000000 посетителей в день можно так взять и поменять полностью дизайн, сделать что-то крутое и экспериментальное? ))
К каким-то крупным изменениям они будут идти через череду редизайнов, постепенно меняя элементы, чтоб пользователи успевали привыкать, постепенно снижая процент ярости недовольных.

Ответить
0

Я к тому, что ожидал здесь увидеть именно интересные вариации на тему "как можно сделать ВК лучше". При этом, мне уже крайне не нравится тот вариант, который собираются ввести.
Про крупные изменения согласен, так как принудительно попал не так давно в первую волну тех, на ком обкатывал новый дизайн last.fm

Ответить
0

Читаю с серо-синего уже... Не знаю, года 2 уже с этим стилем и с глазами все прекрасно

Ответить
10

Так ведь ВК сам скоро обновиться, зачем уже гадать? :)

Ответить
18

*тся, $|}<>>>^^ть! Видит Бог я долго терпел.

Ответить
0

**ть. Чертово автоисправление

Ответить
8

Либо Григорьев, либо Heyllow Lab, а другого и не надо.
Просто подрихтуйте, раз руки чешутся.
Не надо, как в ФБ, делать миллиард опций, пожалуйста...

Ответить
3

Григорьев. очень круто сделал

Ответить
5

как таковой "редизайн" только у Павла Шумакова и Сема Дж.
У остальных же просто марафет чуть другой.

Ответить
9

Шумаков, видимо, недавно Google+ открыл для себя

Ответить
1

ну и норм, когда то ведь надо начинать)

Ответить
6

Большая часть разнообразные закосы под facebook

Ответить
5

Имхо. Работы с Латинской типографской вообще бы не рассматривал.
не знаю точных цифр, но аудитория ресурса, наверняка, около 70% русскоязычная. Латинскими начертаниями, опять же имхо, проще оперировать в дизайне нежели кириллическими.

Ответить
2

Мне и такого достаточно. Дизайн переделан с помощью css твиков

Ответить
10

Благодаря этому редизайну я узнал, что в Брянске выращивают бананы.

Ответить
4

1/4 концептов - это фейсбук.
1/4 концептов - это windows, ios, android приложения с плитками.
1/4 концептов - это "мы добавили другой цвет для фона и сделали неправильный флат, мы красавчики".
1/4 концептов - это "мы почти оставил всё также, но добавили лоска.

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

У диванного аналитика всё.

Ответить
0

"Я свято верю, что если и будет редизайн, то будет возможность переключаться в настройках. Ибо слишком большая аудитория на кону."
Так могут делать лишь те, кто вообще ни о чем не подумал, никак не проверял и ни в чем не уверен. Это все равно, что расписаться в собственном бессилии. А потом еще тратить кучу ресурсов на поддержание двух версий.

Ответить
0

Я готов поспорить, что первые полгода такая функция точно будет.

Ответить
0

Ну спорьте :)
С микроблогом тоже так было какое-то время, но его и выкатили недоделанным — буквально в первую же неделю добавили пару функций, без которых он совсем не так работал.

Ответить
4

Все говно, давай по новой.

А если серьезно, то нужно сделать так, чтобы миллионы пользователей не переучивались на новый дизайн, ибо этом пиздец. А значит самый правильный вариант — подрихтовать то, что есть.

Но чуваки из мэйлру будут делать так, чтобы было больше рекламы, что, сука, очевидно.

Ответить
3

Первый вариант самый крутой.

Ответить
3

И ни кто рекламный блок не включил. А как соц сети зарабатывать? За новую идею эффективной и не раздражающей рекламы все только выиграли бы.

Ответить
2

Дуров, верни стену!

Ответить
2

Flat, флэт, флет

Ответить
2

А будут варианты хоть чем-то отличающиеся от фб?

Ответить
2

придумали бы уже без этих новомодных бесконечных прокруток - у меня колесико на мышке не работает =)

Ответить
2

Всё так классно выглядит, но что будет если пользователь не заполнит страницу? А?

Ответить
–1

Я удивляюсь тем неадекам, которые говорят, что Фейсбук - неудобен, трудно читаем и вообще не понятен.

Давайте пойдём от обратного - кто пользуется фейсом? весь мир, Европа, США и все остальные. Кто они? Верно! эмоциональные созданьица, которые мыслят правым полушарием мозга по жизни, а не левым (рацио), как русский мужик! Отсюда простой вывод: если "дети" смогли научиться пользоваться Facebook, то русскому и подавно будет проще. а так это тупо дело привычки, каких-то комплексов и тараканов в голове.

Как раз для удобства "детей" Цукерберг должен был создавать простую соц сеть как вк. но Марк - еврей, и он забил на удобства в пользу прибыли компании

Ответить
1

спорное мнение. Мне лично много чего в фб не хватает

Ответить
1

Не портите людям главное событие 2016 года, ВК вот вот спустя почти два года станет адаптирован для широкоформатных мониторов!
11 июля 2014 - https://tjournal.ru/p/vk-redesigners
Нужно только еще немножко подождать :D

Ответить
0

Прочитайте еще уже наконец любое из опровержений некоторых правых/левых ориентаций мышления.

Ответить
0

По нынешней ситуации в мире (я про политику и войны) все сразу видно - кто просчитывает на 100 шагов вперед (мы) и кто бьет тревогу после того, как подпалили усики...

Ответить
0

Мм.. Ясно

Ответить
–1

У меня пизже

Ответить
2

Думаешь? :)

Ответить
0

як получити цю версію

Ответить
0

Stylish+тема для него (можно найти на https://userstyles.org)

Ответить
1

Зачем обязательно брать дизайн из мобильного приложения?

Ответить
1

С 3 варианта у всех бомбанёт! )) "ДУРАФ верниии старый дизайн", а так нужно делать тупо плоский стиль который щас модный, и вот как на 3 варианте такого не будет 100% ибо каждый будет вайнить, это уже не смена дизайна а новый сайт))

Ответить
1

Ребята, в последнее время очень часто обозревается тема обновы VK, создается впечатление что они просто подогревают публику перед глобальным редизайном

Ответить
0

Третий вариант самый удачный получился!

Ответить
0

Павел Григорьев - лучший.

Ответить
0

Последняя работа вообще убила.
И она оказалась в списке лучших..

Ответить
0

У Шумакова можно было бы взять два столбца для тематического разделения своих постов. К примеру левый столбец это для микроблога, второй для больших постов с видео, аудио и прочими штуками. И вообще странно помещать часть функционала в самом низу страницы. По идее он должен быть всегда по рукой.

Ответить
0

Григорьев понравился. Flatstudio — это какой-то конструктор сайтов по виду.

Ответить

Комментарий удален

0

Думаю останется тем же ВК, что показали на 1 апреля

Ответить
0

Концепт от Heyllow Lab самый органичный и обладающий наибольшей преемственностью.

Ответить
–1

Так уже же есть готовый раздел в новом дизайне "Разработчикам".
https://vk.com/dev

Ответить
0

Эта страница уже больше полугода не обновлялась особо, вряд ли они ничего не делали всё это время.

Ответить

Комментарий удален

–3

Вангую дебилов, которые будут ныть, что им все это не нравится, подавайте им все как раньше, потому что они — имбецилы, и не могут разобраться в элементарном.

Ответить
–3

Народ, дайте кто инвайт на dribbble.com

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления