iPhone 13 Pro уже в продаже
Пространство возможностей
ООО «Портативная техника», юр.адрес: 190031, Санкт-Петербург, наб. реки Фонтанки, д.109, литер А, пом. 13Н, ОГРН № 1057811930296
{"id":6545,"title":"\u041a\u0430\u043a \u0438 \u0437\u0430\u0447\u0435\u043c \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b \u0441\u043d\u0438\u043c\u0430\u044e\u0442 \u0440\u043e\u043b\u0438\u043a\u0438 \u0434\u043b\u044f TikTok","url":"\/redirect?component=advertising&id=6545&url=https:\/\/vc.ru\/tiktok\/293387-brands-in-trends&placeBit=1&hash=07ebf9a0a17c2f85811d24fb804e09e72513fa4c7cc999d1730b233d3c9348bd","isPaidAndBannersEnabled":false}
Дизайн
ВКонтакте

Почему мы не обновляли приложение ВКонтакте для iPad пять лет, а теперь обновили

С апреля (и навсегда) iOS-приложение ВКонтакте станет универсальным — все обновления будут доступны одновременно на iPhone и iPad.

Я Матвей Правосудов, старший продуктовый дизайнер ВКонтакте. Расскажу про дизайн универсального приложения: от концептов и возникших проблем до принятых решений и итогового результата. Бонусом — советы (на случай, если вы окажетесь в похожей ситуации) и публичные макеты в Figma для всех желающих.

Предыстория

Последние несколько лет у нас было два приложения в App Store: ВКонтакте (для iPhone) и «ВКонтакте для iPad».

Скриншоты отдельного приложения для iPad

В 2015 году каждую крупную фичу мы проектировали отдельно под iOS (для iPhone), Android, веб, m.vk.com и iPad. Мы делали независимую и сильно отличающуюся версию для планшетов, хотя аудитория iPad была (и остаётся) значительно меньше, чем на других платформах.

Со временем количество новых функций и продуктов (а значит, и обновлений) росло. Адаптировать их для каждой платформы становилось всё сложнее. Мы сфокусировались на версии с самой большой аудиторией — мобильном приложении ВКонтакте: по количеству пользователей оно обогнало не только iPad, но и vk.com с m.vk.com. Прежний подход с отдельной версией для планшетов оказался неэффективным — и стало ясно, что нужно новое решение.

Прийти к нему помогла наша единая дизайн-система. Мы уже некоторое время работаем над ней, чтобы ускорять разработку и делать процессы проще. Например, уже рассказывали про работу с цветами в тёмной теме и делились библиотеками компонентов, которыми каждый день пользуемся сами. Универсальное приложение для iPhone и iPad — логичный следующий шаг.

Новый процесс проектирования

Чтобы не затягивать запуски и не разрабатывать при каждом обновлении варианты под разные устройства, мы решили сделать приложение для iPhone и iPad универсальным. Это позволяет за один подход адаптировать его почти полностью к разным размерам экранов. А в будущих фичах адаптивность заведётся почти самостоятельно.

И мы попробовали несколько идей.

Один из первых смелых концептов. Две колонки, новая шапка, плеер внутри таббара. Одним словом — шик

Макет смелый и эффективно использует пространство экрана, но нам не подошёл. Он подразумевает дополнительную разработку под iPad — а мы как раз хотели от неё отказаться, чтобы не замедлять запуск новых фич. Поэтому потребовались ограничения для дизайнерских решений. Конечно, мы обожаем крутые концепты, но в этой задаче нужна простая система навигации и сетки. И она должна хорошо работать как на iPhone, так и на iPad.

Поэтому что мы сделали дальше? Взяли приложение для iPhone и растянули.

Более спокойный концепт

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

Закапываясь в ограничениях, легко сделать быстрое в разработке, но неудобное приложение. Чтобы не попасть в эту ловушку, мы нашли баланс: глобальные компоненты адаптируем, но локально пользуемся преимуществами iPad.

А чем отличается iPad от ноутбука или телефона, кроме размера экрана?

В первую очередь контекстом использования. Сидеть за ноутбуком удобно, когда ты не находишься в движении и есть стол, где можно расположить устройство. В твоём распоряжении клавиатура для ввода, а ещё тачпад или мышь. В такой комфортной рабочей обстановке, за компьютером, пользователи могут распространять фокус внимания на несколько окон и состояний. Сами приложения могут быть сложнее, если это уместно.

