До старта восьмого потока моего курса «Паттерны дизайн-менеджмента» осталась пара недель, так что прогрею атмосферные слои пачкой свежих ссылок на тему:
1. Alicja Suska: Шикарная инструкция по пополнению и разбору дизайн-долга. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.
Вдогонку к этому: Советы Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
2. Atlassian: Памятка по планированию в Jira для дизайнеров.
3. Dovetail: Проанализировали несколько моделей зрелости пользовательских исследований и предложили неплохой фреймворк на основе подхода Nasdaq.
В другой статье Janelle Ward даёт советы по повышению этого уровня. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
4. M3ta: Роль дизайн-менеджера. В компании их уже больше 150 человек.
5. Salesforce: Роль дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.
6. IBM: Критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
7. Peter Merholz: Рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
#management
1. Alicja Suska: Шикарная инструкция по пополнению и разбору дизайн-долга. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.
Вдогонку к этому: Советы Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
2. Atlassian: Памятка по планированию в Jira для дизайнеров.
3. Dovetail: Проанализировали несколько моделей зрелости пользовательских исследований и предложили неплохой фреймворк на основе подхода Nasdaq.
В другой статье Janelle Ward даёт советы по повышению этого уровня. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
4. M3ta: Роль дизайн-менеджера. В компании их уже больше 150 человек.
5. Salesforce: Роль дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.
6. IBM: Критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
7. Peter Merholz: Рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
Как говорили братья Богдановы в своих легендарных мемах: «Кончились идеи? Выпускайте выпуск мини-дайджеста про лучшие интерфейсные паттерны и практики»:
1. NN/g: Структурированная подборка своих статей о мобильных интерфейсах.
2. Dan Brown: Информационная архитектура для сквозных тем, которые пересекаются с основной структурой во множестве мест.
3. Tess Gadd: Под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.
4. NN/g: Тренды в интранетах из их свежего ежегодного исследования.
5. Peter Ramsey: Анализ интерфейса приложения DocuSign, крупнейшего сервиса электронных подписей.
6. Виталий Фридман: Советы на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
7. NN/g: Проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
8. Daniel Schwarz: Советы по оформлению длинных статей с помощью CSS.
9. Elise Hein: Оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. Нужно ли что-то делать с этим?
10. Growth Design: Как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).
11. NN/g: Гайдлайны для роботизированных меню в поддержке по телефону.
12. Виталий Фридман: Советы по проектированию поведения кнопки «назад» в браузере.
13. MeasuringU: Обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
#patterns
1. NN/g: Структурированная подборка своих статей о мобильных интерфейсах.
2. Dan Brown: Информационная архитектура для сквозных тем, которые пересекаются с основной структурой во множестве мест.
3. Tess Gadd: Под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.
4. NN/g: Тренды в интранетах из их свежего ежегодного исследования.
5. Peter Ramsey: Анализ интерфейса приложения DocuSign, крупнейшего сервиса электронных подписей.
6. Виталий Фридман: Советы на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
7. NN/g: Проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
8. Daniel Schwarz: Советы по оформлению длинных статей с помощью CSS.
9. Elise Hein: Оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. Нужно ли что-то делать с этим?
10. Growth Design: Как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).
11. NN/g: Гайдлайны для роботизированных меню в поддержке по телефону.
12. Виталий Фридман: Советы по проектированию поведения кнопки «назад» в браузере.
13. MeasuringU: Обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
#patterns
Nielsen Norman Group
Mobile UX: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users’ needs and online behaviors.
Если вы уже успели дочитать прошлый выпуск мини-дайджеста о пользовательских исследованиях, то вот вам свежий:
1. Jake Burghardt: Запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание.
В одной из свежих статей он показывает, как помочь дизайнерам работать с такой базой.
2. Jim Lewis и Jeff Sauro: Продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.
Отдельная статья от них в продолжение: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
3. Christian Rohrer: Шпаргалка к шпаргалке по выбору методов.
4. Dovetail: Пять форматов вопросов исследования, которые влияют на выбор методов.
5. Steve Bromley: Что делать, если исследования не включают или поздно включают в процесс работы над игрой.
6. Condens: Беглый обзор основных нюансов поиска респондентов.
7. Lightricks: Вопросы, которые исследователю важно задать продуктовой команде перед началом проекта.
8. Алиса Боярских: Примеры хранилищ результатов прошедших исследований в VK и Контуре.
9. User Interviews: Напоминают, что важно прятать имя респондента при проведении исследований в Zoom. И показывают, как это делать.
10. Airtime: Советы по созданию собственной панели респондентов. Третья часть разбирает способы активации тех, кто попал в такую панель, ведь они могут игнорировать приглашения на конкретные исследования.
#research
1. Jake Burghardt: Запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание.
В одной из свежих статей он показывает, как помочь дизайнерам работать с такой базой.
2. Jim Lewis и Jeff Sauro: Продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.
Отдельная статья от них в продолжение: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
3. Christian Rohrer: Шпаргалка к шпаргалке по выбору методов.
4. Dovetail: Пять форматов вопросов исследования, которые влияют на выбор методов.
5. Steve Bromley: Что делать, если исследования не включают или поздно включают в процесс работы над игрой.
6. Condens: Беглый обзор основных нюансов поиска респондентов.
7. Lightricks: Вопросы, которые исследователю важно задать продуктовой команде перед началом проекта.
8. Алиса Боярских: Примеры хранилищ результатов прошедших исследований в VK и Контуре.
9. User Interviews: Напоминают, что важно прятать имя респондента при проведении исследований в Zoom. И показывают, как это делать.
10. Airtime: Советы по созданию собственной панели респондентов. Третья часть разбирает способы активации тех, кто попал в такую панель, ведь они могут игнорировать приглашения на конкретные исследования.
#research
Integrating Research
Building new pathways for customer insights to add more value to products. Articles on research repositories and better integrating streams of research into product development and delivery. Sign up for monthly summary: https://www.integratingresearch.com/newsletter
❤1
В этом году все выпуски мини-дайджеста об алгоритмическом дизайне заполонили генераторы графики по текстовому описанию — остальные применения пока что затерялись. Но будем следить, куда приведёт эта дорожка:
1. DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
2. Stable Diffusion: Ещё один генератор фото и иллюстраций по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.
3. Vox: Хороший разбор того, как устроены инструменты, которые генерируют изображение по текстовому запросу. В бонусном видео художники и технари толково рассуждают на тему влияния на профессию.
4. Alexander Wales: Шикарные размышления о влиянии инструментов вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
5. Julien Posture: Стоит ли иллюстраторам бояться DALL-E и других подобных инструментов. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
6. Erik Hoel: Могут ли работы DALL-E и подобных инструментов считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
7. Hannah Johnston: Сравнивает особенности работы DALL·E, Midjourney и нейросети на базе Google Collab.
8. Концепт-художник Евгений Зубков экспериментирует с Midjourney для своих иллюстраций. Внушает. Покрас Лампас тоже тизернул свои эксперименты.
9. Joseph Hillenbrand: Сгенерировал в DALL-E 2 шаблоны для подачи дизайна -- бланки, наружная реклама. Выглядит правдоподобно.
10. Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.
11. Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.
12. Lucy: Попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
13. Apple NeuMan: Официальный алгоритм для дипфейков. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.
14. Zazow: Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
P.S. Перестройка моего сайта-коллекции почти закончилась, а то я долгое время не мог пополнять его. Надеюсь анонсировать в сентябре.
#ai #algorithms
1. DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
2. Stable Diffusion: Ещё один генератор фото и иллюстраций по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.
3. Vox: Хороший разбор того, как устроены инструменты, которые генерируют изображение по текстовому запросу. В бонусном видео художники и технари толково рассуждают на тему влияния на профессию.
4. Alexander Wales: Шикарные размышления о влиянии инструментов вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
5. Julien Posture: Стоит ли иллюстраторам бояться DALL-E и других подобных инструментов. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
6. Erik Hoel: Могут ли работы DALL-E и подобных инструментов считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
7. Hannah Johnston: Сравнивает особенности работы DALL·E, Midjourney и нейросети на базе Google Collab.
8. Концепт-художник Евгений Зубков экспериментирует с Midjourney для своих иллюстраций. Внушает. Покрас Лампас тоже тизернул свои эксперименты.
9. Joseph Hillenbrand: Сгенерировал в DALL-E 2 шаблоны для подачи дизайна -- бланки, наружная реклама. Выглядит правдоподобно.
10. Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.
11. Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.
12. Lucy: Попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
13. Apple NeuMan: Официальный алгоритм для дипфейков. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.
14. Zazow: Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
P.S. Перестройка моего сайта-коллекции почти закончилась, а то я долгое время не мог пополнять его. Надеюсь анонсировать в сентябре.
#ai #algorithms
Openai
DALL·E now available in beta
We’ll invite 1 million people from our waitlist over the coming weeks. Users can create with DALL·E using free credits that refill every month, and buy additional credits in 115-generation increments for $15.
Собрал дайджест продуктового дизайна за август 2022. Атомарные исследования, дизайн-долг, accessibility, наставничество, интранеты, сообщения об ошибках, информационная архитектура, зрелость исследований в компании, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Ещё есть пара дней, чтобы попасть на восьмой поток моего курса «Паттерны дизайн-менеджмента». Закину ещё чутка свежих ссылок на тему, которой посвящаю столько сил:
1. Alicja Suska: Несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
2. Atlassian: Набор метрик UPPer (User Perceived Performance), которые помогают оптимизировать важные сценарии использования вокруг производительности в разных аспектах.
3. Understood: Системная работа по улучшению accessibility в компании. Они встроили проверку на нескольких ключевых этапах работы над задачей.
4. Контур: Памятка наставникам стажёров. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
NN/g: Выбор состава участников для совместных рабочих сессий.
#management
1. Alicja Suska: Несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
2. Atlassian: Набор метрик UPPer (User Perceived Performance), которые помогают оптимизировать важные сценарии использования вокруг производительности в разных аспектах.
3. Understood: Системная работа по улучшению accessibility в компании. Они встроили проверку на нескольких ключевых этапах работы над задачей.
4. Контур: Памятка наставникам стажёров. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
NN/g: Выбор состава участников для совместных рабочих сессий.
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
❤1
Обзоры интерфейсных паттернов и лучших практик копятся быстрее, чем проценты на микрозаймы. Что у нас на этот раз:
1. Виталий Фридман: Сообщения об ошибках в формах.
2. Чеклист требований и лучших практик поддержки accessibility.
2. Slack: Переосмыслении интерфейса для iPad. Они проанализировали типичные сценарии использования и построили навигацию и логику адаптивности вокруг них.
3. Chameleon: Толковая беседа с Pulkit Agrawal о грамотном мышлении при проектировании процесса встречи нового пользователя.
4. Pencil & Paper: Серия разборов интерфейсных паттернов и лучших практик.
5. Baymard: описывает типичные проблемы интерфейса сравнения товаров в интернет-магазинах — https://baymard.com/blog/provide-comparison-features.
6. Peter Ramsey: Анализ интерфейса приложения HBO Max, у которого самые низкие оценки в магазинах приложений среди кино-сервисов.
7. Growth Design: Анализ проблем в процессе отказа от подписки Typeform.
8. Drupal: Как поддержали accessibility в новом главном меню.
9. NN/g: Ещё одна подборка плюсов и минусов бесконечной прокрутки. Без нового, но структурировано норм.
#patterns
1. Виталий Фридман: Сообщения об ошибках в формах.
2. Чеклист требований и лучших практик поддержки accessibility.
2. Slack: Переосмыслении интерфейса для iPad. Они проанализировали типичные сценарии использования и построили навигацию и логику адаптивности вокруг них.
3. Chameleon: Толковая беседа с Pulkit Agrawal о грамотном мышлении при проектировании процесса встречи нового пользователя.
4. Pencil & Paper: Серия разборов интерфейсных паттернов и лучших практик.
5. Baymard: описывает типичные проблемы интерфейса сравнения товаров в интернет-магазинах — https://baymard.com/blog/provide-comparison-features.
6. Peter Ramsey: Анализ интерфейса приложения HBO Max, у которого самые низкие оценки в магазинах приложений среди кино-сервисов.
7. Growth Design: Анализ проблем в процессе отказа от подписки Typeform.
8. Drupal: Как поддержали accessibility в новом главном меню.
9. NN/g: Ещё одна подборка плюсов и минусов бесконечной прокрутки. Без нового, но структурировано норм.
#patterns
Smashing Magazine
Designing Better Error Messages UX — Smashing Magazine
Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea.
Свежий мини-выпуск о дизайн-системах, которые цветут и пахнут — многие уже простудились на их похоронах:
1. Gov.uk: Переосмысление беклога. Как меняли ранжирование через опрос команд в организации.
2. Maximilian Speicher и Guido Baena Wehrmann: Формула расчёта ROI. Она достаточно сложная, но полезная точка зрения на проблему. Шаблон для расчётов.
3. Подкаст с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
4. Cole Peters: Разумные ограничения, реализованные через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
5. Salesloft: Адаптация под требования accessibility с помощью токенов.
6. Steve Dennis: Хорошие иллюстрации логики работы токенов. Он описывает только цвета, но общий подход понятен.
7. Docusaurus 2.0: Вышла вторая версия генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
8. Cloudscape: Команда Amazon Web Services опубликовала свою дизайн-систему.
9. System.css: Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
#designsystems
1. Gov.uk: Переосмысление беклога. Как меняли ранжирование через опрос команд в организации.
2. Maximilian Speicher и Guido Baena Wehrmann: Формула расчёта ROI. Она достаточно сложная, но полезная точка зрения на проблему. Шаблон для расчётов.
3. Подкаст с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
4. Cole Peters: Разумные ограничения, реализованные через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
5. Salesloft: Адаптация под требования accessibility с помощью токенов.
6. Steve Dennis: Хорошие иллюстрации логики работы токенов. Он описывает только цвета, но общий подход понятен.
7. Docusaurus 2.0: Вышла вторая версия генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
8. Cloudscape: Команда Amazon Web Services опубликовала свою дизайн-систему.
9. System.css: Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
#designsystems
designnotes.blog.gov.uk
How we prioritise additions to the GOV.UK Design System
The GOV.UK Design System have been looking at what their next priorities will be over the next financial year.
Свежих книг по дизайну интерфейсов не то что бы море-океан, но на дачный басик накапало:
1. Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.
2. SuperFriendly «Design System in 90 Days» о дизайн-системах. В дополнение идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
3. Harry Brignul «Deceptive Design» о тёмных паттернах выйдет в конце года. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
4. Sameera Kapila «Inclusive Design Communities» о том, как сделать дизайн-сообщество инклюзивным на любом уровне.
5. Alexandra Schmidt «Deliberate Intervention. Using Policy and Design to Navigate the Harms of New Technology» о том, как заранее делать новые технологии соответствующим общепринятым нормам и законам.
6. A Book Apart: Антология своих ключевых книг на тему дизайна и контента, проектирования интерфейсов и разработки. По сути это 12 небольших книг, собранных в один трёхтомник.
7. Heather Burns «Understanding Privacy» о том, как обеспечить безопасность данных пользователей и не только в человечном ключе. Анонс.
А вот что на подходе у Rosenfeld Media:
1. Jorge Arango «Duly Noted»
2. Donna Lichaw «Story Driven Leadership»
3. Liya James «Innovation By Inclusion»
#books
1. Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.
2. SuperFriendly «Design System in 90 Days» о дизайн-системах. В дополнение идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
3. Harry Brignul «Deceptive Design» о тёмных паттернах выйдет в конце года. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
4. Sameera Kapila «Inclusive Design Communities» о том, как сделать дизайн-сообщество инклюзивным на любом уровне.
5. Alexandra Schmidt «Deliberate Intervention. Using Policy and Design to Navigate the Harms of New Technology» о том, как заранее делать новые технологии соответствующим общепринятым нормам и законам.
6. A Book Apart: Антология своих ключевых книг на тему дизайна и контента, проектирования интерфейсов и разработки. По сути это 12 небольших книг, собранных в один трёхтомник.
7. Heather Burns «Understanding Privacy» о том, как обеспечить безопасность данных пользователей и не только в человечном ключе. Анонс.
А вот что на подходе у Rosenfeld Media:
1. Jorge Arango «Duly Noted»
2. Donna Lichaw «Story Driven Leadership»
3. Liya James «Innovation By Inclusion»
#books
Rosenfeld Media
From Solo to Scaled | Free Ebook with Purchase | Natalie Marie Dunbar
Transform your content strategy with From Solo to Scaled. This essential guide provides a blueprint for establishing and growing a sustainable content practice.
❤1
Давненько не было мини-выпусков о пользовательских исследованиях (на самом деле нет — это самая быстрорастущая ветка):
1. Jeff Sauro и Jim Lewis: Классификатор методов. Они делят их на несколько категорий: поведение, отношение и аналитические.
2. Klaviyo: Формат сессий критики. Они ориентировались на метод дизайн-критики, но адаптировали его под свои задачи.
3. UserZoom: Мини-фреймворк по ResearchOps.
4. NN/g: Метод анти-персонажей. Он позволяет лучше понять тех, кто может использовать продукт в злонамеренных целях.
5. User Interviews: Серия подходов, которые помогают снять геморрой по поиску респондентов. Это самая ненавистная часть работы многих исследователей.
6. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии. Это более полная версия её недавней статьи.
7. Atlassian: Неплохой обзор процесса интервью.
8. NN/g: Фреймворк CUE (Context, Unspoken, Environment), который помогает проводить этнографические исследования и лучше понять особенности поведения.
9. Jeff Sauro и Jim Lewis: Как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
10. NN/g: Исследования мобильных приложений с дополненной реальностью.
11. Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett: Исследование взаимодействия с автономными такси.
NN/g: Памятка по защите персональных данных респондентов.
#research
1. Jeff Sauro и Jim Lewis: Классификатор методов. Они делят их на несколько категорий: поведение, отношение и аналитические.
2. Klaviyo: Формат сессий критики. Они ориентировались на метод дизайн-критики, но адаптировали его под свои задачи.
3. UserZoom: Мини-фреймворк по ResearchOps.
4. NN/g: Метод анти-персонажей. Он позволяет лучше понять тех, кто может использовать продукт в злонамеренных целях.
5. User Interviews: Серия подходов, которые помогают снять геморрой по поиску респондентов. Это самая ненавистная часть работы многих исследователей.
6. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии. Это более полная версия её недавней статьи.
7. Atlassian: Неплохой обзор процесса интервью.
8. NN/g: Фреймворк CUE (Context, Unspoken, Environment), который помогает проводить этнографические исследования и лучше понять особенности поведения.
9. Jeff Sauro и Jim Lewis: Как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
10. NN/g: Исследования мобильных приложений с дополненной реальностью.
11. Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett: Исследование взаимодействия с автономными такси.
NN/g: Памятка по защите персональных данных респондентов.
#research
Measuringu
A Taxonomy of Common UX Research Methods – MeasuringU
Седьмая мини-подборка относительно свежих примеров связи бренда с интерфейсом:
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
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
Zapier
Zapier Brand
Discover the possibilities of the Zapier brand. From photography and typography to colors and artwork— it’s an identity system built around our customers’ stories.
Между работами готовлю несколько обновлений и запусков личных проектов, так что в дайджесте могут быть перебои. Зато потом будет ещё больше полезного. А пока малюсенькая подборка о дизайн-менеджменте, чтобы уж совсем не гостится:
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
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
Figma
The outsized role culture plays in attracting design talent | Figma Blog
The link between design culture, happiness, and hiring
Не знаешь, какой мини-дайджест выпускать? Выпускай про интерфейсные паттерны и лучшие практики:
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
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
Smashing Magazine
A Complete Guide To Live Validation UX — Smashing Magazine
Live, or inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it.
Собрал дайджест продуктового дизайна за сентябрь 2022. Динамическая валидация форм, карта методов исследований, современные breakpoints, ROI дизайн-систем, токены, почему дизайнеры увольняются, тёмная тема оформления, accessibility, сообщения об ошибках, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
В текущей сайд-проектной мясорубке график выпусков мини-дайджеста слетел под откос. Но выпущу подборку про пользовательские исследования даже в частичном виде:
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
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
Medium
Run activity based interviews to maximize your time with users
By Isabel Boettcher, UX Researcher at Lucid Software
Пора бы снова выпустить мини-подборку свежего о дизайн-менеджменте:
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
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
Userinterviews
How to Build a UX Research Team | User Interviews
Just hired as a UX research leader? Here's a checklist and tips for what to do in your first 90 days to build and manage an effective user research team.
❤1
Свежий ссылочный выброс на тему дизайн-систем:
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
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
Material Design
Magic, utility, and redesigning Material.io
Discover the exciting redesign of Material, pushing visual and interactive expression in design guidelines with Material Design 3.
Собрал дайджест продуктового дизайна за октябрь 2022. Обновление Material Design, чеклисты, ROI дизайн-систем, как построить команду UX-исследований, адаптация сотрудников, дополненная реальность, расширенные цвета, атомарные исследования, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
❤1
Свежая прорва ссылок о пользовательских исследованиях. И это я ещё не всё непрочитанное разобрал:
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
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
Measuringu
Four Ways to Pick the Right UX Method – MeasuringU
👍1
Пора отпустить на волю накопления по лучшим интерфейсным паттернам и практикам:
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
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
Medium
Usability heuristic frameworks: which one is right for you?
Going beyond Nielsen’s Usability Heuristics (with Infographic)
❤1
Кошечка говорит «мяу», собачка говорит «гав», дизайн-системы в дайджесте говорят «и снова здравствуйте»:
1. Romina Kavcic: Интерактивная мини-книга.
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.
3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
8. Henny Swan: Где и как описывать accessibility.
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
#designsystems
1. Romina Kavcic: Интерактивная мини-книга.
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.
3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
8. Henny Swan: Где и как описывать accessibility.
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
#designsystems
thedesignsystem.guide
The Design System Guide
Set Up a Design System. Guide, Resources, Useful Tools, Checklists