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

2021-04-15 10:24:05 ​Давненько тут не было подборок новостей про инструменты дизайна. Во-первых, Figma съедает всё и это теряет даже исследовательский смысл. Во-вторых, книжка съедает остальное время, а раскопки требуют плотного погружения. Но вот что было в свежем дайджесте:

1. Figma:
— Бесплатный тариф будет ограничен с 21 апреля. Теперь можно вести максимум 3 файла по 3 страницы в каждом и 1 проект. Хотя при этом снимут ограничение на количество редакторов.

— В последнюю неделю марта они выпускали по одному улучшению в день. Наконец-то появились списки. А ещё можно публиковать отдельные компоненты дизайн-системы, не обязательно всю библиотеку сразу. И, самое приятное, — связать личную и рабочую учётную запись. Публичный профиль в сообществе также будет единым.

— В феврале появилась бета-версия FigJam, доски для совместной работы а-ля Miro. Она всё ближе к запуску.

— Также появился улучшенный поиск внутри инструмента а-ля известный плагин Sketch Runner.

2. Sketch 71: Совместная работа с документом вышла из беты.

3. Mesh Gradients: Инструмент позволяет делать эффектные mesh-градиенты. Есть плагины для Sketch и Figma.

4. Spline: Скоро можно будет редактировать векторные иллюстрации в 3D.

5. Mail Studio: Инструмент помогает создавать адаптивные письма рассылки. Есть версии для Windows, Mac и Linux.

6. UXOps: Новый сервис для проведения карточной сортировки.

7. Attention Insight Heatmaps: Ещё один сервис, который моделирует тепловые карты для интерфейсов на основе исторических данных похожих тестов.

8. Dither Me This: Сервис позволяет сделать дизеринг изображения, что в духе одного из нишевых трендов.

9. Float: Простой инструмент для послойной анимации иллюстраций от Gal Shir.

10. Фантастическая коллекция генераторов CSS-кода для любых дизайнерских приёмов от Iris Lješnjanin. Цвета, типографика, сетки, анимация, декоративные элементы и много чего ещё. Во второй статье собраны генераторы SVG на самый разный случай: фигуры, фоны, анимация и т.п.

Надеюсь, в этом году снова найдётся достаточно времени на этот формат.

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

2021-04-12 10:24:06 Собрал дайджест продуктового дизайна за март 2021. Справочник компонентов, история дизайна в Amazon, аудио-брендинг, бесплатный курс от Google, новые инструменты дизайна, зрелость дизайна, что может массовый смартфон и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

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

2021-03-25 10:24:03 ​Прошлый мини-дайджест на тему пользовательских исследований был всего несколько недель назад. И вот снова накопилось годноты.

В качестве эксперимента 13-15 апреля курирую ещё одну программу для Future London Academy — на этот раз по UX-исследованиям. Горячий состав: звезда ResearchOps Kate Towsey (Atlassian), гений xJM и JTBD Jim Kalbach (Mural), мастера рекрутинга для удалённых исследований David Farkas (Collabralink) и Brad Nunnally (U.Group), гуру вовлечения продуктовой команды в UX-исследования Mandeep Basi (ex-Shopify), а также Rebecca Destello и Anuj Tewari (Facebook). Аж самому не верится :)

Формат — три плотных дня лекций и мастер-классов, после которых — плотные сессии вопросов и ответов, а также отличный нетворкинг (что всегда было отдельной сильной стороной Future London Academy).

Ну и, конечно, статейки-статеечки:

1. Опрос 525 специалистов по множеству тем. Получился интересный срез текущего состояния отрасли: методы, орг.струкутры, инструменты и т.п.

2. Группа веб-стандартов W3C сделала первую версию набора персонажей для учёта требований accessibility.

3. Alan Cooper: некорректное использование персонажей началось вскоре после публикации книги «Психбольница в руках пациентов». Он просто в своё время рассказал дизайнерам интерфейсом о потенциально интересном методе, а переврали его уже последователи.

4. Usethics: юзабилити-тестирование через клик-тесты скриншотов интерфейса.

5. Jean Fox и Jennifer Edgar: метод когнитивных интервью, который в каких-то ситуациях заменяет юзабилити-тестирование.

6. Shopify: исследования физических платёжных устройств в условиях удалённых методов.

7. Пачка свежего от Jeff Sauro и Jim Lewis:
— предостерегают от использования в опросах слов вроде «всегда» (преувеличение), «могли бы» (сложно определить грани) или «вы» (непонятно, речь о респонденте или, например, его семье).