Мобильный телефон — маленький. Нет дополнительных устройств ввода, только пальцы. Благодаря этим и другим ограничениям получилось компактное устройство, которым удобно пользоваться на ходу, в автобусе, тренажёрном зале. Но в таких условиях люди не могут охватить вниманием сразу несколько окон. Поэтому мобильные приложения открываются на полный экран, а каждая страница заточена под конкретную задачу.

Планшет — что-то среднее между ноутбуком и телефоном. По умолчанию без клавиатуры и мышки, но с большим экраном. Планшетом можно пользоваться на ходу, но уже не так удобно. При этом дизайнеры ожидают, что владельцы устройств справятся с несколькими фокусами внимания или приложениями. Поэтому появились разделения на колонки, Split View, Slide Over и другие возможности.

При проектировании навигации в новом приложении мы учли основные особенности условий, в которых используется iPad. Пока не поддерживаем технологии многозадачности iPadOS в полную силу, но займёмся этим в будущем.

Сколько фокусов внимания может сохранять пользователь на разных девайсах

После проработки основных концептов и обсуждения с разработчиками мы приступили к важному этапу — проектированию системы адаптации.

Универсальное приложение

Подготовка

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

Мы собрали почти всех дизайнеров и распределились по командам. Я стартовал сразу и готовил систему, а другие продуктовые дизайнеры подхватывали новые описанные компоненты и утаскивали в свои макеты. Каждый из нас отвечал за свой продукт: музыку, видео, мессенджер, клипы, сервисы, ленту новостей, истории, постинг, звонки, стикеры и подарки, сообщества, маркет, инфраструктуру. Когда макеты очередного продукта были готовы — мы перетаскивали их из черновиков на мастер-страницу команды. Разработчики тоже не отставали и оперативно применяли свежие макеты.

Мы планировали использовать нативные iOS-компоненты. Поэтому для дизайна под iPad потребовались хорошие знания по работе модалок и навигации. Ещё нам пригодилось приложение Adaptivity (A‪)‬. Оно платное, но помогло разобраться, какие стандартные размеры у модальных окон и таблиц и как они меняются при разных ориентациях устройства.

На этом мы завершили подготовку.

Адаптивность. Проектирование навигации

Самое верхнеуровневое проектирование любого продукта — это информационная архитектура и навигация. Структуру мы оставляли такой же, как на iPhone, а вот над навигацией пришлось подумать.

Мы постоянно работаем над ней в приложении. Тестировали разные варианты, и один был с левым меню, в котором сконцентрированы наиболее часто используемые разделы. Его мы и решили взять за основу версии для iPad.

Новый дизайн ленты новостей и открытое боковое меню

Сначала разбили весь экран на две колонки: сайдбар с навигацией слева и основной контент справа. Идея навигации была в том, чтобы взять боковое меню из мобильной версии и добавить пункты таббара в самый верх. У пользователя остаётся в быстром доступе вся основная навигация, а ещё можно быстро переходить к второстепенным пунктам меню. Так рекомендует адаптировать приложения и Apple.

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

Затем мы замиксовали подходы и сделали в ландшафте всегда раскрытую навигацию, а в портрете выезжающее меню, как на iPhone (по умолчанию оно скрыто, чтобы не съедать ширину).

Финальный вариант был самым простым: таббар остаётся, а боковое меню открывается из шапки экрана.

Обсудили с разработчиками возможности и остановились на третьем варианте. Адаптация интерфейса к планшету и так довольно непростая и порождает много багов — а мы не хотели ещё больше усложнять коллегам работу. К тому же сайдбар замедлил бы вёрстку экрана мессенджера, где мы планировали использовать Split View. Но мы всё же держим в уме первый вариант навигации с сайдбаром — на будущее.

Адаптивность. Каркас и глобальные компоненты

Чтобы ускорить дизайн и разработку, мы использовали системный подход: выделили структуры экранов (каркасы) и большие компоненты, а затем описали для них правила адаптации к iPad. Дизайнеры придерживались правил — и разработчики один раз заводили, например, снекбар, и он правильно работал во всех случаях.

Гайды. Глобальные правила и примеры компонентов мы вынесли на отдельную страницу в Figma — Guide. Дизайнеры брали оттуда готовые объекты, а разработчики ориентировались на примеры и реализовывали их в коде.

Пример гайда по модальному окну для историй и мини-приложений

