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

В качестве эксперимента 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. Справочник компонентов, история дизайна в Amazon, аудио-брендинг, бесплатный курс от Google, новые инструменты дизайна, зрелость дизайна, что может массовый смартфон и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Давненько тут не было подборок новостей про инструменты дизайна. Во-первых, 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

​Собрал конспект курса Future London Academy по UX-исследованиям, который курировал на прошлой неделе. Инсайты, слайды и заметки про пять сильных лекций и воркшопов:

1. Brad Nunnally и David Farkas, авторы книги UX Research от O'Reilly.

2. Kate Towsey (Atlassian), одна из основательниц идеи ResearchOps и автор будущей книгу на тему.

3. Mandeep Basi (Sociotekno, экс-Shopify) и её обзор способов донесения результатов исследований до продуктовой команды.

4. Jim Kalbach (Mural), автор нескольких ключевых книг в профессии — Mapping Experiences и Jobs to Be Done Playbook.

5. Rebecca Destello и Anuj Tewari (Facebook), которые ни провели исследование исследователей на тему выхлопа от их проектов.

Делая эту программу, мы пытались найти золотую середину — темы должны быть интересны как практикующим UX-исследователям, так и тем кто работает с ними (в первую очередь дизайнеры интерфейсов и менеджеры продуктов). Первые отзывы очень приятные — причём от обеих групп.

Это уже шестой курс, который я помогаю курировать Кате Соломеиной. 24-27 августа пройдёт флагманский по UX и продуктовому дизайну. Если мы все не уйдём на очередную волну карантина, он состоится в офлайне и мы обязательно пройдёмся по старейшим лондонским пабам.

#research

​Понедельничная подборка свежих статей для дизайн-менеджеров и тех, кто развивает дизайн-команды в целом. Как сделать дизайнеров счастливее, а взаимодействие с продуктовой командой — лучше:

1. Alicja Suska: Дизайн-долг. В первой части она рассказывает о его сути и причинах появления. Во второй — как отслеживать и замерять. На подходе ещё несколько.

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

3. Victor Yocco: Зрелость UX и как её повысить. В первой части он фокусируется на адвокатах дизайна среди лиц, принимающих решения, а также ROI. Во второй — об обмене знаниями и менторстве. В третьей — об обучении основам дизайна.

4. Stephen Hay: Формула для вопросов на сессиях дизайн-критики. Она стартует комфортное обсуждение без осуждения.

5. Kazden Cattapan: Как объяснять дизайн-решения коллегам из разных ролей: разработчики, редакторы, менеджеры продуктов и топ-менеджеры.

6. NN/g: Фреймворк CX-трансформации компании. Недавно они выпустили отчёт с рекомендациями на тему.

7. IBM: Внедрение сложных практик и методов дизайна. Это рамка «пилот → евангелизм → масштабирование», которая позволяет делать всё поэтапно.

8. Gov.uk: Как устроено дизайн-сообщество в государственных сервисах.

9. NN/g: Карта лиц, принимающих решения. Как системно работать с ними, чтобы получить поддержку.

10. Flexport: Формат ежегодной встречи дизайнеров, которая в этом году прошла виртуально. Они сделали необычный шаблон в Miro в виде дома, где в каждой комнате проходила своя активность.

11. Shopify: Сбор обратной связи в зависимости от стадии проекта и проработки концепта.

12. IBM: Три вида помощи дизайнерам, которыми дизайн-менеджер здорово облегчает их жизнь и помогает развитию. Организация коммуникации, первая ответственность за процесс и обратная связь для самого лидера.

13. IBM: Неплохой обзор концепции Т-образных специалистов и способов развития этих навыков.

Давненько не было подборок на эту тему и вот прорвало :)

#designmanagement

​Тридцатая мини-подборка о паттернах и лучших интерфейсных практиках:

1. Smashing Magazine: Ультимативный список интерфейсных компонентов, которые свёрстаны с учётом требований accessibility.

