В iOS есть стандартный паттерн, когда под заголовком наверху прячется поисковая строка, и ее можно вытащить, если потянуть экран вниз. У Android прям такого нативного паттерна нет, только через тап. Но очень часто вы можете найти поиск наверху сбоку, и меня, конечно, бесит, что я не могу вот так просто потащить вниз и начать искать. Очень странно, что даже в телеграмме пока этого нет, хотя на домашнем экране у iOS это поведение есть, а у Андроида оно похожее, но появляется снизу.

А вот пример, как должно быть везде, где есть поиск сверху 🖤
Накипело, спасибо ☺️

Любой продукт — это история, и её нужно уметь рассказывать. Создание профиля в продукте, которым хочется делиться, соединяя его с профилями друзей и близких, это круто. Так как мы все люди, у нас бывают как счастливые моменты, так и грустные. Ваш профиль должен это отражать, он не должен быть бездушным, а должен быть чем-то особенным с историей, и у него должно быть своё лицо. Мне очень нравится история от Netflix, которая показывает одну историю…

https://www.youtube.com/watch?v=OYxRP_lvMBE

Не нужно бояться звуков, музыки, видео, анимаций и интерактива, когда создаете продукт для развлечения. Если вы делаете все как у всех, вы автоматически занимаете очередь с конца.
«Никто из крупных компаний так не делает», а затем «Крупная компания теряет аудиторию», «Крупная компания закрывается», «Новый стартап забирает долю на рынке» и т.д.
Иногда просто нужно дать волю эмоциям...

Я где-то читал про эмодзи в Intercom, они анализировали обратную связь и люди отправляют какашки 💩 и им это нравится и это работает в бизнесе.

Удивлены, что люди отправляют какашки в 21 веке?
Я не удивлен.

​​Есть такой человек Дон Норман, он автор одной из самых полезных книг про дизайн «Дизайн привычных вещей», рекомендую. Но сегодня про эмоциональный дизайн, и он написал про него тоже книгу, где разделяет эмоциональные реакции на 3 уровня: интуитивный, поведенческий и рефлексивный, и если удовлетворить все три, то вас ждет настоящее удовольствие. Попробую привести примеры,

1. Интуитивный. 💎 Я пользователь и я точно понимаю, что будет происходить в интерфейсе и я не ощущаю себя глупым. Я четко понимаю, где поиск, профиль и что делает кнопка «Перейти в корзину». Это фундамент и это больше про UI.
2. Поведенческий. 🎯 Поведение интерфейса предсказуемо или проще говоря UX прост и понятный. Тут важна скорость работы и сколько ошибок допускает пользователь в интерфейсе. Условно, когда я добавляю товар я понимаю, что есть корзина и там это лежит. Или рядом с блоком есть кнопка «Изменить», которая позволит редактировать информацию в этом блоке.
3. Рефлексивный. ♥️ Кажется самый интересный блок, так как он вызывает у людей ассоциации, воспоминания и особенные чувства. Но культурный аспект пользователя тут тоже очень важен. Тут очень важен скилл сторитейлинга, так как он помогает улучшить рефлексивный уровень, человек осознает, что именно ему нравится и почему, какие выгоды он получает, как продукт влияет на его самооценку и настроение.

Так, что делать то? Во-первых, делать понятный фундамент и базу. Интуитивный и поведенческий уровень уже давно must have, а самый сложный это рефлексивный уровень, он возможен если у дизайнера есть эмпатия и он может видеть больше, чем UI и UX, когда во время использования пользователь видит не просто интерфейс, а целую историю. Пару простых примеров, для наглядности

1. Aviasales — когда ты ищешь билеты, то летит самолет по карте, который символизирует этот дух приключений. Когда ребята меняли самолет на сани, то у аудитории начинался ор.
2. Netflix — работа с контентом, когда постеры фильмов и сериалов подстраиваются под твои вкусы. Посмотрел фильм с Бредом Питом, поставил лайк, то теперь все постеры, где есть Бред Пит будут меняться с его лицом.
3. Duolingo — минимальная когнитивная нагрузка во время обучения через игровую форму. Заставляя тебя вкладываться в прогресс и возможность бросать вызов друзьям.
4. Headspace — создает максимально спокойную атмосферу. Через простые формы, музыку и т.д.
5. YouTube — амбиент подсветка у роликов, создает правильное настроение, и подсветка кнопки, когда автор ролика говорит про подписаться, то загорается кнопка «Подписаться».
6. Spotify — да там полно всего, сейчас наверное из нового это AI плейлист по запросам.
7. Drinkit — когда ждешь заказ, можешь прочитать печеньку-предсказание.
8. Weather iOS — когда падает снег, то он скапливается на панельке. Или как круто бьет молния. Полное погружение.
9. Telegram — работа со стикерами, анимации, кружочки и т.д.
10. airbnb — книжка хозяина, где я могу познакомится с ним и там очень прикольная анимация открытия.