Каркасы экранов. Мы вывели несколько типовых структур страниц, которые чаще всего встречались в приложении.

  • Материк. Залитый фон, одна длинная белая колонка с контентом. Подходит почти всем страницам.
  • Широкий материк. Нужен для страниц, где много, например, фотографий или видео. Рука не поднималась ужимать яркий медиаконтент в узкую колонку материка, и мы разрешили быть ему широким.
  • Острова. Несколько материков, которые живут на серой странице. Острова появляются в дизайне «ленточных» страниц: новостей, стены пользователя, закладок, лайков.
  • Hero. А ещё у нас бывают страницы про одну сущность: автора клипов, маску, эффект, флешмоб. Или настроечные экраны, в которых не так много контента, но хочется акцентировать внимание на заголовке. Для этого мы просто растянули шапку с градиентом на всю ширину.
Основные каркасы

Совет✨: новый Auto Layout 2.0 от Figma заметно ускоряет адаптацию экранов для iPad. Особенно настройка фиксированной ширины у родительского контейнера и Fill у всех внутренних фреймов.

Модальные окна. Для модальных окон мы взяли системные размеры Form Sheet и Page Sheet и придерживались их. Модальная карточка приобрела ширину Form Sheet, а модальная страница обзавелась двумя ширинами: 416 и 640 точек.

Частным случаем модального окна были выезжающие из шапки панели. Например, в новостной ленте можно переключиться между разными типами контента. В мобильной версии меню выезжало просто из шапки. А на iPad мы ограничили меню по ширине в 416 точек, скруглили уголки и навесили разделитель. Получился новый компонент — «галстук».

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

Пример «галстука»

Основные разделы

Применив каркасы и принципы, мы получили дизайн корневых экранов на iPad:

  • лента — типичные острова;
  • сервисы — своеобразные, со своей вёрсткой;
  • мессенджер — с представлением Master & Detail;
  • клипы — на полный экран, но с сохранением пропорций видео.

А ещё на iPad в таббаре много свободного места, и мы добавили в меню музыку и уведомления. Теперь приложение ВКонтакте на iPad даже чуть более функциональное, чем на iPhone.

Заключение

Мы избавились от старого подхода с двумя приложениями для iPhone и iPad — и сделали одно, универсальное. Больше нет причин откладывать поддержку планшета — все основные компоненты и так адаптированы под большой экран, а отдельные легко укладываются в описанные каркасы.

Ещё один плюс — тёмная тема пришла и на iPad 🌚 Планшетом стало комфортно пользоваться ночью: экран не слепит и ничего не отвлекает от контента.

Fun fact: так как мы сделали универсальное приложение, пути назад нет. Без поддержки iPad в новых версиях Apple будет отклонять релизы, поэтому версия для планшета теперь всегда под контролем 🤠

Это только начало! Не все идеи вошли в итоговый интерфейс. Мы не хотели откладывать релиз только ради концептуальных и смелых решений — пользователи ждут. Но в будущем планируем использовать все возможности iPad и сделать важные функции ещё удобнее. Речь о Split View, более удобном музыкальном плеере, поддержке технологии Picture in Picture, контекстных меню и многом другом. А ещё в глубинах ВКонтакте остались экраны, до которых мы ещё не добрались. О них тоже позаботимся и адаптируем.

Где скачать приложение?

Всё просто: установите на iPad ВКонтакте из App Store или, если это приложение уже есть на вашем планшете, — обновите до последней версии. Мы пока не будем отключать прежнее, чтобы было время перейти.

Благодарности

Над приложением работала огромная команда. Спасибо менеджерам, разработчикам, тестировщикам, отделу маркетинга и исследований и всем-всем-всем.

Бонусы

Советы дизайнерам, которые будут проектировать универсальное приложение

1.Подождите 5 лет (зачёркнуто).

2. Найдите iPad и воспользуйтесь приложениями. И системными, и сторонними. Так будет легче найти удачные приёмы и понять общие принципы.

3. Подумайте о контексте и внимании. iPad — что-то среднее между ноутбуком и телефоном. Он не такой мобильный, поэтому пользователи могут фокусироваться на нескольких частях экрана.

4. Выделите сетку и основные компоненты в отдельные правила, чтобы упростить разработку. Чем больше автоматических адаптаций, тем проще.

5. Учитывайте рекомендации Apple. Посмотрите лекцию Designed for iPad и попробуйте применить советы из неё.

6. Постройте эффективный процесс. Если у вас в команде несколько дизайнеров, распределите зоны ответственности. А ещё такая задача — самый подходящий момент, чтобы синхронизироваться с разработчиками после каждого макета, если вы ещё так не делаете.

Макеты для iPad
Теория — это круто, но лучше закреплять всё на практике и примерах. Поэтому мы подготовили публичный Figma-файл в комьюнити @vk. Там больше 200 экранов!