2. Baymard Institute: Новое исследование интернет-магазинов на мобильных. Они сделали обзор основных выводов. Есть новые проблемы, но многие вроде маленьких областей нажатия или отсутствия информации о возврате — вечны.

3. NN/g: Модель поведения пользователей «собирательства ключевых слов» при поиске в интернете. Она возникает, если человек не знает, как именно искать объект (например, это редкий термин для стиля одежды).

4. Lyft: Улучшение интерфейса поддержки пользователей. Он разбирает все альтернативные подходы и логику решений.

5. NN/g: 10 лучших интранет-сайтов 2021 года. В сопроводительной статье они рассказывают о лучших практиках информирования о пандемии.

6. Nick DiLallo: Тексты в интерфейсе, которые инклюзивны.

7. Ahmad Shadeed: Виды подложек для текста на картинке и CSS-код для них.

8. Peter Ramsey: Встреча нового пользователя в Twitch и механика внутренних платежей. Это сложная система, которая никак не объясняется внутри сервиса — приходится искать объяснения в интернете.

9. Kickstarter: Оптимизация интерфейса, которая помогла поднять вложения в проекты на платформе.

10. Тинькофф: Доработки приложения для малого бизнеса, которые помогли поднять его использование клиентами относительно веб-версии.

11. Markswebb: Процесс заказа дебетовой карты. Они сравнивают подходы десяти крупнейших отечественных банков.

12. Baymard: Ключевые атрибуты карточки продукта в блоках кросс-продаж интернет-магазинов.

13. Jim Lewis и Jeff Sauro: Сравнительное исследование нескольких американских сервисов доставки еды. Они выявили ключевые драйверы хорошего пользовательского опыта и оценили их по модели Кано.

Копил-копил и накопил подборочку.

#patterns

​С конца прошлого года вышло или анонсировано несколько новых книг по дизайну интерфейсов и около того:

1. Diana Deibel & Rebecca Evanhoe «Conversations with Things. UX Design for Chat and Voice» о проектировании голосовых и чат-интерфейсов. Выдержка из главы №1.

2. Preston So «Voice Content and Usability» о подготовке контента для голосовых интерфейсов и их проектированию в целом. Параллельно вышла его статья об иммерсивной контент-стратегии.

3. Простая онлайн-книга по дизайну в вебе от Алексея Баранова. Основы хорошего дизайна и работа с паттернами.

4. Krystal Higgins «Better Onboarding» о встрече нового пользователя в интерфейсах.

5. «Brand Management for Dummies» от Frontify. Это совсем базовый обзор того, как сделать бренд цельным.

6. Beth Dunn «Cultivating Content Design» о системной работе с контентом в компании.

7. Addy Osmani «Image Optimization» об оптимизации изображений. Обзор и выдержки из неё — https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/.

8. В начале 2022 года выйдет второе издание Stephanie Marsh «User Research». Добавится раздел о ResearchOps и защите персональных данных, помимо множества других обновлений.

А вот что на подходе у Rosenfeld Media:
1. Natalie Marie Dunbar «From Solo to Scaled»

Плотно идёт!

#books

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

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

#digest

​Стопка ссылок для тех, кто внедряет дизайн-системы в коде, а не просто Фигме:

1. Дизайн-система сервиса B2B Center. Всё на месте — компоненты в коде, токены, редактура.

2. Varun Vachhar: Основные способы тестирования. Он разделил их на предмет тестирования (визуальное, композиция, взаимодействие, accessibility, сценарии), а не инструменты.

3. Storybook: Памятка по визуальному тестированию компонентов. Как настроить процесс и почему они рекомендуют оставлять его наполовину ручным.

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

5. Lukas Oppermann: Одна из самых полных и толково описанных статей о пользе внедрения.

6. Container queries появились в одной из веток Chrome. Они позволяют задавать адаптивность на уровне отдельного компонента, а не всей страницы — это здорово облегчает работу над дизайн-системой. Ahmad Shadeed и Stephanie Eckles сделали обзоры самой концепции и текущего состояния.