Что забыл? А с меня скоро будет 🍕 Dodo Pizza.

Ребята, я совсем забыл, что две недели назад произошел маленький, но важный анонс о том, что сейчас делает команда в 🦤Dodo Pizza. Готовятся много прикольных обновлений: это и новая карточка товара, это уникальные 3D-иллюстрации, которые очень эмоциональные и технологические. Будет и AR пиццы, которые мы уже собирали на 14 февраля (расскажу отдельным постом). Ну и различные мини-анимации и т.д.

А параллельно ребята занимаются как раз редизайном, чтобы принести новый опыт в Диджитал Пиццу Опыт, а за него отвечает у нас Юля Емельянова и она прикольно рассказала об этом на Big Dodo Call.

Скоро будет больше мини-кейсов ♥️

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

https://awdee.ru/8-personal-rules-in-sergey-mekryukovs-design/

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

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

2. Выжигать дизайнеров 🔥, т.е. нагружать и нагружать, сидеть выходными и вечерами. Результат получить можно, но потом команду придется менять. Так что не самый разумный вариант.

3. Уменьшить количество ошибок в начале 🎯. Когда дизайнер получает задачу, уже есть понимание, как делать и что нужно. Здесь опытный арт-директор должен сразу же предвидеть подводные камни, на которых дизайнеры могут спотыкаться, или как этот вектор развития может загнать нас в тупик. Что здесь важно? Опыт и насмотренность арт-директора конечно.
И тут вопрос напрашивается:
— А есть ли минусы у пункта 3?
— Да, конечно, в этом кейсе перерабатывает только арт-директор.

Fresh take on pizza

Мы в Dodo Brands каждый понедельник на YouTube показываем презентацию и рассказываем, какие у нас новости и что хотим делать или что уже сделали. Ранее я уже делал пост про продуктовую презентацию Юли и как приложение начнет меняться, а сегодня ребята из бренда анонсировали большой шаг вперед. Безумно рад за Женю и Раушана ♥️

Мы с самого начала, когда начали работать над редизайном, заложили 3 дизайн-принципа: индивидуальный, современный и живой (эмоциональный). В ходе работы принципы немного менялись, но их смысл оставался прежним. И в рамках бренда ребята тоже их использовали!

А что изменилось в бренде? Да почти всё! Новый логотип, цвета, подача, фотостиль, униформа и т.д. Смотрите сами в комментах!

Живые и эмоциональные фотографии, современные фасадные вывески, индивидуальные муралы для каждой страны и т.д. Очень много работы впереди по бренду и по мобильному приложению, но главный шаг сделан. Кайф!

Запись трансляции: https://www.youtube.com/watch?v=8nUK8jc6QNs

Любите мелочи

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

Ждем лето ☀️

​​Метафоры в дизайне

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

1. Цвет 🎨 Если мы говорим о брендовых цветах, то тут всё просто. Основные цвета уже должны что-то значить и передавать, например Nike Running Club, который использует яркие и энергичные цвета, такие как оранжевый, желтый и красный, чтобы создать динамичность и атмосферу мотивации. Эти цвета ассоциируются с энергией, активностью и движением, что помогает передать метафору спортивного тренинга и достижения целей. Если взять сам интерфейс, то тут очень важен контраст, поэтому само приложение использует минимум цветов для подложек и всё сильно монохромное.

2. Форм-фактор 🧊 Возьмем самый тривиальный пример, Tinder. Он использует форму «карточки» для отображения профилей пользователей, которые можно листать влево или вправо, чтобы выразить свою заинтересованность или отклонить. Эта форма создает ассоциации с «карточными играми» и добавляет игровой аспект к метафоре знакомств.