Заглядывайте в макет, дублируйте его к себе и экспериментируйте! Прикольные концепты можно закинуть в VK Designers — лучшие опубликуем в сообществе. Не стесняйтесь <3

{ "author_name": "ВКонтакте", "author_type": "editor", "tags": [], "comments": 162, "likes": 138, "favorites": 172, "is_advertisement": false, "subsite_label": "design", "id": 228306, "is_wide": true, "is_ugc": false, "date": "Thu, 01 Apr 2021 12:29:26 +0300", "is_special": false }
0
162 комментария
Популярные
По порядку
Написать комментарий...
Американский Абдужаббор

5 лет растягвали приложение... Оперативно

95

Инстаграм так и не смог.

48

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

61

Это стиль globohomo,  который уже успел стать мемом. Отвратительный и политкорректный. https://knowyourmeme.com/memes/subcultures/corporate-art-style

50

Спасибо. Теперь я знаю как называется эта ху*та.

29

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

0

Тоже интересовался истоками популярности этого стиля еще году в 2015. Тогда наткнулся на статью на медиуме (ныне удаленную) дизайнера Элая Шиффа, в которой он яростно критиковал это вездесущее уродство, которому тогда придумал название Humans of flat. С тех пор с интересом наблюдаю за этим человеком. Его постоянно везде банят (особенно в твиттере), посты затирают и т.д. В общем этот стиль надо хвалить, иначе рискуешь попасть в опалу.       

0

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

11

Нормальный стиль, хули вы докопались (оценочное суждение). Но так то он уже приелся до тошноты, конечно.  ред.

9

Краткое пособие «почему не надо читать статьи про тренды в дизайне (и делать как в них сказано)» ред.

4

У них до этого вообще что-то в рисованном стиле было, но при этом векторный

0

бодипозитив. голова маленькая тело огромное. все норм.

0

 Почему все пользуются Figm-ой?
Со стороны разработки, гораздо удобней пользоваться дизайнов в Zeplin, а Figm-a какая-то неудобная. ред.

–45
Геологический фитиль

Как же руки чесались минуса вам въебать, ну ерунду же говорите! Фигма — быстро, понятно, кроссплатформено. Да еще и растёт такими темпами, что никому и не снились. За пару-тройку лет появилась, всех догнала, перегнала и оставила далеко позади. И всё это бесплатно для личного пользования!!! ред.

66

1 - Нетерпимость к чужому мнению отличает нашу локацию...
2 - Наверное я испытываю те же эмоции что и Вы, но только в обратную сторону.
Мне настолько неприятно работать с Figm-ой, прям выбешивает по сравнению с Zeplin.

P.S.:
 Больше, больше минусов человеку за отличное от моего собственного мнение. Как он посмел, бунтарь эдакий. ред.

30

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

3

 Возможно следовало написать аргументацию, что человек 
работал и с Figma и с Zeplin и ему Figma нравится из-за a,b,c.
А не вести себя как "минусатор хомяк".

P.S.:
 https://stackshare.io/stackups/figma-vs-zeplin

1

Лол. А почему это кто-то вдруг должен следовать твоим ожиданиям и вести себя так, как было бы тебе предпочтительней? Заметь, что сам ты что-то не побежал расписывать плюсы и минусы, с упоминанием о своем внушительном взаимодействии с этими продуктами, а лишь высказал свое субъективное фи, и тем не менее, как оказывается, ожидал какого-то конструктива в диалоге в ответ, ну, и у тут у меня для тебя плохие новости.
P.S: 
В сравнении что ты скинул довольно странные плюсы у зеплина в копилке, если я правильно понял, как минимум касающиеся экспорта svg и показа css(+ios/android), что были чуть ли не через год после релиза figm'ы
И в сухом остатке мы получаем один единственный, худо-бедно похожий на аргументацию довод в виде:
"Avoid the insanity of extract this info from Photoshop" ред.

3

А для чего еще тогда оценка комментариев? 
И есть ли "плюсатор хомяк"?

3

1. Вашу «локацию» может и отличает, если вы с Марса или какой-то другой планеты.
2. Сравнивать Figma с Zeplin — так же неуместно, как сравнивать VSCode с Paint. Фигма — дизайнерский инструмент, в котором рисуют и проектируют. Зеплин — чисто хэндофф. Ничто не мешает использовать Фигму совместно с Зеплином (хотя, у Фигмы есть базовый хэндофф).

Может вы со Скетчем перепутали? ред.

7
Геологический фитиль

 Нетерпимость к чужому мнению отличает нашу локацию...