7. James Gilyead: Система размеров, которая позволяет реализовать гибкую адаптивную сетку как всего экрана, так и отдельных компонентов.

8. Alan Weibel: Критерии, которым должен удовлетворять новый компонент, чтобы попасть в дизайн-систему Salesforce Lightning.

9. Bootstrap 5 вышел из беты. Обзор изменений.

10. Matt Deco из Peacock: Как синхронизировать стили в компонентах в коде и Figma.

11. Mantine: Фреймворк для создания дизайн-системы на React.

</podborka>

#designsystems

На ежегодной конференции Google I/O анонсировали Android 12. Это сильное визуальное обновление (видео).

Новая версия Material Design называется Material You. Она даёт сложные и сочные по цветам темы оформления, которые будут работать по всем продуктам Google. Android сможет выцепить палитру из обоев телефона, чтобы всё выглядело органично.

Меняется многое:

— Элементы интерфейса стали крупнее, а скругления — больше. Это видно по обновлённой панели быстрых настроек (ещё).

— Изначальная идея Material Design слоёных панелей, которые отделяются тенями — всё. Теперь зонирование делается с помощью новой цветовой палитры (основной цвет и его высветленные градации).

— Интерфейс использует новый вариативный шрифт Google Sans Text в дополнение к семейству.

— Анимация стала ещё плавнее и стройнее. Она также отражается на размерах элементов
— они растягиваются и сжимаются при перестройке экрана.

— Элементы могут иметь необычные геометрические формы (например, виджет или область нажатия). Но тут пока деталей мало.

— Подкрутили стиль всплывающих окон.

— Переработали виджеты.

Функционально изменений немного — они будут появляться позже, к осеннему запуску. Но уже сейчас появился индикатор работы камеры. А телефон можно будет использовать как пульт для Android TV и машины.

Бета-версия уже доступна. Документация для разработчиков и её обзор.

А вот несколько дизайнерских презентаций:
— Обзор нового
— Адаптация интерфейса под большие экраны (в дополнение: текстовый обзор и памятка)
— Интерфейсные тексты
— Поддержка accessibility
— Сборка дизайна через Jetpack Compose (также запустили каталог компонентов)

И обновления для разработчиков.

Кстати, Google и Samsung объединили усилия в разработке WearOS. Собственная ОС Tizen от Samsung уйдёт в закат.

Со всеми изменениями это полный разрыв с изначальной идеологией Material Design, так что это название уже не имеет смысла. Но получилось свежо и бодро, даже если чистую оболочку использует не самое большое количество устройств — остальные увидят оформление своего производителя. А в мире уже 3 млрд активных устройств на Android.

#materialdesign #designsystems

​Свежая подборка ссылочек для дизайн-менеджеров из грядущего и недавнего дайджеста:

1. NN/g: Попробовали конкретизировать, насколько пересекаются роли дизайнера интерфейсов и менеджера продукта. Kara Pernice и Raluca Budiu рассказывают об опросе, который подтвердил достаточно сильное наложение зон ответственности и то, как именно относятся к этому обе стороны. Отличный набор симптомов, которые можно увидеть в своей компании. Подробный разбор ключевых точек конфликта.

2. Redmadrobot: Развитие дизайнеров в компании. Карта компетенций, менторство, способы прокачки навыков.

3. Dennis Hambeukers: Почему у всех пирамид UX, развивающих идею пирамиды Маслоу, всегда разная верхушка? Он предлагает свой подход — когда UX сначала связан с бизнес-стратегией, а потом и помогает определять её.

4. Gavin Elliott: Формат работы с дизайн-долгом. Как описывать, как разбирать, как доказывать.

5. Webflow: Что делать дизайн-менеджеру в быстрорастущей компании. Как поддерживать дизайн и дизайн-команду цельными.

6. Shopify: Необычный формат сессий дизайн-критики. Это виртуальные дебаты, в которых две группы обсуждают интерфейс в диалоге.

7. Gov.uk: Задачи координаторов дизайн-сообщества. Это огромное количество команд (4000 человек), для которых они проводят масштабное обучение и процессную поддержку.