3. Композиция и контент 🧺 В Airbnb композиция из объявлений о сдаче жилья, фильтров и отзывов создает метафору «побывать в гостях, как у себя дома» или «жить как местный». Читая про хозяина квартиры, ты можешь погрузиться в его мир и побыть им пару дней в его квартире, но при этом ты не ощущаешь себя на доске объявлений. А инвестиция в фотосъемку дала возможность по-новому посмотреть на обычные квартиры.

4. Анимация 🥊 Реакции в Google Meet, которые не только посылаются, но и группируются и показывают супер-эффект, когда несколько участников отправляют одинаковые эмоции. Это отличная история, которая позволяет передать эмоциональную реакцию аудитории. Сюда также можно добавить реакции на посты из Facebook и Telegram.

На картинке культовый дизайн Eames Lounge Chair, где взяли метафору бейсбольной перчатки.

SuperApp

В мире мало хороших приложений, где всё собрано в одном месте. Мне очень нравится пример Kaspi Bank, так все очень просто и удобно. Но боль, которую мы испытываем от социальных сетей, когда хочется реально следить за друзьями и родными, а нам подсовывают ленты рекомендаций, рекламу, игры, тесты и т.д.
Зацените, какой простой и прекрасный концепт. Илон, вперед!

Энтузиазм

На прошлой неделе я выступал онлайн у ребят из Тинькофф Банка и рассказывал про дизайн-дизрапт в пицце: какие были проблемы, как решали, что думали и т.д. Было очень много слайдов, была клевая метафора с фильмом «Страх и ненависть в Лас-Вегасе Дизрапте», но главное — я обалдел от того, сколько мы сделали, переделали и что начинает получаться. Всегда было 3 параллельных ветки, всегда! И только спустя полгода мы начали видеть и получать результат, это конечно здорово.

Спасибо Леше и ребятам, что позвали! Круто, что вечером было много народу. А ещё мне хочется сказать большое спасибо команде, которая продолжает работать, и особенно Андрею, Юле и Арсению 🔥

Спасибо!

Любое уведомление — это зло 😈

Заметили, что лучше / удобней написать, чем позвонить? Или когда звонит близкий человек, возникает ощущение, что что-то плохое произошло? А что может быть хуже этого? Я знаю, это бессмысленные уведомления по поводу и без повода, когда вас умоляют зайти в приложение и активировать последнюю акцию, или узнать, как дела у вашего подписчика. Есть ощущение, что даже Apple убрали переключатель на новом iPhone, так как чаще всего у всех он включен. С помощью Live Activity я вижу, что происходит с моим заказом и когда его ждать, и это потрясающе!

Так что делать с уведомлениями? Думайте, как их обойти или как найти для них контекст, в остальном это все напоминает данный скриншот. Спасибо за него, Никита 😉

Диджитал-кофейня 🐳

У нас есть уникальный проект, который невозможно проигнорировать — это, конечно, Drinkit 💙.

Он предлагает много интересных решений:

1. Полный диджитал: заказы через смартфон, планшеты, есть специальная умная выдача заказов и ТВ-борды.
2. Не нужно ждать, общаться с кем-то и т.д. Просто делайте заказ по пути, заберите напиток и всё! Мечта социопата 😅
3. Максимальная кастомизация напитка: декаф, молочко, посыпки, сырная пена, своя кружка и т.д., а потом бац! И добавляешь в избранное 💙.

Но главное — это вовлечение и эмоции. Фотографии и видео напитков и еды так красивы, что хочется их попробовать. Команда делает титаническую работу, чтобы каждый дроп был уникальным. И это уже глобальный продукт! Отдельно стоит отметить, что мы очень смело и дерзко открываем наши кофейни напротив Starbucks и наблюдаем 🔥 

Скоро в приложении появится обновленная главная страница, над которой команда поработала с UX и многое другое. А я продолжаю искать усиление в команду дизайна! Ищем Senior Product Designer, который любит визуал, умеет работать системно и концептуально. С опытом в мобилку и в вау-эффект!
Работа удаленно или в офисе на выбор, возможно вне РФ.

Пишите @mekryukov 💙 🐳

​​Новый сезон! Ура!

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

С начала года мы активно развивались и менялись в команде Dodo Pizza:

✦ Изменилась команда. Сейчас у нас супер-команда, которая может почти всё! Завидую Андрею, нашему арт-директору — ребята действительно крутые.

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

✦ Нашли стиль и подходы. Теперь приложение будет с каждым разом становиться всё лучше и лучше.

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

Как итог, можете посмотреть, что у нас получилось после съезда.
До завтра! ♥️