Как раз из-за терпимости к чужому мнению я минуса вам и не стал кидать. Имеете право считать так как считаете, а за мой стиль срача в комментах уж извиняйте, каков есть)

–1

 Как я понимаю, данную статью сейчас читает много разрабов.
Сейчас я еще одну бунтарскую вещь напишу :)
Redux - авно по сравнению с MobX :)
Минусуйте

P.S.:
Статейка от mail ру на данную тему
https://habr.com/ru/company/mailru/blog/522312/

2

А MobX и Redux по сравнению с GraphQL кусок говна.

1

 Согласен!

0
Геологический фитиль

 Redux - авно по сравнению с MobX :)

На этом месте дезигнер умывает руки и запасается попкорном.

0

Где-то в году 2015 может быть и да, но сейчас, когда даже верстать учат людей вплоть до домохозяек, сомневаюсь, что прямо очень многие не шарят за js синтаксис или супер-популярные фреймворки/библиотеки среди людей из сферы IT непосредственно занимающихся дизайном

0
Геологический фитиль

Мне кажется вы путаете две вещи: «иметь представление и кое-что уметь» с «разбираться». Я как дизайнер и верстальщик (не программист) много о чем имею представление и даже кое-что умею, но не возьмусь вступать в дискуссии о том в чём серьёзно не разбираюсь. Собственно об этом и был коммент, на который вы ответили.

0

А нужно обязательно вступать с кем-то в дискуссию? если ты ознакомился со статьей, принял (если понял) доводы, с чем-то возможно не согласился, с чем-то согласился, и, опять же, если понял, – сформировал свое представление относительно своего опыта. И каждый может ошибаться, или что, за то что вы скажете что-то "не так" программисты вас в темном углу зажмут или чего вы так боитесь, что аж руки умываете? ред.

0
Геологический фитиль

 А нужно обязательно вступать с кем-то в дискуссию?

Да, иногда это бывает полезно:
— для собственного развлечения (отдыхать тоже надо и общение без цели — одна из форм отдыха);
— для вполне практической личной и общественной пользы (в дискуссиях на VC часто много интересного проскальзывает, даже, в казалось бы сперва абсолютно бестолковых).

З.Ы. Мог бы вам не отвечать, но у меня помидорка закончилась и я прокрастинирую, см. первый пункт — отдыхаю в бесцельном трёпе)

0

И я о том же

0

блин, и ведь не прикопаешься))

0

Лучше ничего не пишите. Дизайнерам потом придётся работать с разрабами, которые начитаются вашего бреда.

0

Согласен с вами, что николай кукухой едет, попить таблеток нужно. Не согласен насчёт фигмы. Разработчик/аналитик.

0

Потому что вы пишете не «мне не удобно в фигме», с аргументированными пояснениями почему, а просто пишите обобщенно и безапеляционно «фигма неудобная». А это уже банальное оценочное мнение, которое всегда собирает минусы.

0

Странно, обычно фронты сами просят делать всё в фигме, каефуют, что тупой дизайнер не забудет пометить очередную картинку для экспорта и не придётся его об этом просить.

0

Всё так, Figma сотворили на небесах. ред.

22

Про фигму со стороны дизайнера ничего не могу сказать, наверное, она и правда крутая, но со стороны разработчика — Zeplin реально намного удобнее.

Им бы какой-то режим разработчика впилить упрощённый, в котором только просмотр и экспорт. А то лезешь экспортировать векторную иконку — у тебя прокликивается эта иконка до минимального элемента, раскрывая всю группу, которую потом надо свернуть обратно, и когда у тебя 100500 иконок — очень выбешивает.
У меня жопа подгорает каждый раз, когда из неё надо что-то экспортнуть. ред.

6
Геологический фитиль

За мнение против с аргументами спасибо, такой формат куда интереснее, чем просто «фигма какая-то неудобная»

3
Геологический фитиль

 раскрывая всю группу, которую потом надо свернуть обратно

Кстати, попробуйте Opt(Alt)+L — сворачивает всё вокруг кроме выделенного объекта ред.

0

Opt(Alt)+L может быть?

1
Геологический фитиль

Да, конечно! Поправил коммент. Спасибо

0

До минимального элемента иконки прокликивабтся и в Зеплине. Чтобы этого не было, дизайнеру нужно убирать шейпы в группу и добавлять к ее названию префикс -g- (в случае экспорта из Скетча). В Фигме без Зеплина тоже самое, только надо правильно шейпы склеить. Так что, вопрос к вашему дизайнеру.

0

Быстро - это не про фигму. Лагает нещадно у многих