— простые и чёткие формулировки вопросов при проведении опросов.

— причины, по которым респонденты могут неправильно понять формулировки опросов.

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

— как определить выборку для опроса NPS.

Увидим, сколько займёт собрать следующую мини-подборку на тему.

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

2021-03-22 10:24:04 ​Мини-дайджест обычно посвящён какой-то сфокусированной теме. Но не в этот раз:

1. Золотая статья Richard Yang, которая в очень ёмком виде описывает основные цели дизайнера интерфейсов. Минимум шелухи, максимум на ключевых результатах — упрощение сложных сценариев, причём помня о балансе между физической и ментальной сложностью.

2. Хронология взаимоотношений главы Amazon Jeff Bezos с дизайном. Успех и провалы с историей ключевых запусков.

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

4. Casper Kessels размышляет о причинах популярности сенсорных экранов в машинах, несмотря на проблемы с их эргономикой. Он проследил рост функциональности за несколько десятилетий и отмечает, что её невозмоно поддержать физическими кнопками.

5. Graeme Fulton разбирает несколько современных примеров тёмных паттернов от Amazon, Facebook, Medium и Twitter. Они строятся вокруг намеренно запутанных текстов.

6. Liz Tan размышляет на тему здорового поведения интернет-сервисов, которые знают своё место в жизни пользователя и не пытаются жить «отныне и вовеки веков, пока смерть не разлучит нас».

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

Просто отличные статьи из недавнего и нового дайджеста про важные для профессии вещи, которые жалко не закинуть сюда.

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

2021-03-18 10:24:05 ​Чуток свежих интерфейсных паттернов и лучших практик подъехало:

1. Peter Ramsey: разбор интерфейса Clubhouse. Насколько он помогает получать качественный контент (спойлер: плохо).

2. Кирилл Улитин: перепроектирование панели инструментов в браузерном редакторе докумнетов МойОфис. Они рассматривали разные популярные подходы и сравнивали их эффективность.

3. NN/g: «интернет-магазин на диване» — когда кто-то рассказывает о товарах на видео.

4. Sarah L. Fossheim: как экранный диктор Apple в часах и телефонах читает инфографику из приложений для отслеживания здоровья.

5. Cyber Duck: обновления GDPR с момента введения в 2018 году. Продолжение с фокусом на способы запроса согласия на cookies.

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

7. Marc Andrew: серия простых советов по улучшению интерфейса в виде микро-книги. Выдержка — https://marcandrew.me/ui-ux-micro-tips-volume-one/.

8. Baymard Institute: стоит оставлять поисковой запрос поля поиска в интернет-магазинах. Это помогает уточнить выборку. И важность хорошего описания товара от них же.

9. Peter Ramsey: анализ реакции инвестиционного приложения Robinhood на кризисную ситуацию с внезапной массовой торговлей акциями GameStop. Хотя под угрозой был бизнес сервиса, удар по доверию пользователей был жёстким. Автор предлагает интерфейсные улучшения, которые смягчили бы ситуацию.

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

11. Salesforce: проектирование дашбордов. Он советует фокусироваться на вопросах, которые задают себе пользователи при работе с данными.

Или не чуток :)

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

2021-03-15 10:34:03 ​Выпуски про дизайн-системы были в отпуске, но вот поднабрали сил. Вот что интересного происходило за последние месяцы:

СВЕЖИЕ ПРИМЕРЫ
1. Газпром Нефть Consta: её используют более 50 проектов компании. Есть компоненты на React и шаблоны в Figma.

2. Ростелеком: правда, большинство компонентов пока в виде скриншотов (но есть отдельный сайт с трушными).

3. Brainly: включает раздел с описанием бренда.

4. Райффайзенбанк: компоненты для веба (пока снаружи доступен просто GitHub).

5. Netflix Hawkins: технологические основы (названа в честь города из Stranger Things).

ФРЕЙМВОРКИ
Storybook запустили каталог плагинов. Подробнее о нём. В преддверии этого они выпустили расширения для просмотра и оптимизации компонентов для мобильных, встраивания макетов Figma в живой гайдлайн и расширенной документации в формате MDX.

Документация по написанию плагинов (обзор). И примеры от компаний.

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

ЦЕННОСТЬ И ВЫХЛОП
1. REI: ценность. Хотя итоговый список не нов, сами рассуждения о сложности оценки годные.

