В 2016 году прошли две части конференция UXSTRAT 2016: 4-5 июня в Амстердаме и 14-16 сентября в Providence, США. Она посвящена дизайн-стратегии и собирает мощный состав тематических спикеров. Презентации опубликованы на SlideShare. Выделю наиболее интересные из них.

• Мастер-класс James Kalbach «Mapping Experiences».
• Ben Judy о UX-стратегии Intuit на трёх уровнях — продукт, компания и её миссия. Очень интересный пример организации рабочего процесса вокруг Double Diamond на 14 и 15 слайдах — они совместили эту модель с канбан-доской и планом проекта.
• Интересная модель ROI дизайна от Jon Ashley и Matt Wakeman из EPAM. Они считают его в трёх срезах — восприятие, финансы и операционная деятельность. По каждому из них даны метрики того, как дизайнеры могут помочь компании.
• Shikha Desai из команды Microsoft Office рассказывает о дизайн-джемах, которые позволяют продукту находить новые направления для роста. Это совмещение нескольких практик командной работы (хакатоны, эксперименты, стажёры, концепты), которые в конечном счёте позволяют вносить в продуктовый план новые идеи.
• Крутой кейс Michel Jansen о том, как улучшались сервисы голландской финансовой компании Aegon. Хороший пример использования модели Кано на практике.
• Kees Moens из ING рассказывает, как менялся дизайн в компании. Хорошая практическая реализация модели зрелости UX.
• Ha Phan из GoPro показывает, как пользовательские исследования и эксперименты помогли в работе над простым видео-редактором.
• Michael Thompson показывает полезный пример связки customer journey map с ключевыми метриками.
• Jeffrey Onken предлагает рассматривать этапы модели зрелости UX как обычную customer journey map. В таком виде гораздо проще обнаруживать и исправлять проблемы, мешающие созданию хорошего дизайна.
• Beverly May рассказывает о механике работы премии UX Awards. Интересный набор критериев, который может пригодиться, например, при разборе тестовых заданий.

Ещё один хороший рассказ о том, как IBM переосмыслил дизайн в компании.

Блог дизайн-команды Flipboard на Medium. В феврале они запустили новую версию приложения и рассказывают о работе над ним.

Другие блоги дизайн-команд:

• Блог дизайн-команды R/GA.

• Руководитель дизайн-команды Gerren Lamson рассказывает про формат спецификаций для описания логики работы экранов интерфейса. Шаблон. Его коллега Noah Strokes описывает реальный пример документа на базе шаблона.
• Gerren Lamson описывают памятку для новых дизайнеров в компании. Это пошаговое руководство для дизайн-менеджеров и самих сотрудников на тему того, как максимально эффективно влиться в рабочий процесс и культуру.

• Советы Anisha Jain на тему того, как работать со сложными интерфейсами и правильно расставлять приоритеты. Чёткая расстановка приоритетов по пользователям и их потребностям, фокус на ключевом функционале для новых возможностей и системный подход сквозь весь продукт.
• Как работает команда пользовательских исследований в Dropbox.

Блог стенфордской d.school на Medium. Одна из недавних статей от директора по обучению Carissa Carter говорит о том, как воспитывают в студентах гибкость по отношению к процессу. В статье отличная аналогия с рецептами.

• Nicholas Jitkoff, один из идеологов material design в Google, перешёл в Dropbox на должность главы дизайна.

• Accenture покупает за $100 миллионов большую долю в одном из крупнейших агентсв Германии SinnerSchrader.

• Интервью с режиссёром фильма Briar Levit.

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

UXmatters планирует запустить раздел с рекомендованными книгами. В преддверии этого они опросили дюжину колумнистов на тему их любимых книг по дизайну интерфейсов. В остальных выпусках будут книги по пользовательским исследованиям и юзабилити-тестированию.