0
Геологический фитиль

 Лагает нещадно у многих

Десктоп или веб-версия? Какие размеры макетов?

Я ток десктопом пользуюсь, что на Макбуке под Макосью, что на стареньком Асере под виндой работает хорошо. Макеты до 15-20 страниц, на страницах со страницами (простите за тавтологию) до 50 фреймов.

0

У дизайнерах на макосях все летает, насколько знаю. Нам они скидывают ссылки на веб-версию и под линухом разработчики открывают - отклик долгий, ЦПУ бешенное и т.д. Размер хз, не считал.

1

Ой как зацепило, сколько эмоций в комментарии. Готовы рубаху разорвать)))

–1

пользовался zepline, фигма намного удобнее для разработчика, ну или мне такие дизайнеры идиоты попадались, по макетам которых невозможно было работать, еще и эти приглашения, который багуют и ты вообще не можешь зайти взглянуть на макет. Фигма реально хороша, даже новичок разберется + огромное комьюнити ред.

0

Я в adobe xd работаю, тоже не стыдная х**ня. А zepline разве больше подходит не для верстальщиков, чтобы экспортированный дизайн из figma, adobe xd, sketch можно было быстрее сверстать?

0

VK еще жив? Кажется ВК это что-то из лохматых 00-ых годов, со стеной и рейтингом за смс, порнухой в видосах и КИШом с Арией в музыке

16

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

37

А в это время маркетологи с бизнесом греются в отдельном котле.
При Дурове было лучше, да простит меня стена.

1

Вам не кажется.

2

А где кнопка "Поделиться с органами"?

18

Автоматизировано.

29

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

21

А можно подробнее. Эппл душманит?

1

Так вы видели этот мусор, которое они ранее называли приложением для iPad? Там одна версия из 2015 года, голосовые отображались как аудиозапись, другая - версия для iPhone, растянутая ПОЧТИ на весь экран с черными полосами по бокам, которые суммарно треть экрана занимали.

Сидишь такой с устройством за 100к, а на нем кривейшее неподдерживаемое приложение

3

Apple требует только минимальной функциональности приложения под iPad

0

В вашем мобильном приложении чёрт ногу сломит. Чтобы найти видео, нужно сначала нажать на поиск, потом свайпнуть до таба «видео». А если просто нажать на вкладку «видео» с главного экрана, там пусто. И где найти те видосы, которые я сохранял для себя? Зачем рушить ту логику, которая существует на десктопной версии?

11

Во, это нужно зайти в «Сервисы», потом нажать «ещё...», потом  «Видео», а потом справа от поиска вверху иконку. Причём в разделе «Музыка» мои треки видны сразу (на табе «моя музыка») а здесь неинтуитивная иконка. Что мешало сделать таб «мои видео»?

11

Ничего Вы не понимаете, так и должно быть, это же Супер Апп!

3

Да уж поудобней, чем Инстаграмм, в котором все сидят. Про ФБ вообще молчу. Тот ещё франкенштейн, даже после редизайна.

1

Ой бл*, я как не зайду в фб, стараюсь побыстрее закрыть, да ещё и руки иду мыть после такого опыта. А вот инстаграм до сих пор топчик, вот только реклама через картинку - пи…ец.

1

В чем топчик? Там же UX через жопу.

0

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

1

Выглядит красиво.
Однако люди уже уходят с вк по сколько доверия нет, вы сливаете данные ментам. Всю переписку, все фотографии, и даже то что человек удалил вы не удаляете.

11

Шапочка из фольги не жмёт? Или вообще телефоном не пользуетесь? А это сообщение написал кот? 
Может быть для Вас станет откровением, но любая соцсеть или мессенджер сливает данные своим спецслужбам. И спецслужбам это в лучшем случае. А так весь Ваш трафик сливает любому Васе, который договорился с компанией, держащей сервис. Вот прямо сейчас, как минимум, китайцы разглядывают Ваш трафик и впихивают Вам в баннеры «нужную» рекламу. 

–9

Прошу прощения, если все едят говно, то и мне нужно? Ну все же едят? Че такого.

3

Смысл был в том, что ты тоже кушаешь говно, только в другом месте.
И не дай бог после этого коммента ты посмеешь пользоваться фейсбуком... ред.

0

Одни уходят, вторые приходят

1

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

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

Спасибо автору! Вы напомнили, что вк еще существует. 

8

Когда ты уже взрослый, перерос ВК и сидишь на VC

1

VK ==> VC

0

