Дайджест продуктового дизайна

2021-01-18 10:24:05 12 ноября прошла первая конференция Fintech Design Conf от Райффайзенбанка, посвящённая дизайну в банках и финансовых сервисах. Её посмотрело более 12 000 человек.

Появились видео выступлений дизайн-команд и отчёт:

1. Райффайзенбанк

2. Тинькофф Инвестиции

3. Home Credit Bank

4. Сбер и AIC

5. Открытие Брокер

6. N26

7. Контур

8. Альфа-Банк

9. БКС и AIC

Весь плейлист.

Моя непрерывная серия конференций с 2012 продолжилась без года пауз :) Благодаря накопленному опыту и наработкам удалось проскочить ранний этап набивания шишек и роста аудитории (первый Dribbble Meetup собрал всего 70 человек восемь лет назад, но плавно вырос до 1000 в зале и 20 000 в онлайне). Она стала одной из трёх крупнейших отечественных и, кажется, Fintech Design Conf скоро тоже будет там :)

Подпишитесь на @raifdesign, чтобы не пропустить анонс следующей.

P.S. Кейс на Behance со всей красотой. Открыть/Комментировать

2021-01-14 10:24:03 ​Новый год начинается с лёгкой лени и доедания салатов. Вот и для мини-дайджеста про интерфейсные паттерны подобрал новые и недавние примеры:

1. Каталог паттернов игровых интерфейсов. Авторы собрали более 300 игр.

2. Val Head: Accessibility для анимации в вебе.

3. Baymard: Дарение товаров в интернет-магазинах, включая праздничную упаковку и поздравления.

4. NN/g: Обзоры каждой из 10 ключевых интерфейсных эвристик Якоба Нильсена. Вышли №3 (контроль и свобода действий), №4 (целостность и соответствие стандартам), №7 (гибкость и продуктивность) и №10 (помощь).

5. Baymard: Блок кросс-продаж в корзинах интернет-магазинов. Как не навредить текущей продаже в попытках повысить сумму заказа.

6. NN/g: Модель сканирования сравнительных таблиц «газонокосилка». Как пользователи быстро пробегаются по ним глазами.

7. Salesforce: Графики и диаграммы в приборных панелях B2B-сервисов.

8. NN/g: Приложения дополненной реальности, которые помогают примерить мебель или макияж. Она перечисляет типичные проблемы и разрыв с ожиданиями пользователей. Продолжение о том, как интернет-магазины продвигают эти возможности и обучают им.

9. Hugo Giraudel: Подробная памятка по accessibility.

10. Growth Design: Встреча нового пользователя в хитовом приложении для медитации Headspace. Спойлер: всё плохо.

11. Brian Lovin: Паттерны, помогающих предотвратить ошибку пользователя, потерю информации или плохое социальное поведение.

12. Greg Jeanneau: Переосмысление настройки приложения Dashlane для хранения паролей. Как они выделили основную ценность для обычных пользователей.

С понедельника — самое горячее от 2021 года.

#patterns Открыть/Комментировать

2020-12-30 10:24:10 Собрал дайджест продуктового дизайна за декабрь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— Facebook
— vc.ru
— ВКонтакте
— Рассылка по почте

#digest Открыть/Комментировать

2020-12-21 10:24:04 ​Осталось пережить всего 10 дней 2020 года. И, конечно же — бесконечную серию статей о «трендах», которые перепечатывают одно и то же из года в год. Новизна в этих прогнозах подаётся примерно так:
1. Прямоугольные фигуры
2. Курсивное начертание
3. Чёрный цвет шрифта
4. Фотографии людей
5. Кнопки и ссылки

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

1. Лучший пример из базовых делают Milo. Попроще от Webflow, 99designs, Graphic Mama, Diana Malewicz.

2. Реально толковый обзор от сайта EditorX.

3. «Стекломорфизм». Это матовое стекло, которое особенно популярно на Dribbble.

4. Цветовые тренды от Shutterstock.

5. Тренды в фотографии от Depositphotos.

6. Pantone выбрали цвет 2021 года. По словам компании, это сочетание «надёжного серого» и «излучающего жёлтого».

7. Лучшие книжные обложки 2020 года.