2. Ben Callahan: как обосновать вложения для руководства компании. Правда, не хватает примеров расчётов.

ТОКЕНЫ
1. Lukas Oppermann: памятка. Он сделал плагин для Figma, который позволяет экспортировать стили в JSON.

2. Will Boyd: какие значения можно использовать в CSS-переменных. Это один из самых простых способов реализации токенов.

КНИГИ И СТАТЬИ
1. Перевод книги «Design Systems Handbook» от InVision.

2. IBM: методы для координации дизайн-команды, работающей над одним, но большим продуктом.

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

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

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

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

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

2021-03-01 10:24:05 ​Судя по темпам выхода жирного контента про пользовательские исследования, они будут занимать значительную часть дайджеста в ближайшие годы:

1. Авито и группа энтузиастов изучили рынок UX- и других исследователей в России (участвовало 250 специалистов). Много деталей и задачах, форматах работы, проблемах, интересах и куче других аспектов. Схожий по целям опрос маркетинговых исследователей. И ещё материал, хотя и написанный крайне тяжёлым языком.

2. Контур: Памятка по методам качественных и количественных исследований.

3. Salesforce: Модель работы в agile. Очень крутой и свежий подход системной работы с потребителями исследований, который позволяет оптимизировать календарь.

4. Контур: Правильное проведение опросов и обработка их выводов.

5. athenahealth: Проверка идей на уровне концептов с помощью коротких видео. Часть 2 о том, как оценивают их.

6. Facebook: Грамотная подача результатов UX-исследования для команды. На чём фокусироваться, как структурировать, как оформлять.

7. NN/g: Внутренняя и внешняя валидности UX-исследований и как повысить их.

8. NN/g: Гайды для глубинных интервью.

9. NN/g: Тестирование контента.

10. Сообщество экспертов по проектированию поведения собрало свой обзор трендов в профессии на 2021 год.

И это, кажется, ещё не всё прочитано из входящих.

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

2021-02-24 10:24:05 ​1 марта стартует пятый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых четырёх отучились 250 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: ABBYY, ADV, Affect, Альфа-Банк, Apalon, App in the Air, Aviasales, Avito, Badoo, БКС, ВТБ, Chatfuel, EPAM, Foodplex, Foxford, Geekbrains, Kaspi, Mail.ru Group, ManyChat, М.Видео, Miro, Модульбанк, Mos.ru, МТС, OneTwoTrip, Открытие, Ozon, ПИК, Почта России, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Redmadrobot, Росатом, Росбанк, Ростелеком, Сбер, S7, Semrush, Skillbox, Студия Чулакова, Tele2, Тинькофф, TomTom, Учи.ру, ЦИАН, Цифра, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.

Курс построен на базе будущей книги по паттернам дизайн-менеджмента (чистовик готов на 98%). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней. Значительная часть контента добавлена, а тот что был раньше — переработан и реструктурирован под более практичный формат использования.

Получился огромный массив знаний из 37 уроков на 8,5 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли.

Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)

Записаться. Если боитесь, что не успеваете оплатить — напишите на info@bangbangeducation.ru, Bang Bang поможет.

P.S. И для разогрева: завтра курирую онлайн-конференцию «UX-марафон №23: Паттерны дизайн-менеджмента». На ней выступят руководители команд дизайна и UX-исследований: Ольга Сартакова (Redmadrobot), Александр Ковальский (Creative People), Елена Махно (Контур), Денис Кортунов (Acronis), Миша Пименова (Mish Design) и Юрий Ветров (Райффайзенбанк). Открыть/Комментировать

2021-02-18 10:24:05 ​Небольшое обновление на книжной полке, которое может стать вашим:

1. Gary Hustwit выпустил книгу с полными версиями интервью с дизайнерами из своих фильмов Helvetica, Objectified и Urbanized.

2. Кирилл Егерев «Этой кнопке нужен текст». Тексты в интерфейсе.

3. Второе издание Marco Spies и Katja Wenger «Branded Interactions». Связь бренда с интерфейсом.

4. Tom Greenwood «Sustainable Web Design». Энергоэффективные сайты, которые жгут меньше электричества.

А вот что на подходе у Rosenfeld Media:
1. Boon Sheridan «Getting Started in UX»
2. Kristin Skinner «The Essential Guide to Design Operations»

Вторая и третья уже есть в домашней библиотеке, первая в пути.

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