Интересный онлайн-курс, который фокусируется на обучении популярным инструментам продуктовых дизайнеров. Сейчас есть уроки по Swift, Sketch, Origami, AfterEffects, Adobe XD, Flinto, Cinema 4D.

• Концепт приложения для часов, способного определять эмоции в ходе разговора.
• Дела у носимых устройств всё хуже: Fitbit сокращает 110 сотрудников; Jawbone уходит с массового рынка в B2B (медицина); доходы Apple от категории «другое», куда входят Apple Watch, упали в прошлом году.
• Игровые умные часы Gameband.

• Подборка концептов автомобильных интерфейсов на Dribbble.
• Denny Moritz, автор концепта интерфейса Porsche Mission E, выкладывает свои работы на Behance. Его сайт.

• Наглядная шпаргалка по созданию ботов в Facebook Messenger от Алины Юрченко из Stanfy.
• Shane Mac предлагает альтернативный подход к навигации при общении с ботом. RAN (Random Access Navigation) позволяет не вести пользователя по не всегда естественному и зачастую тупому сценарию, а подхватывать его запросы по ходу гибкого хода дискуссии.
• Jesús Martín описывает свой подход к проработке дерева ответов бота.

• Безумно крутое выступление Maurice Conti на TEDx об алгоритмах в пром.дизайне, архитектуре и решении комплексных проблем.
• Pinterest решил запускать «Shazam для фотографий».
• The Grid обновили сайт, теперь продукт открыт для всех. Там показаны примеры созданных на движке страниц и они подтверждают худшие опасения комментаторов на Designer News и Reddit — получается совсем посредственно. Например: andersonpaak.audio и yellow.community.

Jason Amunwa из Digital Telepathy рассуждает на тему особенностей проектирования голосовых интерфейсов. На выставке CES 2017 был настоящий бум устройств, использующих Amazon Alexa, так что многие дизайнеры столкнутся с проектированием для голосовых ассистентов в этом году.

IDEO решили, что в профессии давненько не было новых баззвордов и в конце 2016го запустили руководство по циклическому дизайну. Берём дизайн-мышление, устойчивое развитие, гибкие и lean-методики и — вуаля! — новый метод готов. Срочно обновляем профессиональные профили.

В продолжение темы:

• Методология Heuban.

Кажется, самый полный обзор трендов от Loredana Papp-Dinea, Mihai Baldean и Milo Themes на Behance. Хотя во многом это всё те же набившие оскомину «большие шрифты», «фоновые видео» и «анимация», здесь собрано, кажется, вообще всё что востребовано в последние годы.

Другие прогнозы на 2017:

• Хорошая пародия на тренды 2017 года от Christian Beck.

Шикарная коллекция старых приборных панелей на Flickr. 2300 фотографий редких устройств, приборов и социо-технических систем.

• Case Study Club, ещё один сайт-коллекция кейсов редизайна.
• Как Stack Overflow переработали главное меню. Использование дизайн-спринтов для такой задачи либо чересчур затратно, либо они имеют в виду какой-то упрощённый вариант. Но очень здорово описан процесс выкатки с изучением аналитики и результатов юзабилити-тестирования.

• Denise Spiessens рассказывает, как дизайн-критика организована в Shopify.

Cassie Slack из Shopify предлагает карту заинтересованных лиц в проекте, которая делит их по двум критериям — влияние и заинтересованность. По каждой из получившихся четырёх категорий у неё есть советы по продуктивному взаимодействию.

• Очень хорошие мысли Corinne Wayshak о том, как дизайнеры могут вовлечь разных специалистов продуктовой команды к плодотворному взаимодействию и поднять общую дизайн-культуру.

• Презентация Jake Causby и Jason Davey, которая показывает отличную модель «параллельных бриллиантов» (в дополнение к double diamond из дизайн-мышления), созвучных с идеей моей презентации — дизайн как помощь в формировании стратегии и разработке продуктов.
• Ryan Singer из Basecamp предлагает дизайнерам изменить язык, которым они описывают интерфейсные проблемы. Вместо абстрактных «лёгкий/тяжёлый», «понятный» и т.п. он предлагает чёткие и конкретные фразы.