8. Cisco: Роль дизайн-продюсера. Это дизайн-менеджер с зонами ответственности, которые хорошо работают для централизованных команд.

Надеюсь вернуть частоту мини-подборок на тему.

#management

​Пополняем коллекцию лучших интерфейсных паттернов и практик. От элементов форм до целых отраслей:

1. Виталий Фридман: Поле выбора даты рождения. Типичные проблемы в проектировании и разработке, оптимальный вариант.

2. Atlassian: 4 способа добавить вдохновляющие моменты в интерфейс (предугадать, повысить эффективность, понять намерение, эмоционально отреагировать); примеры для каждого из них.

3. Lyft: Лучший сегментированный переключатель, который они нашли. В статье есть простая и наглядная памятка по выбору элементов интерфейса для выбора.

4. Jasmine Bilham: Как приложение Headspace для медитации пересмотрело процесс встречи нового пользователя и повысило вовлечённость и возвращаемость.

5. Виталий Фридман: Большие выпадающие меню в навигации и их проблемы. Он показывает, как сделать их хорошо, а ещё — на что можно заменить их, потому что проблем с ними масса и они не всегда нужны.

6. Kathryn Totz: Правильная сортировка товаров в интернет-магазине, когда пользователь попадает в категорию. Иначе может создаться ощущение, что в ней мало полезного.

7. Baymard: Исследование сервисов с подпиской. Как люди относятся к ним и насколько готовы платить.

8. Shopify: Оптимизация интерфейса для пользователей с ограниченными когнитивными возможностями.

9. Ещё одна коллекция тёмных паттернов с возможностью предложить пример автору сайта.

10. Gov.uk: Возможность показать пароль в поле ввода. Сложности, которые возникают при реализации, казалось бы, простого интерфейсного решения.

#patterns

​В свежем мини-дайджесте про пользовательские исследования вас ждёт вот что:

1. Jeff Sauro и Jim Lewis продолжают разбирать нюансы проведения опросов. Вот несколько свежих материалов:

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

— Почему респонденты некорректно отвечают.

— Четыре типа вопросов: атрибуты, поведение, возможности, оценки.

— Четыре проблемы в качестве данных: от выборки до формулировок.

2. Jeff Sauro и Jim Lewis: Мощная памятка по выбору качественных и количественных методов исследований. Это набор из 27 характерных ключевых слов из вопроса исследования.

3. Facebook: Фокус-группы на удалёнке. Это текстовые ответы респондентов в группе на вопросы модератора, без видео-звонка.

4. Emanuela Cozzi и Lennart Overkamp: Альтернатива персонажам — «динамические личности». Они не пытаются схлопнуть множество респондентов в один профиль, а показывают спектр поведения в разных контекстах.

5. Yao Ding: Проверка интерфейсных решений, которые ориентированы на пользователей с ограниченными возможностями.

#research

Собрал дайджест продуктового дизайна за май 2021. Android 12, тексты в интерфейсах, тестирование дизайн-систем, шпаргалка по опросам, CSS container queries, развитие дизайнеров, сессии дизайн-критики, глоссарий профессиональных терминов, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Небольшая оперативная добавка к недавней подборке лучших интерфейсных паттернов и практик:

1. Rian Rietveld: Как правильно оформлять ссылки на сайтах. Так, чтобы с ними было комфортно взаимодействовать как обычным пользователям, так и людям с ограниченными возможностями.

2. Creative: Интерфейсы сервисов записи к врачу. Статья сравнивает разные подходы к навигации и представлению информации.

3. Philip C Davis: Комбинация командной строки и подсказок в современных интерфейсах. Они дают возможность как быстро набрать команду, так и выбрать вариант из списка.

4. Peter Ramsey: Интерфейс взаимодействия с поисковыми маячками Apple AirTags.

5. Baymard: Расположение кнопки поиска в интернет-магазинах.

6. Виталий Дуленко: Разбор интерфейса того самого OnlyFans.

#patterns

