Советы по работе с фронтом
Гостевой пост от Владимира Иванова, продуктового дизайнера VK (канал Design & Management)

Чтобы сделать свою работу проще, а опыт пользователей — более приятным, во всех диджитал проектах следуйте ряду правил:

🔹 Используйте SVG с умом.
Рисуйте Figma-иллюстрации одним слоем или объединяйте слои перед экспортом. Иначе при выгрузке можно получить что-то непонятное.
🔹 Не забывайте прорабатывать состояния загрузки.
Скелетоны и лоадеры помогают пользователям понять, что процесс не завис, что идет загрузка или обработка данных.
🔹 Подбирайте растр под формат.
Не делайте растровые изображения больше необходимого под платформу размера — это утяжеляет загрузку контента.
🔹 Используйте стили.
Создавайте стили для шрифтов, цветов, кнопок и иконок, чтобы контролировать их количество и легко переиспользовать, экономя время.

Рост метрик ≠ рост пользы.

Из дискуссии «Место дизайнера в продуктовом цикле» с руководителями дизайн-направлений Циан, Яндекс.Маркет, Альфа-банк и Juro.

Что еще учесть при разработке цветовой схемы интерфейса
Три неочевидных совета от 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+ и практикуйте навыки в Дизайн-симуляторе.

Как команда дизайнеров Авито пыталась создать наш локальный Airbnb и что из этого вышло

Пользователи сервиса посуточной аренды Авито часто сталкиваются с недобросовестными хозяевами:
— одни берут предоплату и пропадают,
— другие заселяют в квартиры, не соответствующие ожиданиям.

Авито не могут на это повлиять — они только связывают клиента с хозяином, но не отслеживают факт сделки.

Дизайнеры решили посмотреть на опыт 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 и другие полезные сервисы

🗓 Мастер-классы для продуктовых дизайнеров
Митап 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, Тинькофф: «По факту все просто: формулируешь задачу, накидываешь драфты, кладешь рядом референсы. После чего дефолт система мозга начинает выдавать решения в периоды НЕсмотрения в монитор и смартфон. Если нет контекста задачи, "вдохновляться" не вижу смысла — забиваешь оперативную память».

А вот японского разработчика на создание QR-кода вдохновила настольная игра в Го. Об этом вышел пост в Disruptors, канале об инновационных практиках, бизнес-моделях и кейсах роста.