Процесс сравнения товаров

Новый разбор Станислава Храсталёва (автора HardClient). В данной статье рассматривается процесс сравнения товаров в e-commerce.

Внутри статьи:
– Размещение точек входа;
– Кнопка добавления в сравнение;
– Подтверждение;
– Кнопка перехода к сравнению;
– Placeholder страницы сравнения;
– Типы сравнения товаров;
– Сравнение по категориям;
– Прокрутка списка товаров;
– Карточки товаров;
– Сравнение характеристик;
– Удаление из сравнения.

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

Подборка материалов для продуктового дизайнера

Очень крутые и максимально полезные материалы под точечные запросы и темы.

База подготовлена Машей — соосновательнецей базы знаний Designhub. Советую потом изучить отдельные части базы, там тоже куча интересностей.

Подборки:
– Продуктовый подход;
– Проектирование UX;
– CustDev;
– Этичный дизайн;
– Галереи вдохновения.

Кто-нибудь пользуется Klokki? Поделитесь опытом использования)

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

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

Как вы думаете, что это такое?

Сегодня общался с техподдержкой ВТБ и в какой-то момент у меня появилась эта штука.

Если вы не допёрли, как и я, то ответ оставляю в комментариях.

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

Дизайн-митап по работе с таблицами

X5 недавно провели свой первый дизайн-митап, посвящённый работе с таблицами в интерфейсах.

Доклады с митапа:
– Про осознательный отказ от таблиц в продуктах (презентация);
– Про функции таблиц и как сделать их удобнее (презентация);
– Про комбинирование визуализации данных и таблиц (презентация).

Figma выкатила мелкие обновления:
– Появилась возможность создавать токены прямо в сайдбаре;
– Изменено окно создания и редактирования токена;
– Инструмент Scale теперь имеет отдельную секцию в сайдбаре и более тонкие настройки масштабирования.

Жаль, что не подвезли нативные «Aspect ratio» свойства в инструмент Scale.

Тааааак, а это уже интересно!

UPD: Грусть, печаль, скам, это просто активированный Scale в инструментах, а я подумал, что наконец-то в Figma появились нативные «Aspect ratio» свойства.

Цикл статей про дизайн данных

Лютейший цикл статей от Павла Шедера про проектирование структуры, обмен и обработку данных в продуктах.

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

Статьи цикла:
– Что и зачем?;
– Как?;
– Меняемся?;
– Матчасть: основы;
– Матчасть: базы данных;
– Матчасть: API;
– Прототипирование.

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

UPD: Хотя нет, валится очень крутые материалы, которые опубликует кто-то другой, если я этого не сделаю. Завтра (23 ноября) будет пост.

Гайд по созданию дизайн-системы

Что-то супер годное, Ромина Кавчич разработала ультимативный гайд по созданию и развитию дизайн-систем. Чек-листы, объяснение основ, токены и метрики, всё это теперь в одном месте и понятным языком.

Разбираемые темы:
– С чего начать?;
– Дизайн аудит;
– Структура;
– Дизайн-токены;
– Планирование и сотрудничество;
– Адаптация (WIP);
– Документация (WIP);
– Метрики (WIP);
– Ресуры (WIP).

Ссылка на проект

Новая версия библиотеки VKUI

Наконец-то все элементы на Auto Layouts и используют последние фишки Figma для компонент.

Чего нового:
– Компоненты для платформ Android и Web объедены и переключаются с помощью свойства Size Class;
– К компонентам были добавлены различные Variants, Property, Auto Layouts и подсказки;
– Палитру переработали и упаковали в библиотечный файл для удобной работы на бесплатных аккаунтах.

Файл Figma Community

Гайд по немодерируемым UX‑исследованиям

Ребята, создающие Pathway, выпустили недавно свой собственный гайд по подготовке, проведению и анализу результатов немодерируемых UX‑исследований.

Содержание гайда:
– О немодерируемых исследованиях;
– Готовимся к исследованию;
– Анализируем результаты;
– Подробнее о видах тестов.

Ссылка на гайд

Вписался в курс. Для студий. Ага, для студий.

Видете на скришноте гномика оранжевого? Это я на первой лекции.

Буду теперь узнавать, как студии до больших чеков доводить, как наводить порядок в процессах и как собрать супер команду. Зачем мне всё это, я пока не придумал, но интересно ппц.

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

Тренажёр для подготовки к собеседованиям

Александр Дьяков, продуктовый дизайнер в Яндекс Картах, разработал тренажёр для подготовки к собеседованиям. Здесь можно подготовиться к вопросам, которые часто задают на собеседовании в IT-компании.

Внутри вопросы для:
– Продуктовых дизайнеров;
– Продакт-менеджеров;
– Фронтенд разработчиков.

Ссылка на тренажёр

Новогодний Яндекс Субботник по дизайну и разработке интерфейсов

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

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

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

Генеративные палитры в дизайн-системе
Дизайнер и разработчик сделали интересную генеративную палитру для работы с промо цветами. Советую послушать «вопрос-ответ» после лекции, там ребята докидывают полезную информацию по работе системы.

Что такое продуктовое мышление?

Очень короткое и понятное объяснение термина, который много кто не понимает, но хочет прокачать.

Внутри статьи:
– Определение;
– Пример;
– Антипример.

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

Мемное воскресенье

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

Также приглашаю и вас покидать рабочих и около рабочих мемов в комментарии под этим постом.

Опросники в проектировании UI/UX и разработке продукта: чем они помогают

Как с помощью опросников протестировать визуальный дизайн (UI), построить информационную архитектуру, выявить важные функции продукта и замерить юзабилити — восемь кейсов с примерами.

Разбираемые опросники:
– 5-секундный тест + опросник;
– Анализ важнейших задач;
– Модель Кано;
– Индекс потребительской лояльности и его аналоги;
– Обратная связь по отдельным функциям продукта;
– Отбор респондентов;
– Опросник «Почему?»;
– Шкала юзабилити.

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

Основы визуализации данных

Бесплатная электронная версия книги Клауса Вильке по визуализации данных.

Книга поможет разобраться в проблемах визуализации и даст рекомендации по превращению больных наборов данных в понятные и убедительные структуры.

Ссылка на книгу

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

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

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

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

Модели медиапотребления

Дневниковое исследование от UX-лаборатории Mail Ru, направленное на лучшее понимание того, что люди читают, почему, когда и как.

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

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

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