​Apple показали iOS15. Это итеративное улучшение на базе текущего дизайна — фокус скорее на возможностях ключевых приложений. Что можно подсмотреть в интерфейсе для своих задач:

— Переработанная панель навигации в Safari — это плавающая панель с адресом сайта и списком вкладок вместо стандартного tab bar. В браузере также появились расширения.

— В уведомлениях показывается фото контакта, а не просто иконка приложения. Они также собираются в мини-дайджест (например, утром).

— Новый вид стопок фото в мессенджере. А также индикатор фото, ссылок, музыки и другого контента, которым поделились в мессенджере.

— В фотографиях распознаётся текст — его можно скопировать, а по телефону в объявлениях на улице — позвонить. Всё это также можно перевести на другой язык (пока у них ограниченный набор). Камера распознаёт и суть объектов — например, даст справку о достопримечательности или картине.

— В приложении Здоровье появился необычный список контактов с интересным представлением аватаров (градиентный фон под ними).

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

— Новый вид карт, включая навигацию в 3D и дополненной реальности.

— Развёрнутые детальные результаты поиска.

— Редизайн приложения Погода. Добавились декоративные карточки.

iPadOS

— Наглядное переключение режима мультизадачности. Среди них появился режим центрированного попапа (например, для написания письма), а все окна одного приложения можно увидеть списком. Для двухколоночного вида можно создавать готовые комбинации.

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

— При подключении клавиатуры приложение показывает горячие клавиши.

— Виджеты добрались и до планшета. Как и автокаталог приложений.

— Песочница для создания приложений на Swift.

Что нового в MacOS Monterey.

Что нового в watchOS8.

Интерфейс развивается органично, так что пока обошлось без революций. Бета-версия должна появиться в июле, а финальная станет доступна на осенней презентации.

#ios #trends #events

​В реально коротком выпуске о дизайн-менеджменте 40% статей посвящено моделям зрелости дизайна. Молния интереса дважды ударила в одно дерево тегов:

1. Rolf Molich: Модель зрелости дизайна на примере выдуманной компании и её пути взросления. Во второй части он показывает пошаговый путь формулирования и внедрения дизайн-стратегии.

2. NN/g: Обновлённая модели зрелости дизайна Якоба Нильсена. Они сократили её с 8 до 6 этапов. К статье прилагается опросник для оценки своей компании.

3. Airbnb: Архетипы креативных лидеров, которые сложились в компании. Это не обязательно управление людьми — можно быть просто хорошим экспертом в своей области.

4. NN/g: Типичные проблемы при проведении сессий дизайн-критики. Нереалистичные сценарии использования, плохая обратная связь и вопросы не в тему.

5. Shopify: Как дизайнеры вовлекают коллег из других профессий в работу над задачами. Формат парных и групповых сессий.

Наконец-то лёгкий для чтения выпуск :)

#management

​Летом и под новый год поток ссылок подсыхает, так что некоторые выпуски будут поджарыми. Как, например, этот про паттерны и лучшие практики:

1. Bramha Dalvi: Крутейший разбор подходов к обучению пользователя основным механикам в играх. Разные подходы на реальных примерах.

2. Elise Livingston: Как описывать поведение интерфейса для учёта требований accessibility. Получается наглядная спецификация для разработчиков.

3. Sainsbury’s: Советы по улучшению интерфейсных текстов от дизайн-команды британской сети магазинов.

4. Growth.Design: Процесс встречи нового пользователя в защищённом браузере Brave.

Зато одна годнота.

#patterns

​24 июня Microsoft показали Windows 11 (видео). Это крупный редизайн, который работает на принципах дизайн-системы Fluent UI. Долгое время её можно было встретить скорее в их легендарных эффектных видео-презентациях, но не реальных интерфейсах. Зимой этот разрыв пропадёт.

Поскольку вы вряд ли делаете приложения для Windows, традиционный разбор по деталям вряд ли имеет смысл. Нет, доля операционки в мире огромная (в районе 75% по разным данным). Но модель универсальных приложений радикально менее востребована, чем у Android и iOS. А гайдлайны важно знать в первую очередь для них. Но из общеобразовательного интереса это полезно.