• Ещё одна памятка по flexbox, описанная Scott Domes простыми словами.

• Сайт WebGradients предлагает CSS-параметры для модных градиентов.

• Не совсем про CSS shapes, но о том, как делать фигурные подложки в шапке сайта.

• Набор скриптов для анимации поиска.

• Фронт-енд-разработчик Sasha Tran решила рисовать иконки сразу в CSS. У неё получилась целая серия на Codepen.

• Framer научился выдавать параметры анимации для Android и iOS.

Jeff Sauro сравнивает результаты опросов пользователей из разных панелей по нескольким популярным метрикам, включая NPS, SUPR-Q.

• Отчет о проведении A/B-тестирования во время президентской кампании Дональда Трампа.

Советы David Travis из UserFocus по проведению интервью в реальном контексте жизни или работы пользователя.

Ксения Стернина с коллегами из ВШЭ последние полгода занималась проектом с использованием нейрофизиологических показателей человека.

• Susan Farrell из Nielsen/Norman Group предлагает классификацию методов пользовательских исследований в привязке к ключевым этапам проекта.

Приложение Cassette упрощает проведение пользовательских интервью. Помимо аудио-записи оно предлагает черновую транскрипцию и категоризацию инсайтов.

UsabilityLab запустили сравнительное юзабилити-исследование мобильных приложений банков, где, кроме юзабилити-тестирований частотных задач, компания замахнулась на оценку юзабилити всей функциональности, переработав модель 7 этапов Donald Norman. Также, затронем вопрос «доступности». Исследование будет готово в апреле.

Неплохая статья о передаче макетов в разработку от Алекса Барашкова и Влада Камельского.

• Zeplin теперь показывает историю версий экрана.

• Отчёт Avocode за 2016 год — особенности макетов, которые проходили через продукт. Много интересных нюансов по техникам.

• Обзор инструмента от Matteo Gratton.

• Meduza рассказала о второй версии своей редакционной CMS Монитор.

• Вышла третья версия фреймворка Slides от Designmodo.
• Ещё один отечественный инструмент «Вёрстка», который используют Коммерсантъ и другие.

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

• Marvel выпустил плагин для Sketch, который позволяет смотреть изменения в прототипе не уходя из инструмента.

• Библиотека Lottie от Airbnb на базе BodyMovin, которая позволяет экспортировать анимацию из AfterEffects в JSON, а после этого импортировать её в приложения на нативном Android и iOS, либо на базе ReactNative. Анонс с небольшой предысторией и описанием целей.

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

• Figma развивает компоненты — их стало легче синхронизировать между командой.

• Команда InVision Labs запустила Craft Freehand — возможность обсуждать макеты с менеджерами и разработчиками. Кусочек основного Invision теперь и в самом Craft.

• Lunacy, просмотрщик макетов Sketch для Windows от Icons8.
• Специфичный, но интересный способ делать компоненты с адаптивными текстами от Yaron Tamuz.
• Шаблон для создания диаграмм процесса.
• Серия советов по работе со Sketch от Jon Moore.
• Продолжение статьи Jon Moore про создание сложных символов. Показывает, как делать разные состояния кнопок. Хотя это не решает главной задачи — автоматическая подстройка ширины под текст. А состояния лучше описывать в дизайн-системе.
• Auto Layout развивает функцию stack groups и в последнем обновлении использует механику flexbox для адаптивных групп элементов. Alan Roy записал подробное пошаговое видео, показывающее как построить такую адаптивную сетку.

Sam Applebee и Alex Deruette из Kickpush показывают, как прототипировать интерфейсы виртуальной реальности в Sketch.

В продолжение темы:

• Пошаговое руководство Apurva Shah из Capital ONE о том, как создавать видео 360. Он упоминает забавную идею — запись этнографических исследований на такую камеру, чтобы лучше понять обстановку на рабочем месте или дома у пользователя.
• Эксперимент, совмещающий дополненную и виртуальную реальность со связкой Microsoft Hololens и HTC Vive.

Paul van Oijen предлагает подход к спецификации интерфейсной анимации для передачи разработчикам. Он раскладывает основные трансформации с объектами и динамику их изменений. Частично эта задача может решаться плагинами для AfterEffects, которые экспортируют параметры анимации в JSON, но описанный в статье формат отлично подойдёт для дизайн-систем.

Christina Wodtke описывает разницу между mind maps, концептуальными картами, картами системы, ментальными и концептуальными моделями.

Студенческий проект UCD Toolbox собирает методы проектирования интерфейсов в единую базу с инструментами подбора. Он полностью переработан и позволяет подбирать методы проектирования и исследований под конкретную ситуацию.

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

• Jeff Sauro рекомендует сегментировать пользователей по потребностям и ссылается на методику jobs to be done.

Толковое интервью со Scott Belsky, создателем Behance и партнёром венчурного фонда Benchmark Capital. Первая половина общая, вторая раскрывает две его концепции развития продуктов — «первая миля», касающаяся onboarding, и этапность привлечения пользователей.

Команда медиапроектов и UX-лаборатория Mail.Ru Group провели исследование того, как люди читают медиа. Это качественное, а не количественное исследование — они просто отвечают на вопрос «как бывает», собирают разные варианты поведения и изучают их глубоко. Нет задачи понять, насколько часто или типично это поведение, главное — всесторонне описать найденные кейсы. При этом количественные данные из сервиса аналитики Медиатор подтверждают выводы исследования.

• Небольшой обзор Android Wear 2.0, которая наконец-то выходит в первой половине февраля. Галерея экранов интерфейса. Интересно, что Google умудрился сделать компактную версию своего движка машинного обучения, которая позволяет использовать контекстные быстрые ответы. Возможно, это одна из вещей, которая сделает умные часы чуть более полезными.

• Teo Yu Siang разбирает проблемы в навигации Android. Очень многие навигационные элементы, включая сравнительно недавно добавленную нижнюю панель, не имеют текстовых подписей. Да, зачастую на экране нет места для этого, но тот же iOS использует подписи в нижней панели.

Антон Бадашов из Rambler & Co проанализировал принципы дизайна известных веб-сервисов.

В продолжение темы:

• Интересный пример визуального отображения принципов дизайна Degreed.

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

В продолжение темы:

• Dominic Nguyen пишет о том, как строить живые гайдлайны. Он приводит готовые фреймворки, позволяющие поднять просмотрщик компонентов на React и других платформах.
• Swanky Docs, ещё один фреймворк для создания живых гайдлайнов.
• Nathan Curtis пишет об особенностях создания и описания версий интерфейса на тёмном фоне. EightShapes также выложили простой веб-сервис для проверки сочетаний цветов на доступность — вбиваешь переменные своей дизайн-системы, видишь что в них нужно подправить.
• Daniel O’Connor из Optimizely рассказывает, как постепенно развивалась дизайн-система компании.
• Colm Tuite отлично описал первый шаг работы над дизайн-системой — определение ключевых переменных. Он работает над своим CSS-фреймворком Bantam.

• Baymard обновили своё исследование главных страниц и категорий в интернет-магазинах. В статье основные выводы об изменениях на рынке.

• Microsoft отказался от своей иконки «поделиться» в пользу предыдущего решения Apple. Они провели исследование и увидели, что она узнавалась лучше всего.

Kevin Vigneault из Viget пишет о том, что важно помнить и о высоте адаптивных сайтов. Часто простое расположение блоков друг под другом приводит к огромному количеству прокруток.

Обзор паттернов отображения форм в сложных веб-приложениях от Andrew Coyle. Перевод.