IPad Air первая версия, приложение жутко тормозит в ленте, в уведомлениях, в клипах, в сервисах. Больше ничего и пробовать не стал. Старое приложение для ipad работает нормально.

С момента, когда ввели горизонтальное меню и сервисы, пользоваться ВК с телефона практически перестал, каждый раз, когда приходится, судорожно вспоминаю, где же там что и как это найти. Особенно бесит местоположение настроек, нужны раз в три месяца, каждый раз ищу несколько минут.

6

Что вы хотите от планшета 2013 года? 8 лет прошло! Доллар стоил 30 рублей. В США сменилось 2 президента. Можно было родить ребенка и он бы уже пошел во 2 класс. Можно было получить 2 высших образования. Можно было постареть на 8 лет! Удивительно, что планшет вообще поддерживает приложение вк ред.

–8

Всё хочу. Отличное устройство. Старое приложение этой же соцсети работает и не тормозит. А это значит, что на оптимизацию просто забили, ради ускорения разработки или я хз чего ещё.

Я понимаю, когда у меня часть современных игр тормозит, но с чего вдруг тормозить приложению с текстом и картиночками?

8

Какая iOS? У меня тоже есть первый Air. Там даже скриншоты появляются через несколько секунд. После вынужденного перехода с iOS8 на 12-ю, Air превратился в лагодром.

1

12.4.9
Вот сейчас тыкнул установку обновления, не помню по каким причинам не устанавливал.
Он, конечно, уже не быстр, но всё написанное выше актуально. Старое приложение ВК работает нормально, а новое лагает при банальном скролле.

1

Знаешь почему старое приложение не тормозит? Потому что оно было сделано под ВКонтакте 8-летней давности. Сейчас соц сеть обросла огромным количеством нововведение и встроенных сервисов, поэтому старые устройства просто не могут переварить это всё.

0

Про картинки ты сильно ошибаешься. Отображать большое количество картинок и видео даже для современных мобильных устройств – тяжелая задача ред.

0

Веб-версия современного ВК в браузере не тормозит :)

Приложение ВК это запрос на сервер за данными и вставка этих данных в шаблоны дизайна. Никаких вычислений, никакого кодирования-раскодирования, обработки, ничего тяжелого для вычислительных ресурсов девайса. Что-то тяжелое там наверное тоже есть, но тормозит именно интерфейс, те самые шаблоны дизайна и их отрисовка. То, что должно быть оптимизировано для всех поддерживаемых девайсов.

0

>В США сменилось 2 президента.

А вот тут обидно было.

6

Обидно должно быть, когда вообще не сменяются

1

На прошке 2017 года при подгрузке ленты там тоже слайдшоу :)

0

да меню говно

0

Ну ты бы еще через 20 лет попробовал...
1ому эиру 8й год идет дядь..

0

В ВК пришла новая директриса и поинтересовалась у Матвея, чем он занимался на работе последние 5 лет. Матвей через 2 дня: "Приложение для iPad готово".

5
Ночной блик

Ну, Матвей 97 года рождения, и последние 5 лет, скорее всего учился :)

7

Вы могли честно написать, что 5 лет было жалко тратить ресурсы на планшетное приложение. Люди из бизнеса и IT, в частности, вас бы точно поняли: деньги и время всегда ограничены, айпады в полутора калек и на них можно забить и тд

Но нет, будем избегать этой темы, юлить и изворачиваться

А за историю редизайна спасибо, оч познавательно и написано хорошо :)

6

Поэтому что мы сделали дальше? Взяли приложение для iPhone и растянули.

Невероятная находка! Браво 👏 
Удивлён что вы справились с этой задачей всего за пять лет.) ред.

5

Продуманно и последовательно всё разложил)
Респект, Матвей)

3

Вот за что не люблю дизайнеров (ой, простите, UI/UX специалистов), они считают, что всё крутится вокруг этого дизайна. Остальное - побочка.
Очевидно же, что 5 лет не обновлять, а обновить сейчас причин кроме "да так сойдёт", не было.

0

То есть по вашему рассказывать про свою работу — это самовосхваление? Как по мне, это обычная открытость. Особенно, когда можно узнать про чужой опыт и принятые решения.

А то такими темпами будем читать только новости, без кейсов.

5

Не, читать интересно (если кейс не очевидный или скучный).
Упор в комментарии был на невероятный срок без обновлений. 
Не серчайте) ред.

1

у дизайнеров в ВК есть миллион задач и, очевидно, что их решают в порядке приоритетности.  

–2

например, поковыряться в носу, или отправить отчет майору

1

Вам виднее, конечно)
(нет)

0

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