8. Цвета популярных музыкальных альбомов 2020 года.

9. Тренды в изменяющейся рабочей среде от InVision.

10. Технологические тренды от Gartner. Отдельно про технологии искусственного интеллекта.

11. Инструменты дизайна от UXTools.co. Ответило более 4000 человек без классического «70% из США». Видно, как Figma доминирует, причём сильно отодвинула вниз InVision.

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

2020 год прошёл под знаком перестройки обычной жизни под новый формат, так что на новое в дизайне времени не всегда оставалось. Зато произошёл взлёт онлайн-конференций и совместной работы в Miro / Mural. Никто не знает, когда и в каком формате вернётся обычная жизнь, так что если у неё есть шанс — будет интересно посмотреть на её обогащение наработками 2020го.

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

#trends Открыть/Комментировать

2020-12-07 10:24:04 Собрал дайджест продуктового дизайна за ноябрь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— Facebook
— vc.ru
— ВКонтакте
— Рассылка по почте

#digest Открыть/Комментировать

2020-12-03 10:24:03 ​Третий год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?

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

Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую к концу года. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.

P.S. Результаты за 2019 и 2018. Открыть/Комментировать

2020-11-30 10:24:04 ​Мини-дайджесты, кажется, возвращаются к своей компактной форме. Держите полдюжины ссылок о пользовательских исследованиях:

1. Константин Ефимов: Памятка по наиболее частым ошибкам при проведении интервью с пользователями. Очень краткий и ёмкий обзор без лишней воды. Кстати, в январе он запускает онлайн-курс по качественным исследованиям (и это должна быть одна из самых сильных программ на рынке).

2. Facebook: Ситуации, в которых UX-исследователи помогли продукту и команде. А также набор типичных проблем в проектах и базовые способы их решения.

3. Usethics: Памятка по техническим и логистическим особенностям проведения удалённых модерируемых юзабилити-тестов.

4. Jeff Sauro и Jim Lewis: Просуммировали свои последние эксперименты на тему шкал в опросниках: радиокнопки или ползунок, цифры или эмоджи, по убыванию или возрастанию оценки и т.п. В большинстве случаев разница статистически незначительная.

5. Condens: Советы по организации тегов в базе знаний и инсайтов. Очень подробный и практичный разбор с кучей примеров и реальных ситуаций. История работы над самим продуктом (интересно, что они выступают против атомарного подхода (отдельные заметки-инсайты)).

6. Erik Johnson: Выбор гипотезы для UX-исследования и формулирование вопроса исследования.

7. Точка: Как устроены пользовательские исследования в банке.

Только хотел написать, что теперь историю Телеграма будет разрывать поменьше, как пришлось добавить ещё две свежие ссылки перед публикацией :)

#research Открыть/Комментировать

2020-11-26 10:24:03 ​Компактная подборка о дизайн-менеджменте:

1. Adam Gray: Баланс продуктивности и счастья дизайн-команды. Он предлагает простой опросник для определения текущего уровня и советы по корректировке в положительную сторону.

2. NN/g: Анализ проблем в дизайне компании и составление дизайн-стратегии для их решения. Она опирается на фреймворк DesignOps от Nielsen/Norman Group.

3. IBM: Три подхода к планированию работы по дизайну: реактивный (по запросу), изолированный (в рамках релиза) и интегрированный (единый с продуктовой командой).

4. NN/g: Соотношение дизайнеров к разработчикам и UX-исследователей к дизайнерам. Хотя эта цифра сама по себе говорит мало о чём, она может быть косвенным индикатором зрелости в дизайне. Таких исследований было много, согласно их версии это 1:5:50 (UX исследователи, дизайнеры и разработчики).

5. Adrienne Allnutt: Параллель с причинами провала бизнеса и их переложение на дизайн-команду — какое поведение ведёт к неудачному развитию профессии.

6. NN/g: Простой шаблон карты компетенций в виде лепестковой диаграммы. Шаблон.

И такие же компактные подводки.

#designmanagement Открыть/Комментировать

2020-11-19 10:24:05 ​Карантин дал многим авторам книг по дизайну достаточно времени, так что недавно вышла или готовится к выходу прорва полезной литературы:

