company_banner

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

    Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-февраль 2020.

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

    Паттерны дизайн-менеджмента: Онлайн-конференция

    28 мая курирую ещё одну онлайн-конференцию по дизайн-менеджменту. На ней выступят руководители крупных и средних по размеру дизайн- и UX-исследовательских команд: Алексей Чупин (МТС), Софья Чебанова (Wargaming), Юрий Солодовников (Альфа-Банк), Лена Лисеева (Rambler Group), Иван Соловьёв (DocDoc), создатели инструмента для карты компетенций Vectorly и я от Райффайзенбанка. Студентам одноимённого курса — почти бесплатно.



    Паттерны и лучшие практики


    Smart Interface Design Patterns Checklists PDF

    Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.



    Mobile Tutorials — Wasted Effort or Efficiency Boost?

    Alita Joyce из Nielsen/Norman Group рассказывает об интересном исследовании обучающих экранов на мобильных. Они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.



    Modal vs Page — A Decision Making Framework

    Отличная инструкция по выбору интерфейсных паттернов для представления дополнительной информации от Ryan Neufeld. Когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.


    Always Explain Why the ‘Phone’ Field Is Required (58% of Sites Don’t)

    Edward Scott из Baymard напоминает, что важно конкретизировать, зачем компании номер телефона пользователя. Это повышает доверие и вероятность заполнения поля.



    Animated GIFs in Email Are Worse Than Static Emails

    Kim Flaherty из Nielsen/Norman Group рассказывает о небольшом пользовательском исследовании анимированных GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).

    Inspired Design Decisions With Otto Storch — When Idea, Copy, Art And Typography Became Inseparable

    Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.



    Good Abandonment on Search Results Pages

    О переосмыслении роли в предоставлении информации пользователям.



    Дизайн-системы и гайдлайны


    Bootstrap 5

    Новая версия выйдет весной.



    Понимание пользователя


    iPadOS 13.4

    Появился курсор, а в новых iPad Pro трекпад (клавиатура, кстати, работает как подставка в духе обычного монитора). Интересный заход к гибридным устройствам с другой стороны.
    image

    Jim Kalbach — The Jobs To Be Done Playbook

    Открылся предзаказ на книгу Jim Kalbach «The Jobs To Be Done Playbook». Она выходит в апреле в Rosenfeld Media в апреле.

    Информационная архитектура, концептуальное проектирование, контент-стратегия


    7 Ways to Analyze a Customer-Journey Map

    Kim Flaherty из Nielsen/Norman Group рассказывает об анализе customer journey map для поиска проблем и точек роста. Хорошая памятка с примерами.



    Новые инструменты дизайна интерфейсов


    Sketch 64

    Возможность сменить цвет в символе (идеально для пиктограмм), переработанное меню компонентов и общая оптимизация.



    Protopie 4.3

    Компоненты внутри компонентов, привязка к пиксельной сетке, эффект размытия фона в iOS.

    Drama 2.0

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

    Figma: Плагины


    • Coda: Вставка данных из Spotify, Wikipedia, Dropbox, Gmail, Google Calendar, Jira, Shopify, Github и других сервисов.
    • Table Paste: Вставка таблиц из Excel.
    • Vector Maps: вставка векторной карты любой части мира.
    • LilGrid: Организует разбросанные элементы в понятную сетку.
    • LottieFiles: Плагин для анимации теперь есть и в Figma.
    • BeatFlyer Lite: Анимация.
    • GiffyCanvas: GIF-файл из макета.
    • Webgradients: Плагин от создателей генератора градиентов.
    • TinyImage Compressor: Оптимизация изображений.


    Статьи

    Alex Lockwood из Lyft рассказывает об автоматизации работы дизайнеров и разработчиков с помощью плагинов.

    Flowfield ART

    Простой генератор графики на базе потоков линий.

    Broider

    Простой инструмент для создания 9-частной границы на CSS.

    Tartanify

    Генератор шотландских паттернов в клетку с SVG на выходе. Как его делали.



    colors.lol

    Стёб над претенциозными названиями цветов в виде эпатажных палитр.

    Mooovie

    Генератор популярных размеров баннеров и видео-рекламы из одного мастера. История создания.

    Snapfont

    Плагин для Chrome позволяет быстро примерить шрифты на существующем сайте.



    Пользовательские исследования и тестирование


    How to hire for ResearchOps — skills, experience and potential

    Kate Towsey описывает своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.

    The Discovery Phase in UX Projects

    Maria Rosala из Nielsen/Norman Group описывает методичку по изучению пространства проблем на разведочной стадии дизайн-процесса. Отличный обзор методов и результатов.

    Ещё одна статья о рекрутинге — как жить, если тебе сложно находить респондентов для исследования

    Наталья Мишина из Контура даёт советы по поиску респондентов для пользовательских исследований. Особенно в ситуациях, где это непросто.



    Roadmapping for More Strategic Research

    Julie Fischer из HubSpot рассказывает, как команда формирует план пользовательских исследований. Туда не может попасть всё, так что нужна приоритезация.


    Does the Von Restorff Effect Influence User Preference?

    Jeff Sauro и Jim Lewis изучают эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.

    Incentive Calculator

    Калькулятор вознаграждения для респондентов пользовательских исследований от Ethnio. Пытается учитывать страну.



    How we’re pivoting — researching from a distance

    Ariel Chernin и Cassie Kaiser из Shopify рассказывают о работе команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.



    No, COVID-19 Is Not Skewing Your User Experience Research

    Мысли Rob Tannen на тему того, насколько релевантны пользовательские исследования, проведённые в условиях карантина, который сильно меняет поведение людей.

    Unintentional Biases

    Elissa Darnell описывает три вида неосознанных когнитивных искажений внутри продуктовых команд, которые должны помочь решить пользовательские исследования.

    The medium and the message

    Paulina Barlik из Shopify взвешивает плюсы и минусы разных форматов презентации результатов пользовательских исследований. Она даёт рекомендацию по наиболее популярным артефактам.



    Practices and Challenges of Using Think-Aloud Protocols in Industry — An International Survey

    Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.


    Кухня UX-эксперта — как приготовить рейтинг продуктов по эвристикам

    Ольга Крюкова из Usethics рассказывает, как сравнивать разные продукты по эвристикам. Она приводит пример для ресторанов.

    Avoiding User Research No-Shows

    Jonathan Walter собрал советы коллег из Rockwell Automation по ситуациям, когда респондент не пришёл на пользовательское исследование.

    A guide to asking the right user research questions

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

    Пользовательские исследования как естественный процесс в разработке продукта

    Марина Степанова из Учи.ру рассказывает о процессе пользовательских исследований в компании.



    Визуальное программирование и дизайн в браузере


    A Variable Fonts Primer

    Группа энтузиастов запустила сайт-памятку по внедрению вариативных шрифтов и работе с ними.

    Новые скрипты



    Работа с цветом в вебе

    HCL Easy: Генератор цветовых палитр с учётом пользователей с ограниченными возможностями от команды Mos.ru.

    Метрики и ROI


    Ваша команда не знает ключевых метрик продукта. Почему и как это исправить

    Олег Якубенков пишет о важности постоянного напоминания ключевых метрик продуктовой команде. Он рассказывает о своём опыте работы в Facebook и как эти знания постоянно освежали.

    Дизайн-менеджмент и DesignOps


    UX Hiring — The Performance Profile is a Game Changer

    Jared Spool описывает свой подход к найму дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека.


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

    What do I want to do with my c̶a̶r̶e̶e̶r̶ life?

    Evelyn Kim из Uber делится своим шаблоном для проведения встреч 1:1 и ведения карты компетенций в целом. Сам шаблон.

    Understanding Cultures

    Daniel Szuc и Josephine Wong дают советы по изменению культуры в компании, которая поможет хорошему дизайну.

    Командное взаимодействие


    Как работать распределённым дизайн-командам

    Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (внушительный список по миру). Это непростой формат работы и без подготовки запустить его сложновато (примерно как провернуть agile-трансформацию за две недели).



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

    Опыт компаний: Gitlab

    GitLab давно работает полностью удалённо и собрали целую мини-википедию.



    Trello

    К некоторым из них доступны шаблоны.



    Shopifyещё одна)

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



    Microsoft

    Как объединялись разрозненные дизайн-команды, работающие над Outlook.

    Nielsen/Norman Group

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



    Zendesk

    Практики и методы с учётом нескольких стран и временных зон.

    Mark Boulton

    Советы дизайн-командам, которые внезапно стали удалёнными на фоне каратнинов и самоизоляций.

    Методы и инструменты: Встречи 1:1

    Miro. Шаблон для фиксации тем обсуждений и результатов.



    Бренд-спринт

    При ребрендинге Miro.



    Рабочие сессии

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



    То же от Cisco.

    Генерация идей

    Синхронный и асинхронный подход к генерации идей.



    Большинство знаковых конфренций и массовых мероприятий в мире отменены или перенесены. А пользовательские исследования переходят на удалённый формат. Зато растут акции Zoom. А тот же InVision изначально работает полностью удалённо.



    Foundational UX Workshop Activities

    Sarah Gibbons из Nielsen/Norman Group описывает базовые активности для любых рабочих сессий в виде методичек.



    Кейсы


    Designing teamwork — How our customers helped shape the future of Slack

    Anna Niess и Zack Sultan рассказывают о свежем редизайне Slack. Они описывают логику за каждым интерфейсным решением.



    How holistic UX design increased GitLab.com free trial signups

    Matej Latin рассказывает о редизайне регистрации тестовых учётных записей в GitLab. Методичка от Kevin Comoli помогает спроектировать весь сценарий.

    The Power of Storytelling in Onboarding New Users

    Maura Byrne рассказывает о переработке процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.



    Брендинг цифровых продуктов


    Creating Virgin Atlantic’s Digital Design System, part 1

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

    История


    Абсолютный список: ВХУТЕМАС 100

    В этом году исполняется 100 лет школе ВХУТЕМАС (Высшие художественно-технические мастерские), первой отечественной школе профессионального дизайна. Bang Bang Education подготовили большую подборку материалов о ней

    Тренды


    Tech in 2020: Standing on the Shoulders of Giants

    Презентация Benedict Evans о регулировании интернета в мире как одном из главных технологических трендов.

    United Nations Global Call Out To Creatives — help stop the spread of COVID-19

    ООН обратилась к дизайнерам с просьбой помочь подготовить информационные памятки по борьбе с коронавирусом. Это гораздо лучший способ направить свою креативную энергию, чем очередной непрошенный редизайн крупного сервиса. Разбор от It’s Nice That.



    Голосовые интерфейсы


    Three Questionnaires for Measuring Voice Interaction Experiences

    Jeff Sauro и Jim Lewis описывают три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).



    Conversation Design

    Подборка статей дизайн-команды Google о головых интерфейсах и ботах.

    The Fritzes 2020 Winners

    Лучшие интерфейсы в кино за 2019 год по мнению авторов книги Sci-Fi Interfaces. Кстати, они запустили канал на YouTube с нарезками из фильмов.



    Для общего и профессионального развития




    Senongo Akpem — Cross-Cultural Design

    A Book Apart выпустили книгу Senongo Akpem «Cross-Cultural Design». Она посвящена учёту разных культур при дизайне интерфейсов. Выдержка из неё.

    Люди и компании в отрасли


    Fiverr: it’s bad, guys — it’s bad

    Geoffrey Bunting крепко приложил сервис недорогих фрилансеров Fiverr за выжимание всех соков из дизайнеров и обман заказчиков. Статья Ico-D на ту же тему.

    Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме или по почте ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
    Райффайзенбанк
    Развеиваем мифы об IT в банках

    Комментарии 0

    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

    Самое читаемое