1

Сердечко за то, что прочитали мою статью 💚
А Яндекс вполне ок, по-моему.

0

Это в любой it профессии так

0
Геологический фитиль

Приятно когда помнят, что Иос это не только Айфон. Привет, Яндекс-такси, Инстаграм и VC с омерзительной айпад-версией!. ред.

2

У VC отличная двухколоночная версия на iPad, пользоваться удобно.

6

а я бы предпочел возможность изменения режима работы приложения, две колонки бесят

4
Геологический фитиль

А меня как раз она и бесит) Мне оч нравится как выглядит веб-версия на айпаде.
Вот, два разных мнения. Так что прав комментатор рядом: было бы хорошо иметь возможность менять режим.

1

да, веб версия на айпаде просто прекрасна

1

Если это то же саме, что и на DTF (а оно скорее всего да) — то это какой-то ад. Нафига тебе две ленты? Ты параллельно умеешь читать?)

1

Яндекс Такси прямо жизненно необходима отдельная айпад версия, иначе такси вызывать неудобно

Да и большинство с планшетов такси вызывают

1

Я надеюсь вы согласовали данную публикацию со своим куратором из отдела «Э»?

3

Потому что были дела поважнее, клипы например... логотипчик ред.

4

Видимо сервисы товарища майора было сложно интегрировать. 

4

Пока Вы 5 лет обновляли приложение для iPad, я поудаляла приложения ВК со всех своих устройств, удалила аккаунт и вылечилась от ВК-зависимости. Продолжайте в том же духе. 

4

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

3

Потому что вк никому уже 5 лет назад уже был не нужен, а сейчас и вовсе

3

Музыка, кино, книжки, проф.сообщества (кому-то игры, мемы, не говоря о порнухе). Где ещё есть такой изи контент? В каких соцсетях?
ВК ценен именно как файлосборник.

1

ага, и открытое ЦП по поиску файлов

0

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

А проф сообществ и за деньги не найти

0

Насчет музыки не совсем так, а с видео-то что?

0

Хочу заметить что они так и не написали о причинах многолетнего отсутствия обновлений. Вскользь лишь упомянув что поддерживать всё было сложно. Ну вообще-то всё что касается соцсетей - сложно. Моя версия проста - жадность ВК.

3

Обновился на айпаде. Приложение вылетает каждые 2-3 минуты скролла ленты и прослушивания музыки, лол. Вернулся на старую версию)

2

Ваши первые 2 варианта навигации были норм, в итоге вы выбрали самый ужасный вариант, который только можно придумать для планшета. Этим невозможно пользоваться. Люди, которые это придумали, очевидно, планшетами никогда не пользовались. Или может это такой прикол на 1 апреля? Если так, то прикол хуевый, ибо оба ваших приложения с айпада я сегодня снес к хуям. Спасибо, что помогаете юзерам избавляться от вк зависимости. ред.

1

Я думаю виртуальным ботам, и фейковым страницам ( а их минимум 30% от всех зареганых на вк) похрену какой дизайн, главное что бы лайки работали под постами о любви к родине и загнивающем западе.

1

Несмотря на популярность других сетей, пользуюсь вк каждый день, поэтому мне было полезно почитать. Спасибо!

1

😊 напишите номер карты куда перевести 30 рублей за комментарий

2

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

Я думал мой айпад эйр устарел. А оказывается не обновляли🙀

1

Вы тоже так думали?
У меня ipad air как раз и я считал, что ВК не обновляется потому что железо устарело.
Мне очень нужен был ВК на планшете, т.к. мне его подарили, а телефон у меня был слайдер. Было жутко неудобно.

Шли годы и я ждал, я плюнул и купил телефон на андроид и ВК на айпаде стал ненужным. Как и сейчас ))

0

Так, а логотип обновлять будете?

1

Потому что вам было безразлично

1

5 лет, чтобы адаптировать приложение для айфона под айпад, роскошно)

1

В статье нигде и не было написано, что этим занимались 5 лет :)

0

Ахахахахахах, объясните кто нибудь этим дебилам, что за свойства такие магические в CSS, как Grid и media. Дайте им понять, что сделать адаптив для сайдбара используя React дело 5 минут... Просто. Блять. Смех. 

1

А зачем делать адаптив для сайдбара на реакте, если это нативное айосовское приложение?

0

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

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

Хотел спросить: а 5 лет не меняли почему? И нужно ли оно сейчас? 

0

Всем пофиг

–1

Это что значит если Apple ставит ультиматум разработчикам то мы скоро увидим Instagram для iPad?

0