мекрюков: дизайн, продукты и эмоции

Простые эмоции

Как создать простые и понятные эмоции в профиле и когда у человека главный день в году? Очень просто, особенно когда ты можешь использовать свои эмоджи-стикеры 3️⃣1️⃣, чтобы показать, сколько лет исполняется человеку. Конечно, это всё ради того, чтобы подарить человеку премиум-подписку, но скажите, какая разница? Телеграмм уже давно заставляет нас радоваться таким маленьким фичам, которые создают простые эмоции. А если начать изучать эти решения, то понимаешь, что это очень просто.

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

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

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

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

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

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

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

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

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

Ждем лето ☀️

Fresh take on pizza

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

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

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

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

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

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

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

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

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

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

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

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

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

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

То, что делают ребята из Airbnb, чаще всего вызывает у меня восторг. Они действительно задают высокую планку, постоянно придумывают что-то новое и главное, регулярно и стабильно выдают результат. Это отличный пример дизайн-ориентированной компании. Жаль, что в своих промо-отчетах они не пишут, сколько времени они потратили на это и какой командой, а то вдруг мы бы узнали, что 2 дизайнера и 5 разработчиков сделали всё это за месяц.

Если ещё не видели, вот ссылка: https://www.airbnb.com/release/2024-summer

​​Есть такой человек Дон Норман, он автор одной из самых полезных книг про дизайн «Дизайн привычных вещей», рекомендую. Но сегодня про эмоциональный дизайн, и он написал про него тоже книгу, где разделяет эмоциональные реакции на 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.

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

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

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

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

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

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

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

Иногда нужно просто кайфовать. Иначе как вы будете делать клёвый дизайн? Вот я смотрю на часы и кайфую.

Бренд должен быть последовательным ради опыта и ценности компании. Примером того, как часть логотипа становится UI и продолжает его, пример от Instacart.
Что ещё помните?

Сегодня пост про моего кумира — Brian Collins, он создал лучшую студию в мире. Но интереснее то, что он говорит и как. Ниже прикрепляю 7 минут о MVP и инновациях. Минимальное мышление приводит к потере инновационности и креативности. Если нужно создать что-то новое, то сначала необходимо изменить мышление. Если думать только о MVP, то и сам продукт будет как MVP.

https://youtu.be/FVXGo4g3-MM?si=GYyJChaVq_Jznt5P