Дизайнеры Microsoft рассказали об идеологии и изменениях. Из заметных визуальных обновлений:
— Полупрозрачность у окон (материал «акрил» из Fluent Design);
— Заметные скругления у элементов;
— Мягкие тени;
— Новые цветные пиктограммы вместо минималистичных;
— Переосмысленная тёмная тема (изначально она появилась в Metro Design ещё в 2010 году, раньше всех на рынке);
— Вариативный шрифт Segoe UI.

Сравнение конкретных решений с Windows 10.

Куски всего этого можно было увидеть и раньше в экспериментальной Windows X для устройств с двумя экранами, переосмысленных иконках приложений и других регулярных тизерах Microsoft Design. А лента виджетов и вовсе приехала в основную Windows 10 в новом виде месяц-два назад.

Само собой, перепроектированы ключевые экраны и приложения:
— Панель задач и меню пуск;
— Поиск;
— Проводник (он отказывается от меню Ribbon UI, хотя в MS Office этот интерфейс останется);
— Настройки;
— Магазин приложений.

Неплохой обзор со скриншотами.

В Windows можно будет запускать приложения для Android (через магазин Amazon AppStore). Интересно будет посмотреть на востребованность.

Этим обновлением Microsoft прощается с Metro Design, который всё ещё является основой Windows 10. Идеология была революцией на рынке — в эпоху убогой скеоморфичной цыганщины ребята показали, как должен выглядеть современный цифровой дизайн. К сожалению, историю часто перевирают, так что поверхностное мнение приписывает «плоский дизайн» Apple, которые пришли на эту вечеринку последними.

В долгорочном использовании Metro Design оказался сильно ограничивающим (хотя экосистема приложений на нём не взлетела не поэтому). Но его роль в истории дизайна интерфейсов — наоборот, сильно поменяла отрасль. Посмотрим, что получится у Fluent Design. Как минимум видео-презентации новых приложений каждая вторая компания делает по канону Microsoft.

#windows #trends #events

​Июньский дайджест где-то рядом, а пока — материалы по пользовательским исследованиям из него:

1. User Interviews: Свежая карта инструментов. Они также добавили вариант в таблице, где проще посмотреть список.

2. Camilla Bay Brix Nielsen, Jaap Daalhuizen и Philip Cash: Фреймворк Behavioural Design Space для изменения поведения пользователей. Они проанализировали многие известные теории и концепции на тему и предложили самый цельный подход.

3. Jeff Sauro и Jim Lewis: Структура вопроса в опроснике. Как грамотно сформулировать каждую часть.

4. Константин Ефимов: Анализ популярной книги Роба Фитцпатрика «Спроси маму», помогающей проводить глубинные интервью. Что в ней работает, а к чему отнестись критически.

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

6. Atlassian: Confluence для проведения дневникового исследования. Это сработало, поскольку у клиентов уже был доступ к нему.

7. Facebook: Как лучше рассказать о разведочных пользовательских исследованиях, где не всегда понятна их сиюминутная применимость.

#research

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

У них в архиве десятки выступлений на тему роста продуктов. Вот несколько про дизайн интерфейсов, пользовательские исследования и в целом любовь к клиенту:

1. UX и продуктовый дизайн (Mail.ru Group, Авито, Dostavista, Revolut, ANNA)

2. UX-исследования (Яндекс Маркет, Gain.co, Skyeng)

3. Идеальный опыт клиента (Анны Булдакова из Facebook)

4. Minimum Lovable Product для незнакомого рынка (Александр Губочкин из Revolut)

Что-то доступно бесплатно, что-то по подписке. Но есть 7-дневный пробный период, с которым доступно вообще всё. Анонсы свежих материалов выходят в Телеграме @epicgrowth.

P.S. Я не размещаю рекламу, но иногда делаю обмен постами с близкими по духу каналами — в Телеграме почти нет органического роста.