Курс: Основы айдентики: построение визуальной системы

BBE снова бесплатно делиться знаниями из своей библиотеки.

Курс для начинающих дизайнеров, которые хотят разобраться, как устроена айдентика бренда, найти точку входа в профессию и применять экспертный опыт в своей практике.

Программа:
– Вступление
– Носители. Экосистема
– Носители. О цельности
– Носители. Константы стиля
– 7 советов начинающим дизайнерам

Ссылка на курс

Три слоя градиента одного слайдера

Разработчик Taiga UI рассказывает как из простого нативного web слайдера сделать мощный в плане функционала компонент с минимальным количеством кастылей (речь про JavaScript) с учётом всех рекомендаций по доступности.

Статья больше технического характера и моментами сложная для людей абсолютно ничего не понимающих во фронтенде.

Внутри статьи:
– Внутреннее устройство нативного слайдера;
– Про доступность (по стандарту W3C);
– Техническая реализациия.

Ссылка на статью

Находим главное в отзывах

Опыт разработчиков Яндекс Карт по внедрению новой сложной фичи со стыковкой интересов пользователей и доступных технологий машинного обучения.

Статья снова не совсем про дизайн, но про процесс развития продукта.

Внутри статьи:
– Процесс разработки MVP фичи;
– Работа над интерфейсным решением;
– Смена технологической базы MVP;
– «Успешный успех»;
– Масштабирование и автоматизация успешной реализации.

Ссылка на статью

Продуктовый дизайн — это не про UI

Пока что единственный материал, который дал мне ясно понять отличие специализации «UX/UI Designer» от «Product Designer».

Внутри статьи:
– Отличия специализаций;
– Подробнее про продуктовый дизайн;
– Ситуация на рынке.

Ссылка на статью

Три мифа о коэффициенте ROI в отношении UX

О том, как правильно расчитать и приподнести коэффицент ROI команде для аргументации, проведения UX-исследований или улучшений пользовательского опыта.

Внутри статьи:
– Что такое ROI;
– Как помогает заручиться поддержкой команды;
– 3 мифа о расчёте ROI.

Ссылка на статью

Про дизайн профиля вождения

Отличная статья для новичков, чтобы увидеть, как итеративными подходами рождается новая функциональность в продукте.

Интересным инсайдом для меня оказалось, что профили пользователей в Яндекс Драйв делаются не только для защиты имещества компании, но и для воспитания водителей аккуратно водить, что снижает количество ДТП на дорогах.

Ссылка на статью

На случай важных переговоров

#нативнаяинтеграция

Я уже так давно не вёл канал, а люди всё ещё приходят. Похоже, придётся продолжать начатое, есть тут что-то интересное для людей.

На самом деле скоро должно появиться много контента про мою работу, так как предстоит основательная работа над дизайн командой и процессами.

Первый ю-тест

Вчера провёл своё первое юзабилити тестирование. Да-да, 3 года в сфере, куча теории и только сейчас практика.

Месяц назад вышел на ребят, которые пилят учебные проекты для портфолио, и напросился к ним на новый кейс. Мы работаем над новой функциональностью в мобильном приложении банка. Дошли до первых прототипов, которые уже начали тестировать на пользователях.

Во время проведения теста по стандарту допустил все ошибки новичка:
– Не подготовил респондента к тестированию на компьютере;
– Не знал, как дать права на шейринг экрана в Zoom 😅;
– Задавал закрытые или на половину содержащие ответ вопросы.

Ошибок могло быть и больше, но подготовка и подробное расписывание плана исследования очень помогло.

Решил для себя, что буду чаще пробовать себя в исследованиях, так как на практике прочувствовал пользу их проведения. И нужно нарабатывать навык задавания правильных вопросов, сейчас с этим проблемы.

FISH: фреймворк для анализа интервью

Речь пойдёт о простом фреймворке FISH для работы с качественными данными, с примерами анализа и извлечением идей из высказываний пользователей.

Внутри статьи:
– Когда можно анализировать по FISH;
– Подробнее про фреймворк;
– Пример анализа и формирование гипотез.

Ссылка на статью

Копирование

Если в Discord скопировать имя много раз, то ты увидишь кучу интересных ответов системы на свои действия.

