Чем меньше пользователям приходится думать о том, что нужно сделать для достижения цели, тем больше вероятность, что они ее достигнут.
А значит, влюбятся в продукт и останутся с ним надолго.
А значит, влюбятся в продукт и останутся с ним надолго.
Зачем менять дизайн, если все и так работает
Кейс рефреша продукта от Альфа-Банка
Раньше на сайте Альфа-Банка витринный сервис с предложением B2B-услуг был реализован в форме карточек. Они были объемными и красочными, но продавали плохо.
Дизайнеры оценили количественные метрики и обнаружили, что до нижних карточек пользователи даже не скроллили.
Тогда выдвинули гипотезу: если убрать карточки, то конверсия вырастет.
В первую итерацию карточки просто заменили на список, и гипотеза подтвердилась.
Во вторую итерацию список разбили на смысловые категории. К каждому пункту добавили иконки. Сетку списков сделали динамичной, чтобы блоки не зависели друг от друга. А новые и рекомендуемые продукты подсветили плашками «Новое» и «Для вас».
➡️ Конверсия выросла в разы.
Этим и другими кейсами поделились дизайнеры из Альфа-Банка, Aviasales и Ростелекома ИТ на митапе «Как дизайн влияет на продуктовые метрики».
👉 Смотрите доклады в записи по подписке Epic+.
Кейс рефреша продукта от Альфа-Банка
Раньше на сайте Альфа-Банка витринный сервис с предложением B2B-услуг был реализован в форме карточек. Они были объемными и красочными, но продавали плохо.
Дизайнеры оценили количественные метрики и обнаружили, что до нижних карточек пользователи даже не скроллили.
Тогда выдвинули гипотезу: если убрать карточки, то конверсия вырастет.
В первую итерацию карточки просто заменили на список, и гипотеза подтвердилась.
Во вторую итерацию список разбили на смысловые категории. К каждому пункту добавили иконки. Сетку списков сделали динамичной, чтобы блоки не зависели друг от друга. А новые и рекомендуемые продукты подсветили плашками «Новое» и «Для вас».
➡️ Конверсия выросла в разы.
Этим и другими кейсами поделились дизайнеры из Альфа-Банка, Aviasales и Ростелекома ИТ на митапе «Как дизайн влияет на продуктовые метрики».
👉 Смотрите доклады в записи по подписке Epic+.
Советы по работе с фронтом
Гостевой пост от Владимира Иванова, продуктового дизайнера VK (канал Design & Management)
Чтобы сделать свою работу проще, а опыт пользователей — более приятным, во всех диджитал проектах следуйте ряду правил:
🔹 Используйте SVG с умом.
Рисуйте Figma-иллюстрации одним слоем или объединяйте слои перед экспортом. Иначе при выгрузке можно получить что-то непонятное.
🔹 Не забывайте прорабатывать состояния загрузки.
Скелетоны и лоадеры помогают пользователям понять, что процесс не завис, что идет загрузка или обработка данных.
🔹 Подбирайте растр под формат.
Не делайте растровые изображения больше необходимого под платформу размера — это утяжеляет загрузку контента.
🔹 Используйте стили.
Создавайте стили для шрифтов, цветов, кнопок и иконок, чтобы контролировать их количество и легко переиспользовать, экономя время.
Гостевой пост от Владимира Иванова, продуктового дизайнера VK (канал Design & Management)
Чтобы сделать свою работу проще, а опыт пользователей — более приятным, во всех диджитал проектах следуйте ряду правил:
🔹 Используйте SVG с умом.
Рисуйте Figma-иллюстрации одним слоем или объединяйте слои перед экспортом. Иначе при выгрузке можно получить что-то непонятное.
🔹 Не забывайте прорабатывать состояния загрузки.
Скелетоны и лоадеры помогают пользователям понять, что процесс не завис, что идет загрузка или обработка данных.
🔹 Подбирайте растр под формат.
Не делайте растровые изображения больше необходимого под платформу размера — это утяжеляет загрузку контента.
🔹 Используйте стили.
Создавайте стили для шрифтов, цветов, кнопок и иконок, чтобы контролировать их количество и легко переиспользовать, экономя время.
Рост метрик ≠ рост пользы.
Из дискуссии «Место дизайнера в продуктовом цикле» с руководителями дизайн-направлений Циан, Яндекс.Маркет, Альфа-банк и Juro.
Из дискуссии «Место дизайнера в продуктовом цикле» с руководителями дизайн-направлений Циан, Яндекс.Маркет, Альфа-банк и Juro.
Что еще учесть при разработке цветовой схемы интерфейса
Три неочевидных совета от Apple
Обычно дизайнеры знают, что акцентные цвета нужно использовать точечно, что для светлой и темной темы нужны разные оттенки одного цвета и что внутри приложения важно сохранять консистентность.
Но есть вещи, о которых задумываются не все:
1. Дальтонизм и другие нарушения зрения. Важная информация, которую передали только с помощью цвета, может быть недоступна некоторым людям. Обязательно снабдите цвет текстом или иконками.
2. Разное освещение и режим «Фильтр синего» (True Tone). В помещении и на улице, в пасмурный и в солнечный день цвета интерфейса могут выглядеть по-разному. Протестируйте приложение и настройте цвета так, чтобы они легко воспринимались в разных ситуациях.
3. Восприятие цвета в разных странах. В одной культуре красный символизирует опасность, а в другой — что-то положительное. Убедитесь в том, что ваши пользователи из других стран получают через цвет правильное сообщение.
Учитывайте эти моменты, и цвета в вашем интерфейсе не потеряют функции, которые вы в них заложили.
Три неочевидных совета от Apple
Обычно дизайнеры знают, что акцентные цвета нужно использовать точечно, что для светлой и темной темы нужны разные оттенки одного цвета и что внутри приложения важно сохранять консистентность.
Но есть вещи, о которых задумываются не все:
1. Дальтонизм и другие нарушения зрения. Важная информация, которую передали только с помощью цвета, может быть недоступна некоторым людям. Обязательно снабдите цвет текстом или иконками.
2. Разное освещение и режим «Фильтр синего» (True Tone). В помещении и на улице, в пасмурный и в солнечный день цвета интерфейса могут выглядеть по-разному. Протестируйте приложение и настройте цвета так, чтобы они легко воспринимались в разных ситуациях.
3. Восприятие цвета в разных странах. В одной культуре красный символизирует опасность, а в другой — что-то положительное. Убедитесь в том, что ваши пользователи из других стран получают через цвет правильное сообщение.
Учитывайте эти моменты, и цвета в вашем интерфейсе не потеряют функции, которые вы в них заложили.
Epic+ Design Simulator = Growth in Design 💙
Больше половины участников нашего опроса хотят научиться проектировать легко.
В этом поможет Дизайн-симулятор — интерактивная игра, обучающая дизайну на реальных кейсах. Никаких скучных лекций, только практика.
В игре 11 глав, которые помогут вам прокачаться в работе над UX/UI диджитал продуктов:
— типографика и знакомство с Figma,
— верстка элементов интерфейса,
— модульная сетка,
— формы и кнопки,
— навигация и структура,
— прототипы и анимации в Figma,
— Customer Journey Map,
— UX-исследования,
— A/B тесты,
— текст в интерфейсе,
— верстка в Tilda.
👆 Если у вас есть подписка Epic+, вы можете купить Дизайн-симулятор со скидкой 15% —4700 ₽ 3995 ₽.
Чтобы получить промокод, введите свой email на сайте.
Перенимайте опыт топовых компаний с подпиской Epic+ и практикуйте навыки в Дизайн-симуляторе.
Больше половины участников нашего опроса хотят научиться проектировать легко.
В этом поможет Дизайн-симулятор — интерактивная игра, обучающая дизайну на реальных кейсах. Никаких скучных лекций, только практика.
В игре 11 глав, которые помогут вам прокачаться в работе над UX/UI диджитал продуктов:
— типографика и знакомство с Figma,
— верстка элементов интерфейса,
— модульная сетка,
— формы и кнопки,
— навигация и структура,
— прототипы и анимации в Figma,
— Customer Journey Map,
— UX-исследования,
— A/B тесты,
— текст в интерфейсе,
— верстка в Tilda.
👆 Если у вас есть подписка Epic+, вы можете купить Дизайн-симулятор со скидкой 15% —
Чтобы получить промокод, введите свой email на сайте.
Перенимайте опыт топовых компаний с подпиской Epic+ и практикуйте навыки в Дизайн-симуляторе.
This media is not supported in your browser
VIEW IN TELEGRAM
Как команда дизайнеров Авито пыталась создать наш локальный Airbnb и что из этого вышло
Пользователи сервиса посуточной аренды Авито часто сталкиваются с недобросовестными хозяевами:
— одни берут предоплату и пропадают,
— другие заселяют в квартиры, не соответствующие ожиданиям.
Авито не могут на это повлиять — они только связывают клиента с хозяином, но не отслеживают факт сделки.
Дизайнеры решили посмотреть на опыт Airbnb и Booking.
В интерфейсе этих компаний — одна кнопка, которую нужно нажать чтобы забронировать жилье. Таким образом, есть факт сделки, можно проследить все операции и защищать пользователей в случае чего.
Авито тоже убрали две кнопки для связи с хозяином и оставили одну «Забронировать».
➡️ Количество онлайн-бронирований возросло. А как повели себя другие показатели?
👉 Смотрите полный разбор кейса, чтобы не допускать критические ошибки в продуктовом дизайне.
P.S. Своими факапами поделились также дизайнеры из Skyeng, IcomInvest и Beseda.
Пользователи сервиса посуточной аренды Авито часто сталкиваются с недобросовестными хозяевами:
— одни берут предоплату и пропадают,
— другие заселяют в квартиры, не соответствующие ожиданиям.
Авито не могут на это повлиять — они только связывают клиента с хозяином, но не отслеживают факт сделки.
Дизайнеры решили посмотреть на опыт Airbnb и Booking.
В интерфейсе этих компаний — одна кнопка, которую нужно нажать чтобы забронировать жилье. Таким образом, есть факт сделки, можно проследить все операции и защищать пользователей в случае чего.
Авито тоже убрали две кнопки для связи с хозяином и оставили одну «Забронировать».
➡️ Количество онлайн-бронирований возросло. А как повели себя другие показатели?
👉 Смотрите полный разбор кейса, чтобы не допускать критические ошибки в продуктовом дизайне.
P.S. Своими факапами поделились также дизайнеры из Skyeng, IcomInvest и Beseda.
Любовь или скидки? Выбирать не придется
Только 14 и 15 февраля акция для влюбленных в дизайн и развитие
Epic UX/UI — это не просто канал, это часть подписки для ИТ-специалистов.
В подписке мы уже собрали больше 40 докладов по UX и продуктовому дизайну от экспертов VK, Aviasales, Tinkoff и других топовых компаний. Смотрите, как они делают дизайн своих продуктов, и заимствуйте рабочие решения.
Сегодня и завтра дарим скидки с любовью 💙
Standard.месяц — скидка 14%
990 ₽/мес 852 ₽/мес
Standard.год — скидка 28%
690 ₽/мес 497 ₽/мес
Pro.год — скидка 42%
1 380 ₽/мес 801 ₽/мес
Оформить подписку Epic+
Вы также получите:
— 300+ докладов по другим направлениям подписки: Growth, Ecom, SaaS
— Закрытый чат коммьюнити: находите экспертов по интересующим темам и задавайте им свои вопросы
— Подарки и бонусы от партнеров: скидки на Design Simulator, Canva Pro, Skillsetter и другие полезные сервисы
Только 14 и 15 февраля акция для влюбленных в дизайн и развитие
Epic UX/UI — это не просто канал, это часть подписки для ИТ-специалистов.
В подписке мы уже собрали больше 40 докладов по UX и продуктовому дизайну от экспертов VK, Aviasales, Tinkoff и других топовых компаний. Смотрите, как они делают дизайн своих продуктов, и заимствуйте рабочие решения.
Сегодня и завтра дарим скидки с любовью 💙
Standard.месяц — скидка 14%
Standard.год — скидка 28%
Pro.год — скидка 42%
Оформить подписку Epic+
Вы также получите:
— 300+ докладов по другим направлениям подписки: Growth, Ecom, SaaS
— Закрытый чат коммьюнити: находите экспертов по интересующим темам и задавайте им свои вопросы
— Подарки и бонусы от партнеров: скидки на Design Simulator, Canva Pro, Skillsetter и другие полезные сервисы
🗓 Мастер-классы для продуктовых дизайнеров
Митап Epic UX/UI — 21 и 22 февраля
Хотите расти в профессии и больше зарабатывать, но не хватает времени, чтобы искать и тестировать новые рабочие инструменты?
На мастер-классах вы узнаете о способах прокачать скиллы в проектировании, 3D-моделировании, исследованиях и формировании дизайн-концепции.
21 февраля
— 17:30 «Как проектировать UX, работая с аффордансом и UX–законами»
Спикер: Татьяна Бублик, занимается менторством в дизайне (ex. Delivery Club, Ozon)
— 18:00 «Как без кода сделать интерактивное 3D в вебе»
Спикер: Константин Капустин, ведущий дизайнер, VK
22 февраля
— 18:00 «Как генерировать идеи и дизайн-концепции»
Спикер: Александра Спиридонова, UI/UX дизайнер, Tinkoff
— 19:00 «Как превращать гипотезы в вопросы для глубинок»
Спикер: Дарья Хлопова, Service Design Team Leader, Сбер
[Зарегистрироваться и смотреть по подписке Epic+]
Митап Epic UX/UI — 21 и 22 февраля
Хотите расти в профессии и больше зарабатывать, но не хватает времени, чтобы искать и тестировать новые рабочие инструменты?
На мастер-классах вы узнаете о способах прокачать скиллы в проектировании, 3D-моделировании, исследованиях и формировании дизайн-концепции.
21 февраля
— 17:30 «Как проектировать UX, работая с аффордансом и UX–законами»
Спикер: Татьяна Бублик, занимается менторством в дизайне (ex. Delivery Club, Ozon)
— 18:00 «Как без кода сделать интерактивное 3D в вебе»
Спикер: Константин Капустин, ведущий дизайнер, VK
22 февраля
— 18:00 «Как генерировать идеи и дизайн-концепции»
Спикер: Александра Спиридонова, UI/UX дизайнер, Tinkoff
— 19:00 «Как превращать гипотезы в вопросы для глубинок»
Спикер: Дарья Хлопова, Service Design Team Leader, Сбер
[Зарегистрироваться и смотреть по подписке Epic+]
Где вы ищете вдохновение?
Этот вопрос Майкл Маквотерс, арт-директор HBO Max, задает всем дизайнерам, которые приходят к нему на собеседование. Больше половины респондентов отвечают: на Dribble или Behance. Майкла это расстраивает — на этих сайтах можно найти решение задачи, но точно не вдохновение.
Мы обратились с этим же вопросом к друзьям Epic UX/UI.
Игорь Силкин, Head of Business Design, Яндекс.Маркет: «Вокруг. Кроме шуток. Многие смотрят. Но так же многие не видят. Не находятся тут и сейчас. Не видят того, на что смотрят. Видят дела, видят проблемы, видят будущее или прошлое. Не настоящее, не его детали. Настоящее вокруг нас полно вдохновения».
Лена Серебрякова, Lead Product Designer, Альфа-Банк: «В тех, кто реализует свой талант».
Александр Ревенок, Head of Unit Design, Semrush: «В смежных областях: аналитике, маркетинге, гроус хакинге, иммерсивности — здесь можно почерпнуть кейсы и хаки. А еще в кино, digital, сериалах, музыке, литературе — здесь уже художественный багаж и вкус формируется».
Тимур Голотин, Mobile Product Designer, Тинькофф: «По факту все просто: формулируешь задачу, накидываешь драфты, кладешь рядом референсы. После чего дефолт система мозга начинает выдавать решения в периоды НЕсмотрения в монитор и смартфон. Если нет контекста задачи, "вдохновляться" не вижу смысла — забиваешь оперативную память».
Этот вопрос Майкл Маквотерс, арт-директор HBO Max, задает всем дизайнерам, которые приходят к нему на собеседование. Больше половины респондентов отвечают: на Dribble или Behance. Майкла это расстраивает — на этих сайтах можно найти решение задачи, но точно не вдохновение.
Мы обратились с этим же вопросом к друзьям Epic UX/UI.
Игорь Силкин, Head of Business Design, Яндекс.Маркет: «Вокруг. Кроме шуток. Многие смотрят. Но так же многие не видят. Не находятся тут и сейчас. Не видят того, на что смотрят. Видят дела, видят проблемы, видят будущее или прошлое. Не настоящее, не его детали. Настоящее вокруг нас полно вдохновения».
Лена Серебрякова, Lead Product Designer, Альфа-Банк: «В тех, кто реализует свой талант».
Александр Ревенок, Head of Unit Design, Semrush: «В смежных областях: аналитике, маркетинге, гроус хакинге, иммерсивности — здесь можно почерпнуть кейсы и хаки. А еще в кино, digital, сериалах, музыке, литературе — здесь уже художественный багаж и вкус формируется».
Тимур Голотин, Mobile Product Designer, Тинькофф: «По факту все просто: формулируешь задачу, накидываешь драфты, кладешь рядом референсы. После чего дефолт система мозга начинает выдавать решения в периоды НЕсмотрения в монитор и смартфон. Если нет контекста задачи, "вдохновляться" не вижу смысла — забиваешь оперативную память».
Epic UX/UI
Где вы ищете вдохновение? Этот вопрос Майкл Маквотерс, арт-директор HBO Max, задает всем дизайнерам, которые приходят к нему на собеседование. Больше половины респондентов отвечают: на Dribble или Behance. Майкла это расстраивает — на этих сайтах можно найти…
А вот японского разработчика на создание QR-кода вдохновила настольная игра в Го . Об этом вышел пост в Disruptors, канале об инновационных практиках, бизнес-моделях и кейсах роста.
Telegram
Дизраптор
Алексей Подклетнов про компании, инновации и продукты, меняющие мир (пусть даже чуть-чуть).
Мой второй канал про фичи @fichism
По всем вопросам @disruptors_bot
О сотрудничестве https://teletype.in/@podkletnov/disruptors_ad
Мой второй канал про фичи @fichism
По всем вопросам @disruptors_bot
О сотрудничестве https://teletype.in/@podkletnov/disruptors_ad
🗓 Мастер-классы для продуктовых дизайнеров
Митап Epic UX/UI — 21 и 22 февраля
Сегодня и завтра вечером встречаемся на онлайн-воркшопах о рабочих инструментах продуктовых дизайнеров. Эксперты поделятся проверенными подходами к UI, UX, ресерчу и креативу — подробности в карточках.
[Зарегистрироваться и смотреть по подписке Epic+]
P.S. В прошлом анонсе было другое время начала эфиров 22 февраля. Сделали их позже, чтобы вам было удобнее участвовать 🤝
Митап Epic UX/UI — 21 и 22 февраля
Сегодня и завтра вечером встречаемся на онлайн-воркшопах о рабочих инструментах продуктовых дизайнеров. Эксперты поделятся проверенными подходами к UI, UX, ресерчу и креативу — подробности в карточках.
[Зарегистрироваться и смотреть по подписке Epic+]
P.S. В прошлом анонсе было другое время начала эфиров 22 февраля. Сделали их позже, чтобы вам было удобнее участвовать 🤝