мекрюков: дизайн, продукты и эмоции – Telegram
мекрюков: дизайн, продукты и эмоции
5.91K subscribers
153 photos
122 videos
120 links
пеку пиццу, варю кофе в Dodo Brands как дизайн директор. авторский канал про дизайн продуктов. пишу о важном. ранее работал в яндексе, okko и дом.ру как арт-директор или дизайн-директор

по всем вопросам — @mekryukov
улыбайтесь чаще. 18+
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Хорошие и простые решения это всегда супер, а чистые решения это бриллианты. Как аккуратно показать цену, качельки, выбранный товар, скидку и количество в одной айтеме?
Хороший пример от Самоката. Главное не бояться.
👍16💯10🔥43
This media is not supported in your browser
VIEW IN TELEGRAM
Думаю многие видели эту анимацию, она прикольная! Мне не нравится визуально эта рука, но то как поверхность превращается в скатерть — это топ. Один вопрос, а что это? Это стейт обновление экрана или просто пасхалка?
🔥104💯1
This media is not supported in your browser
VIEW IN TELEGRAM
Контролы очень важны для получения превосходного опыта, это такая мелочь, которая может очень сильно сказаться на общем look&feel или создать отличный эмоциональный опыт, когда тебе просто хочется подергать его туда-сюда.
Если вы сделали базу, то пора делать каст.
13🔥5👍2
Я обожаю ребят из команды amo, которые уже запустили 3 приложения: ID by amo, Capture by amo, Location by amo. Выходцы из Snap.Inc и Zenly создают удивительный новый опыт для молодежи, со свежим UI, классным UX и потрясающими артефактами. Мне кажется, у них получилось создать очень эмоциональный опыт благодаря своим принципам:

— Дружба — это творения, а не потребления
— Простые приложения, а не суперприложения
— Дружба — это чувство, а не приложение с лайками
— Это должно быть весело
— Нужно любить свой город
🔥144👍3
🎯 Обычно все говорят: «Хочу, как у Apple», а я хочу, чтобы было: «Сделаем так, чтобы Apple хотели, как у нас». Важно ставить цели. Возможно, не дойдем, но пошумим точно!
16🔥6💯6
This media is not supported in your browser
VIEW IN TELEGRAM
Пример от ребят из Альфа банка, покупка драгоценных камней в интерфейсе. Как сделать интерфейс приятней и понятней и эмоциональней. Дело не в картинке, а именно в ощущение, которая она передаёт.
26👍2
This media is not supported in your browser
VIEW IN TELEGRAM
ChatGPT успешно интегрирован в тело робота! Теперь искусственный интеллект имеет возможность вести полноценные диалоги и взаимодействовать с людьми, анализируя окружающую информацию в реальном времени.

Скайнет привет, не убивай нас. Да это потрясающий новый интерфейс.
🔥10👀3👍2
Я не боюсь, я не должен бояться. Ибо страх убивает разум. Страх есть малая смерть, влекущая за собой полное уничтожение.
Фрэнк Гербер, Дюна.

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

https://youtu.be/FVXGo4g3-MM?si=GYyJChaVq_Jznt5P
🔥107👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Бренд должен быть последовательным ради опыта и ценности компании. Примером того, как часть логотипа становится UI и продолжает его, пример от Instacart.
Что ещё помните?
22🔥7👍5
Иногда нужно просто кайфовать. Иначе как вы будете делать клёвый дизайн? Вот я смотрю на часы и кайфую.
12💯3🔥2💔1
This media is not supported in your browser
VIEW IN TELEGRAM
В iOS есть стандартный паттерн, когда под заголовком наверху прячется поисковая строка, и ее можно вытащить, если потянуть экран вниз. У Android прям такого нативного паттерна нет, только через тап. Но очень часто вы можете найти поиск наверху сбоку, и меня, конечно, бесит, что я не могу вот так просто потащить вниз и начать искать. Очень странно, что даже в телеграмме пока этого нет, хотя на домашнем экране у iOS это поведение есть, а у Андроида оно похожее, но появляется снизу.

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

https://www.youtube.com/watch?v=OYxRP_lvMBE
10💯4💔4
This media is not supported in your browser
VIEW IN TELEGRAM
Не нужно бояться звуков, музыки, видео, анимаций и интерактива, когда создаете продукт для развлечения. Если вы делаете все как у всех, вы автоматически занимаете очередь с конца.
«Никто из крупных компаний так не делает», а затем «Крупная компания теряет аудиторию», «Крупная компания закрывается», «Новый стартап забирает долю на рынке» и т.д.
Иногда просто нужно дать волю эмоциям...

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

Удивлены, что люди отправляют какашки в 21 веке?
Я не удивлен.
💩234🔥2
​​Есть такой человек Дон Норман, он автор одной из самых полезных книг про дизайн «Дизайн привычных вещей», рекомендую. Но сегодня про эмоциональный дизайн, и он написал про него тоже книгу, где разделяет эмоциональные реакции на 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.
25🔥10👀3
То, что делают ребята из Airbnb, чаще всего вызывает у меня восторг. Они действительно задают высокую планку, постоянно придумывают что-то новое и главное, регулярно и стабильно выдают результат. Это отличный пример дизайн-ориентированной компании. Жаль, что в своих промо-отчетах они не пишут, сколько времени они потратили на это и какой командой, а то вдруг мы бы узнали, что 2 дизайнера и 5 разработчиков сделали всё это за месяц.

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