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

2022-11-24 10:08:51 Пора отпустить на волю накопления по лучшим интерфейсным паттернам и практикам:
 
1. Michael Kritsch: Фешенебельный анализ чеклистов и фреймворков для эвристической оценки интерфейсов. Он проанализировал популярные и толковые и разложил их по полочкам. Как и другие авторы, он рекомендует создавать свой чеклист под свои задачи, используя чужие списки как ориентир.
 
2. Ad Hoc: Методичка по поддержке accessibilty на всех уровнях. Это пошаговая инструкция, позволяющая внедрить хорошие практики в продуктах, командах и культуре.
 
3. Figma: Как проектировали новый интерфейс поиска и замены.
 
4. Charlotte Wittels: Подход к решению задач по дизайну интерфейсов: понять 5C (context, cases, concept, content, constraints).
 
5. Jim Nielsen: Разбирает концепцию Kyle Simpson «качества воспроизведения» сайтов. Самая простая вещь — текстовая версия для людей с плохим интернетом.
 
6. Maggie Appleton: Интерфейсная парадигма «порталов для программирования», которые объединяют лучшее из двух миров — командной строки и графических интерфейсов. Она приводит примеры нескольких исторических и современных продуктов, которые используют этот подход.
 
7. NN/g: Структурированная подборка своих статей о психологии пользователей.
 
8. Adam Argyle: Как реализовать хорошую всплывающую подсказку.
 
9. NN/g: Настройка приложений с дополненной реальностью.
 
10. Ceara Crawshaw: Памятка по проектированию хорошего интерфейса drag&drop.
 
11. Lukas Oppermann: Нюансы поддержки цветового контраста в стандарте accessibility WCAG 2.1.
 
12. Feifei Liu: Грамотное написание и отправка транзакционных уведомлений (как правило, в смс- и push-уведомлениях).
 
13. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сайтов покупки билетов на мероприятия. Они сравнили их по метрикам SUS и NPS.
 
14. NN/g: Как международные интернет-сервисы переводят пользовательский контент типа рецензий и отзывов на разные языки.
 
16. Wix: Опыт дизайна интерфейсов для разработчиков.
 
17. Maggie Appleton: Примеры удачных решений с быстрым поискам по командам, который всё чаще встраивают в интерфейсы (они обычно вызываются по CTRL/CMD+K).
 
#patterns Открыть/Комментировать

2022-11-21 10:04:22 Свежая прорва ссылок о пользовательских исследованиях. И это я ещё не всё непрочитанное разобрал:

1. Jeff Sauro и Jim Lewis: Дополнение к памятке по методам — как выбирать их для конкретного этапа проекта.
 
2. Список международных конференций в 2023 году.

3. Emily DiLeo: Минимальная таксономия для базы знаний и инсайтов. Это 11 полей, которые точно нужны на старте.
 
4. NN/g: Структурированная подборка своих статей о методе персонажей.
 
5. User Interviews: Свежий анализ суммы вознаграждения респондентам. Разбивка по методам, длительности и другим параметрам исследования. Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам.
 
6. Jeff Sauro и Jim Lewis: Какая часть респондентов готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.
 
7. User Interviews: Подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.
 
8. Jeff Sauro и Jim Lewis: Влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов?. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.
 
9. Casey Gollan: Рассуждения на тему обмена данными между инструментами для хранения базы знаний и инсайтов. Почему сейчас они далеки от этого и что должно появиться.
 
10. Lindsey M. West Wallace: Считает, что жёсткое разделение между генеративными и оценочными исследованиями не очень правильно. Она старается добавить генеративные вопросы в оценочные проекты, чтобы при каждом общении с пользователями собирать знания о потребностях. Местами она заходит слишком далеко, отменяя быстрые итеративные тесты, но в целом мысль здравая.
 
11. Rolf Molich, Bernard Rummel и Susanne Waßerroth: Изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.
 
12. Интервью с Kirk Rodgers, директором пользовательских исследований в Bungie. Как развиваться и куда расти исследователю в играх.

13. NN/g: Советы по анализу путей пользователей в интерфейсе. Как находить проблемные места.
 
14. NN/g: Типичные проблемы при проведении этнографических исследований.
 
15. Noah Ward: Исследование навигации по больнице, в котором использовали очки для eye tracking.
 
16. User Interviews: Сравнение сервисов для проведения опросов.
 
17. NN/g: Советы по проведению удалённых этнографических исследований. Хотя это может прозвучать оксюмороном (они изначально задуманы на месте работы пользователя), но из-за пандемии других вариантов не было.
 
