Taiga UI от Тинькофф

Случайно через TikTok попал на UI Kit от команды Тинькофф. Оказывается, ребята уже давным-давно нарисовали, закодили и выложили в свободное пользование очень хорошо спроектированный набор компонент.

Ссылки для изучения:
– Файл в Figma Community;
– Официальный сайт;
– GitHub проекта.

Большое обновление Auto Layout

Ух, это очень мощно! На Figma Config показали обновлённый фунционал Auto Layout.

Теперь у нас наконец-то есть возможность нативно задавать абсолютное позиционирование объектов (пока zeroBox 👋) и выставлять отрицательные значения Margin.

Это ещё не всё обновления, остальное очень советую изучить в специальном видео-туторе от Figma. Если у вас проблемы с английским, то попробуйте посмотреть через Яндекс Браузер с их переводчиком на русский.

Видео-тутор от Figma

Все обновления

Auto Layout дело не ограничилось, команда Figma накатила кучу крутых обновлений и для других функций. Полный список и подробную информацию по каждому обновлению можно прочитать по ссылке ниже.

What’s new at Config 2022

О пользовательском онбординге

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

Внутри статьи:
– Цели онбординга;
– Классификация;
– Лучшие практики.

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

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

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), ЛКМ и перемещения курсора по элементам, которые вы хотите активировать.

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

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

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

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

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

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

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