Какой метод UX-исследования использовать

Всем кто только стартует в исследованиях, советую изучить фреймворк Елены Бородиной для выбора медота UX-исследования.

Дополнительно к фреймворку идёт небольшая статья объясняющая как им пользоваться.

Ссылки для изучения:
– Перевод статьи;
– Оригинальная статья;
– Фреймворк.

Проектирование корзины в e-commerce

Вау, это что-то невероятно годное! Чувак проанализировал огроменный пулл отечественных и зарубежных e-commerce и подсветил лучшие практики проектирования корзины в них.

Структура статьи:
– Кнопка корзины;
– Подтверждение добавления;
– Элемент корзины в шапке;
– Страница корзины;
– Placeholder корзины;
– Список товаров в корзине;
– Подытог;
– Допродажа в корзине.

Ссылка на статью

И эта статья лишь часть огромной серии исследований e-commerce на поиск лучших практик.

Человек делает огромную и очень полезную работу, да и делится этими материалами бесплатно. Очень советую почитать его статьи, даже если вы не работаете в e-commerce.

Ссылка на все статьи

Активация нескольких табов

В Cinema 4D в окне атрибутов есть возможность активации сразу нескольких табов.

Взаидойствие осуществляется с помощью зажатия Alt (или Option на Mac), ЛКМ и перемещения курсора по элементам, которые вы хотите активировать.

Как сдвинуть эту махину: прийти в крупную компанию и не утонуть в бюрократии

Аутсорс команда делится опытом решения проблемы клента на большом продукте, в условиях бюрократии и наличия легаси.

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

Ссылка на статью

Опачки, только сейчас заметил, у ребят есть видос, где их лид подробно всё рассказывает про данный проект.

Советую к изучению, если заинтересовала статья. Годно.

Ссылка на видео

Менторство

Сегодня состоялась моя первая встреча с ментором. Чувствую, что для меня подобный формат обучения будет очень полезным. Будем продолжать.

Теперь жалею, что не нашёл себе ментора сразу же, как перешёл к задачам мидла — мог бы съэкономить кучу времени.

Когда был джуном, поиск информации был лёгок: в распоряжении уроки на YouTube и куча прикладных статей на тематических ресурсах, которые качественно закрывали базовые вопросы. Но вот когда задачи усложнились, ответы стало находить сложнее и приходилось выбивать информацию в тематических чатах, платных сервисах или закрытых базах знаний, что отнимало много времени.

Сейчас понимаю, что было бы легче найти человека, который уже прошёл этот путь и мог бы поделиться своим опытом и дать советы, а может и материалы для успешного завершения задач.

Это не означает, что без менторства не вырасти. Я же вырос. Просто включение в процесс собственного развития ментора может дать более быстрый буст в карьере.

Теперь и в 3D

Попробовал снова зайти в 3D, но теперь со стороны Cinema 4D. Инструмент явно удобнее, чем Blender и, как мне подсказало сообщество, лучше подойдёт для использования в веб-дизайне.

Сейчас прохожу мини-курс, чтобы освоиться с функционалом. Если всё пойдёт хорошо, то есть мысли вписаться в какой-нибудь платный курс.

Кстати, изучил ценники на софтину — челюсть отпала. Инструмент явно не для простых смертных.

Проектирование больших и сложных продуктов с нуля

Статья больше похожа на кейс, на основе которого составлены выводы и практики успешного достижения целей и создания огромного продукта даже в одно лицо.

Внутри лежат 3 годных совета, которые можно прямо сейчас брать и внедрять в стартовый процесс проектирования.

Спойлер советов:
– Минимально жизнеспособные принципы;
– «Творческий масштаб»;
– Тестирование на возрастающих уровнях реализма.

Ссылка на статью

Прокачка команды

В этот раз видео, в котором Lead из 2GIS делится своей методой по прокачке хард-скиллов дизайн-команды.

Тут история больше про графических дизайнеров, но идеи и принципы можно спокойно адаптировать под интерфейсных дизайнеров.

Внутри видео:
– Разбор проблемы;
– Эксперименты с форматами;
– Решение: тренировки в Figma;
– Результаты внедрения;
– Советы для других команд.

Ссылка на видео