18. User Interviews: Памятка по поиску респондентов.
 
19. Steve Bromley: Типичные вопросы на собеседовании на роль пользовательского исследователя в играх.
 
#research Открыть/Комментировать

2022-11-17 10:07:41 Собрал дайджест продуктового дизайна за октябрь 2022. Обновление Material Design, чеклисты, ROI дизайн-систем, как построить команду UX-исследований, адаптация сотрудников, дополненная реальность, расширенные цвета, атомарные исследования, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS Открыть/Комментировать

2022-11-14 10:08:37 Свежий ссылочный выброс на тему дизайн-систем:
 
1. Material Design: Снова переработали сайт. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы. Сам сайт.
 
2. Knapsack: Калькулятор ROI на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.
 
3. Acronis: Плагины для Figma, которые помогают экспортировать макеты писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.
 
4. Square: Команда бренда вместе с агентством Athletics описала язык анимации, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
 
5. Brad Frost: Опыт работы с веб-компонентами — он в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.
 
6. Societe Generale: Практика переиспользования бизнес-паттернов. Это целые сценарии из серии экранов.
 
7. Amplitude: Плагин для Figma помогает анализировать использование живого гайдлайна. Как сама компания анализирует свою дизайн-систему.
 
8. Lukas Oppermann: Памятка по дизайну тёмной темы оформления. Он проходится по основным аспектам: изображения, пиктограммы, тени, шрифты, цвета.
 