1. Второе издание James Kalbach «Mapping Experiences» о создании Customer Journey Map и других видов карт пользовательского опыта.

2. Максим Ильяхов «Ясно, понятно». Она развивает идеи «Пиши, сокращай» — контекст и тон, интерес, ясность, подача. Общий фокус на управлении вниманием читателя.

3. Третье издание Jeff Johnson «Designing with the Mind in Mind». UXmatters публикует отрывок из главы 3 об ошибках пользователей.

4. Cheryl Platz «Design Beyond Devices». Она посвящена проектированию омниканальных продуктов без жёсткой привязки к методом ввода или вывода конкретных устройств.

5. Второе издание Justin Dauer «Creative Culture» о формировании креативной культуры в компании. Выдержка из главы 5.

6. Caterina Falleni «Accessible by Design» выйдет в начале 2021 года.

7. Советы по созданию хорошего портфолио от Lyft, Clya, Dan Petty и других.

8. Rubens Cantuni «Designing Digital Products for Kids» посвящена дизайну интерфейсов для детей. Она описывает весь процесс и даёт лучшие практики.

9. «Comparative Global Design Law» изучает патентное право на дизайн в США, Европейском Союзе, Китае и Великобритании.

10. Stephen Anderson & Karl Fast «Figure It Out» о концептуальном проектировании. A List Apart публикуют выдержку из главы 8. UXmatters — выдержку из главы 11.

11. Gavin Lew и Robert M. Schumacher Jr. «AI and UX: Why Artificial Intelligence Needs User Experience» посвящена взаимному влиянию интерфейсов и искусственного интеллекта друг на друга.

12. Jeff и Stanley DeGraff «The Creative Mindset: Mastering the Six Skills That Empower Innovation» об инструментах генерации креативных решений.

13. David Dylan Thomas «Design for Cognitive Bias» о когнитивных искажениях в дизайне.

14. Donna Spencer «Presenting Design Work» о том, как презентовать работу дизайнера клиенту и продуктовой команде.

А вот что на подходе у Rosenfeld Media:
1. Kate Rutter «Practical Metrics for Designers».
2. Katie Swindler «Life and Death Design».
3. Kate Towsey «Research At Scale».
4. Alexandra Schmidt «Policy and Design».
5. Sheryl Cababa «Closing the Loop».

Вышло три выпуска в одном — такого потока не было никогда.

#books Открыть/Комментировать

2020-11-16 10:24:03 ​Плотная подборка паттернов и лучших практик из будущего дайджеста и недавних. Залежалось в черновике, но никогда не поздно:

1. NN/g: Сложные приложения. Обучение, контент, навигация и т.п.

2. Tim Kaldec: Бездумное использование схематичных экранов загрузки. В большинстве случаев они создают ощущение медлительности интерфейса, а не помогают скрасить ожидание.

3. Ирина Рускакова: Улучшение интерфейсов для пользователей с аутизмом. Чем проще структура и меньше отвлекающих элементов — тем лучше.

4. Коллекция маркетинговых паттернов: промо-сайты, промо-письма, публикации в блогах и целые цепочки встречи нового пользователя.

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

6. NN/g: Одна из самых главных интерфейсных коллизий — единая кнопка, которая обозначает текущее состояние и одновременно меняет его.

7. Lyft: Индикаторов и объекты на картах.

8. Baymard: Предостережение от использования подстраниц у карточек товаров в интернет-магазинах на мобильных. Аккордионы подходят лучше.

9. NN/g: Ситуации, в которых уместно открывать ссылку на сайте в новом окне. Их немного — в большинстве случаев решать должен сам пользователь.

10. Growth Design: Опыт первого использования TikTok и основные механики вовлечения пользователей.

11. NN/g: Приложения дополненной реальности, которые помогают примерить мебель или макияж. Типичные проблемы и разрыв с ожиданиями пользователей.

12. Коллекция ссылок на тему доступности интерфейсов для пользователей с ограниченными возможностями. Инструменты, статьи, гайдлайны и т.п.

13. Stream: Оптимизации интерфейса чата в онлайн-трансляциях.

Плотно, но потенциально годно.

#patterns Открыть/Комментировать