{"id":13642,"url":"\/distributions\/13642\/click?bit=1&hash=b1d04d123bef3157778955d4fff0f37b6ea4b9628be659b0252c803d9c42eced","title":"\u0412\u044b \u0441\u0430\u043c\u043e\u0437\u0430\u043d\u044f\u0442\u044b\u0439? \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0430 \u00ab\u042f\u043d\u0434\u0435\u043a\u0441 \u041c\u0430\u0440\u043a\u0435\u0442\u0435\u00bb","buttonText":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435","imageUuid":"7b44ef31-f829-53ec-90f8-add9595cf252","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

0
167 комментариев
Написать комментарий...
Непосредственный микрофон

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

Ответить
Развернуть ветку
Gosoo Gosoo

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

Ответить
Развернуть ветку
Bruce Robertson

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
3 комментария
Bruce Robertson

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

Ответить
Развернуть ветку
Дмитрий Ященко

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

Ответить
Развернуть ветку
Тарас Мукин

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

Ответить
Развернуть ветку
Владимир Смолин

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Mike Espoo

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

Ответить
Развернуть ветку
Разный Абдужаббор

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

Ответить
Развернуть ветку
32 комментария
Аккаунт удален

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

Ответить
Развернуть ветку
Геннадий Василовский

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

Ответить
Развернуть ветку
Артур Гаврончук

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

Ответить
Развернуть ветку
Степан Марципан

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

Ответить
Развернуть ветку
2 комментария
Д Хб

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

Ответить
Развернуть ветку
Eugene Fox

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Антон Серый

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

Ответить
Развернуть ветку
Император Вейдер

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

Ответить
Развернуть ветку
1 комментарий
Семен Смирнов

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

Ответить
Развернуть ветку
Aleksandr Plotnikov

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

Ответить
Развернуть ветку
Aleksandr Plotnikov

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Eugene Yuryev

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

Ответить
Развернуть ветку
2 комментария
Лепесток

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

Ответить
Развернуть ветку
hhhos

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

Ответить
Развернуть ветку
Ledneva Elena

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

Ответить
Развернуть ветку
3 комментария
Rodeus

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

Ответить
Развернуть ветку
Евгений Голубев

а ты думай в след.раз, раз ты такой конспиративный, что заливаешь в интернет.
Открою тебе секрет - так делают ВСЕ в мире.

Ты лично заливаешь фотки, пишешь что-то в чужом сервисе, чье пользовательское соглашение подписал, а потом обвиняешь сеть в том, что она слила данные гос.органам если ты банчил гашишем например...? Лол.

Ответить
Развернуть ветку

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

Развернуть ветку

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

Развернуть ветку
Vitaly Filippov

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

Ответить
Развернуть ветку
Семен Смирнов

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

Ответить
Развернуть ветку
1 комментарий
Антон Смуров

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

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
9 комментариев
Lucky Lucianoo

да меню говно

Ответить
Развернуть ветку
Евгений Голубев

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Слепой спрей

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

Ответить
Развернуть ветку
Иван Капустин

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

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

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Александр Кондратенко

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

Ответить
Развернуть ветку
Д Хб

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

Ответить
Развернуть ветку
8 комментариев
Разный Абдужаббор

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

Ответить
Развернуть ветку
Konstantin Timokhin

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

Ответить
Развернуть ветку
4 комментария
Семен Смирнов

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

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

Ответить
Развернуть ветку
Teriberka

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

Ответить
Развернуть ветку
ЯжПрограммист

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Ledneva Elena

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

Ответить
Развернуть ветку
Dancing Astronaut

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

Ответить
Развернуть ветку
Аккаунт заморожен

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

Ответить
Развернуть ветку
Aleksandr Plotnikov

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

Ответить
Развернуть ветку
3 комментария
Пожилой коктейль

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

Ответить
Развернуть ветку
Igor Dobrovolsky

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

Ответить
Развернуть ветку
Аккаунт

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
nizovsky.sergei

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

Ответить
Развернуть ветку
Reborn Soul

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

Ответить
Развернуть ветку

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

Развернуть ветку
David Daniel

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

Ответить
Развернуть ветку
Where Areyou

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

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

Ответить
Развернуть ветку
Yury Kotov

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

Ответить
Развернуть ветку
El'murza Alchakov

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

Ответить
Развернуть ветку
Гусейн Ализаде

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

Ответить
Развернуть ветку
Михаил Лихачёв

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

Ответить
Развернуть ветку
Евгений Корякин

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

Ответить
Развернуть ветку
Матвей Правосудов

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

Ответить
Развернуть ветку

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

Развернуть ветку

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

Развернуть ветку
Александр Антипов

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

Ответить
Развернуть ветку
Степан Фадеев

Всем пофиг

Ответить
Развернуть ветку
Bendblade

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

Ответить
Развернуть ветку
Black Jack

И Whatsapp.

Ответить
Развернуть ветку
1 комментарий
Владимир Смолин

Да, все таки интересно читать контент внутри макетов...

Ответить
Развернуть ветку
Konstantin Isaev

Столько классных концептов, а в итоге просто растянули приложение. Теперь стало еще грустнее. 
Но за обнову спасибо конечно. 

Ответить
Развернуть ветку
Nikolay Vavilov

Мы 5 лет сидели на зарплатах и пилили фичи для айпада, и вот нас наконец спалиил

Ответить
Развернуть ветку

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

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

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

Ответить
Развернуть ветку
Даниил Котов

Ну теперь по-выходят обновления год, а потом снова 5 лет без обновлений. 😹👍

Ответить
Развернуть ветку
Михаил Лихачёв

Приложение на iOS стало универсальным, а это означает что новые функции будут появляться одновременно на iPhone и на iPad

Ответить
Развернуть ветку
Denis Bystruev

А сколько всего человек работали над приложением?

И какое у вас соотношение по пользователям между iPhone / iPad / Android / web?

Ответить
Развернуть ветку
George

Восхитительно! :D

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

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

Ответить
Развернуть ветку
Товарищ

ВК

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Владислав Сергеевич

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

Ответить
Развернуть ветку
Антон Теплоухов

рак на горе таки свистнул

Ответить
Развернуть ветку
UNKNOWN UNKNOWN

Не 5, а больше. Если смотреть на начало введения ограничений и старых интерфейсных решений.

То что вы не могли так долго обновить это просто стыд для такого уровня сайта.

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

Ответить
Развернуть ветку
DimkKa

Вот это продолжительный эксперимент

Ответить
Развернуть ветку
Медовар

Видел эту рекламу на остановке, теперь на vc

Ответить
Развернуть ветку
Evgeny Boyko
Ответить
Развернуть ветку
Александр Тимик

Осталось разрешить установку приложения на Mac с M1

Ответить
Развернуть ветку
Евгений Голубев

Я один вижу это решение с музыкой - инвалидным?
Как в пустом поле с краю насрать если честно...
А вдруг я левша? А вдруг я купил айпад чтобы у меня площадь "тыканья" у ползунка была больше... а по итогу десигнер 97го года говорит мне: "Соси жопу".

Вы и так копируете у всех подряд, так загляните в изначальную оболочку приложения "Музыка" у Apple и чекните - как стоит делать плеер для больших экранов

ps
Сообщения на фулскрин, остальное по центру...

Ответить
Развернуть ветку
Михаил Лихачёв

Давайте вместе рассмотрим альтернативные варианты

Вариант как у Apple Music с плеером во весь экран потребует значительной переработки, а также поддержку нескольких экранов внутри (рекомендации, текст песен и плейлист). Да, это выглядит потрясно, но из-за этого не хотелось бы откладывать релиз айпад-приложения, которое и так ждали больше пяти лет

Вариант с вашего скриншота на самом деле следовал из предыдущей версии Apple Music на iOS 13, и в одном из наших концептов сопровождался с мини-плеером прямо в таббаре (этот вариант можно поглядеть на одном из скринов в начале статьи)

Думаю, мы придём к чему-то посередине, сделав плеер пошире (ближе к размеру других модалок) и разместив его по центру

Ответить
Развернуть ветку
4 комментария
Никита

А что вообще за урод придумал делать круглые аватарки? Эту фишку потом скопировали все бездарные дизайнеры, которые не в состоянии своего придумать.

Ответить
Развернуть ветку
Евгений Голубев

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

Ответить
Развернуть ветку
Play cray

да да 5 лет...
как тебе такое илон маск
 

Ответить
Развернуть ветку
Анастасия Браткова

ну конечно все в шоке наверно, у кого айфон

Ответить
Развернуть ветку
Lemon Джан

Почему c iPad нельзя делать спорись в вк после обновления ?????

Ответить
Развернуть ветку
Читать все 167 комментариев
null