9. Token CSS (https://tokencss.com/): Генератор токенов. Описываете их в JSON, дальше он экспортирует их в разные форматы.
 
10. Storybook: Как сделать переключатель языков с помощью фреймворка i18next.

11. Примеры:
— DRUIDS: Дизайн-система сервисов компании Datadog.
 
— NewsKit: Дизайн-система британского подразделения компании News Corp.
 
#designsystems Открыть/Комментировать

2022-11-07 10:07:35 Пора бы снова выпустить мини-подборку свежего о дизайн-менеджменте:
 
1. User Interviews: Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований. Основные зоны фокуса и план на первые 90 дней.
 
2. NN/g: Структурированная подборка своих статей о работе с лицами, принимающими решения. Одна из свежих — памятка по проведению интервью с ними.
 
3. Spotify: Толковые мысли двух Т-образных дизайнеров о том, как лучше стать таким генералистом и в чём сила комбинации нескольких специальностей.
 
4. Square: Концепция контент-долга наподобие технического и дизайнерского.
 
5. NN/g: Памятка по построению хорошего процесса адаптации новых сотрудников в компании.
 
6. Purrweb: Серия регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.
 
7. Design Dept.: Беседа с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.
 
8. Figma: Как и какие данные и аналитику используют при работе над инструментом.
 
9. Design Dept.: Пара простых советов про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.
 
#management Открыть/Комментировать

2022-10-27 10:04:46 В текущей сайд-проектной мясорубке график выпусков мини-дайджеста слетел под откос. Но выпущу подборку про пользовательские исследования даже в частичном виде:
 
1. Lucid: Методы интервью с пользователями, в которых они делают что-то с сырыми концептами интерфейса. Это позволяет собрать проблемы на ранней стадии.
 
2. Jake Burghardt: Рекомендует ориентироваться на цитирование инсайтов из базы знаний. Причём в идеале — не просто ссылки, а практическое использование в продуктовых запусках.
 
3. Контур: Советы по составлению анкеты для опроса. Часть 2.
 
4. Trina Moore Pervall: Какие предубеждения и искажения могут возникать у продуктовой команды, которая пытается делать инклюзивный дизайн и проводить исследования на тему.
 
5. Anusha Pichumani: Когнитивные искажения, которые могут вести пользовательские исследования по неверному пути. Она даёт советы, как избежать их.
 
6. Joey Lacus: Как работает новая инициатива Shopify «все дизайнеры интерфейсов умеют проводить простые пользовательские исследования». Это краткая памятка для проверки простых сценариев использования.

7. User Interviews: Базовая памятка по проведению опросов.
 
8. Steve Bromley: Советы по количеству респондентов для игровых тестов на разных этапах работы над игрой. В целом не сильно отличается от общих практик пользовательских исследований, но со своими нюансами.
 
9. Kelsey Foster: Несколько реальных и потенциальных способов анализа данных пользовательских исследований с помощью алгоритмической обработки.
 
Это был выпуск №42, но обошлось без банальных шуток.
 
#research Открыть/Комментировать

2022-10-17 10:08:30 Собрал дайджест продуктового дизайна за сентябрь 2022. Динамическая валидация форм, карта методов исследований, современные breakpoints, ROI дизайн-систем, токены, почему дизайнеры увольняются, тёмная тема оформления, accessibility, сообщения об ошибках, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS Открыть/Комментировать

2022-10-13 10:09:23 Не знаешь, какой мини-дайджест выпускать? Выпускай про интерфейсные паттерны и лучшие практики:
 
1. Виталий Фридман: Хорошая динамическая валидация форм. Она часто срабатывают неправильно, поэтому лучше использовать её аккуратно.
 
2. Polyplane: Популярные breakpoints для адаптивного дизайна. Они собрали несколько разных срезов на текущий момент.

3. Wix: Крутая инициатива — команда зарубилась на месяц и переписала тексты всех ошибок в продукте. Они предлагают отличную формулу для хорошего сообщения об ошибке.
 
4. Ashlee M Boyer: Когда корректно использовать настоящую кнопку и ссылку, стилизованную под кнопку.
 
5. Maggie Appleton: Не самые тривиальные интерфейсные паттерны для современных продуктов.
 
6. Information Architects: Советы по использованию эмоджи в интерфейсах. Они приводят много полезной статистики и исследований.
 
7. Onno Westra: Как и какие номера телефонов указывать на сайте, который работает с разными странами.
 
8. Wix: Несколько интерфейсных решений, где пришлось искать баланс между точностью описания элементов дизайна и широким кругом пользователей.
 
9. NN/g: Хорошие и неудачные решения в обучающем процессе для приложений с дополненной реальностью.

10. Jim Lewis и Jeff Sauro: Сравнительные исследования корпоративного ПО и сайтов с отзывами пользователей. Они сравнили их по метрикам SUS и NPS.
 
#patterns Открыть/Комментировать

2022-10-03 10:04:56 Между работами готовлю несколько обновлений и запусков личных проектов, так что в дайджесте могут быть перебои. Зато потом будет ещё больше полезного. А пока малюсенькая подборка о дизайн-менеджменте, чтобы уж совсем не гостится:
 
1. Figma: Результаты исследования среди дизайн-менеджеров и кадровиков о том, как правильно привлекать и нанимать толковых дизайнеров. Презентация.
 
2. Design Dept: Советы на тему получения бюджета на найм дизайнеров.

3. Matej Latin: Опросил 156 дизайнеров интерфейсов на тему причин их ухода из компании. Неплохой срез основных причин в зависимости от уровня специалиста — отсутствие карьерного роста, неудовлетворённость результатами работы.
 
4. Панельная дискуссия по организационным структурам команд бренда с дизайн-менеджерами Webflow, Zendesk и Handshake. Мини-презентация Li-Anne Dias из Handshake.

5. Dave Feldman: Как изменился его подход к построению дизайн-процесса, когда он перешёл на роль дизайнера-основателя стартапа Miter. Спойлер: он сильно упростился.
 
6. Atlassian: Немного советов для дизайн-менеджеров, которые чувствуют себя интровертами. Как быть полезными и эффективными на этой роли.
 
7. Mia Blume: Простые советы тем, кто только что стал дизайн-менеджером.
 
Первая бетка, кстати, будет уже на этой неделе.
 
#management Открыть/Комментировать

2022-09-26 10:08:15 Седьмая мини-подборка относительно свежих примеров связи бренда с интерфейсом:
 
1. Zapier (сервис-прокладка между другими интернет-сервисами).
 
2. Artboard (инструмент дизайна) от турецкого агентства Fol.
 
3. You Can Book Me (календарь) внутренними силами.
 
4. KasperskyOS (операционная система) от российского агентства ONY.
 
5. Noom (сервис заботы о личном здоровье) от американского агентства Gretel.
 
6. The Verge (технологический новостной сайт) внутренними силами.
 
7. TaskRabbit (сервис поиска исполнителей простых задач) от американского агентства Hyphenated.
 
8. Corel (теперь — Alludo) от британского агентства Design Studio.
 
9. Hootsuite (сервис управления соцсетями) от международного агентства Prophet.
 
10. RED (страховой сервис) от российского агентства ONY.

Где-то нужна подписка на Brand New, но по-другому эти кейсы пока не публиковались. Но это самая полезная инвестиция $20, которую вы можете сделать для себя.

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