Май '18

Конференция Enterprise UX 2017 прошла 7-9 июня в Сан-Франциско, США. Обзор первого и второго дня выступлений от Pabini Gabriel-Petit.

Онлайн-конференция прошла 13-16 февраля. UXPin опубликовали видео с него.

Список конференций по дизайну и разработке.

Серия интервью с интерфейсными дизайнерами в игровой индустрии.

Блог дизайн-команды Контур. В одной из свежих статей Александр Храмцов рассказывает о Sketch-шаблонах, а Эмилия Городовых — об особенностях проведения пользовательских интервью в компании.

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

Jason Yuan рассказывает, как изменилась его карьера после публикации непрошенного редизайна Apple Music (спойлер: в итоге его взяли стажёром в Apple, хотя до этого не хотели).

David Travis из UserFocus задаётся вопросом, стоит ли пользовательскому исследователю инвестировать своё время и деньги в магистерскую степень. В целом ― спорно, зачастую получить больше практического опыта ― это и большая зарплата, и больше знаний.

Шикарный список наград и премий по самым разным веткам дизайна. Дизайнеры агентства Red Collar участвуют в жюри нескольких из них и рассказывают о механике их работы.

Mark Vitazko из Microsoft даёт советы по проектированию интерфейсов дополненной и виртуальной реальности.

Гайдлайны IBM по проектированию диалоговых интерфейсов.

Гайдлайны по проектированию интерфейсов для Google Assistant.

Другие материалы по проектированию голосовых интерфейсов:

Cathy Pearl из Google описывает основные особенности проектирования голосовых интерфейсов.

Памятка Frederik Goossens по проектированию голосовых интерфейсов.

Группа исследователей из Aalto University и Kochi University создала экспериментальное решение, которое оптимизирует сенсорный интерфейс для пользователей с ограниченными возможностями. Обзор.

Генератор типичных для интернета картинок-мотиваторов, которые выглядят правдоподобно и так же бессмысленно.

Christian Noessel проанализировал примеры искусственного интеллекта в фантастических фильмах. Он разделил их на три категории продвинутости и опубликовал список.

Yuqian Zhou и Bertram Emil Shi рассказывают об экспериментальном решении, которое генерирует разные эмоциональные выражения лица на основе одной фотографии.

Sougwen Chung создала робота, который рисует вместе с ней. Очень яркий пример того, что значит концепция ко-дизайна с компьютером.

David Dao собрал примеры неэтичного и даже пугающего использования технологий искусственного интеллекта в цифровых продуктах.

Rama Allen из The Mill размышляет на тему искусства во времена бума искусственного интеллекта. Он также видит это как креативное партнёрство между человеком и компьютером, сравнивая с джазовой импровизацией.

Сервис позволяет имитировать голос любого человека.

-6,3%

падение продаж смартфонов в Европе

+25,4%

рост продаж смартфонов в России

+1,3%

рост продаж смартфонов в мире

×2 и ×3

рост продаж умных часов и браслетов в России (в штуках и деньгах)

20%

американских семей имеют умную колонку

1,8 млрд

ежемесячная аудитория YouTube

Michel van Heest рассказывает, как создал сервис Shortcuts.design.

Bronwyn Gruet показывает, как Creative Market сделали модульный гайдлайн по иллюстрациям с коллекцией типовых объектов. Её коллега Daniella Valerio пишет о принципах цветовой палитры.

Злоключения компании продолжаются. Для продолжения роста пользовательский базы Snapchat важно было сделать интерфейс более понятным. Правда, первый редизайн, наоборот, притормозил рост, так что пришлось срочно редизайнить и его. Выясняется, что команда продукта, включая дизайнеров, предупреждала CEO о потенциальных проблемах, но он принял волевое решение.

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

Анна Булдакова рассказывает о формате роадмапов в Intercom. У них три особенности: роадмап не про решения, а про цели; роадмап не про планирование, а про приоритеты; роадмап не про внешнюю, а про внутреннюю коммуникацию.

Sarah Gibbons из Nielsen/Norman Group рассказывает о матрице приоритезации дизайн-решений и даёт пошаговую инструкцию по её заполнению.

Интервью с Eik Brandsgård из LEGO о внедрении практики дизайн-спринтов в компании. Они решили сделать революционные, а не эволюционные изменения и запустили одновременный процесс с десятками команд. Для этого пришлось приостановить всю работу на два месяца, но по его словам, результат того стоил.

Dave Malouf описывает ценность дизайн-команды для компании по нескольким срезам. Получился чеклист по организационным вопросам.

Julian Shapiro даёт пачку советов владельцам дизайн-студий по грамотной организации работы над проектами и бизнеса в целом. Интересно, что его видение проектной работы похоже на работу продуктовых команд.

Отличная статья Alastair Simpson о трёх стадиях роста дизайн-менеджера: первый опыт управления дизайнерами, управление другими дизайн-менеджерами и работа с целым портфелем продуктов. Он даёт советы по тому, как грамотно вести себя на каждом из них. Часть 2.

Alexander Osterwalder приводит метрики для оценки успешности инновационных инициатив.

Jeff Sauro разбирает, насколько верхние оценки пользовательских опросов способны предсказать возвращаемость клиентов, а нижние ― отток. Несколько исследований, на которые он ссылается, подтверждают это.

Jakob Nielsen давно пытался найти подтверждения того, что избыточная реклама снижает лояльность пользователей и приводит к их оттоку. Сервис Pandora проводил длительное исследование на эту тему в 2014-2016 году и его результаты подтверждают гипотезу.

Как использовать CSS motion path для интерфейсной анимации.

Как дизайн-команда Salesforce подбирала цветовые палитры для визуализации данных в дизайн-системе.

Hans von Sichart из GE рассказывает, как команда дизайн-системы сделала гармоничную и обширную палитру серых цветов для использования в профессиональном ПО с кучей дашбордов.

Rahul Chakraborty описывает несколько подходов к созданию цветовой палитры для интерфейса. Перевод.

Marcin Wichary показывает, как сделать тёмную тему оформления для сайта с помощью изменения ключевых переменных в CSS.

Обзор современных возможностей CSS для журнальной вёрстки и просто интересного дизайна сайтов от Zell Liew.

Rachel Andrew описывает актуальные подходы к печатным версиям сайтов.

Lea Verou даёт советы по вёрстке адаптивных таблиц.

Airbnb сделали собственный шрифт Cereal. Karri Saarinen рассказывает о том, как команда оптимизировала его для интерфейсов. Анонс.

Lehel Babos из IBM показывает, как можно рассчитать типографическую шкалу в дизайн-системах. Он опирается на классические принципы, но перекладывает их на CSS.

Библиотека для интерфейсной анимации на JavaScript и WebGL.

Генератор паттернов на CSS. Анонс.

Реализация картины XVIII века на CSS.

Подборка экспериментов с эффектным дизайном на чистом CSS.

Онлайн-инструмент LayoutIt позволяет быстро набросать сетку блоков для Bootstrap.

Jeff Sauro задался вопросом, насколько можно сравнить метрики, полученные в ходе модерируемых и немодерируемых удалённых пользовательских исследований. Успешность выполнения задач сопоставима, а вот время выполнения не в пользу немодерируемых.

Олег Якубенков рассказывает об ухудшающих A/B-тестах. Это быстрый и дешёвый способ проверить, можно ли вообще повлиять на целевую метрику. Для этого делается вариант дизайна, который явно хуже текущего ― это покажет, работает ли существующая версия лучше его.

Melissa Safran из Deliveroo рассказывает о необычных подходах к пользовательским исследованиям, которые команда применяла за последнее время.

Sven Jungmann и Karolin Neubauer рассказывают об особенностях проведения пользовательских исследований в сфере здравоохранения. Как сделать их комфортными для пациентов и врачей.

Jeff Sauro сравнил сервисы удалённого юзабилити-тестирования. Его компания запустила собственный MUIQ, так что он отмечает его преимущества.

Raluca Budiu из Nielsen/Norman Group о пользовательских исследованиях, где разные задания даются одним и тем же, либо совсем разным респондентам. В конце она сравнивает плюсы и минусы этих вариантов. Первый дешевле, второй дает меньше помех.

Jeff Sauro даёт рекомендации по проведению сравнительных пользовательских исследований — с какими показателями по рынку можно сопоставлять метрики своего продукта.

Группа пользовательских исследователей из Indeed даёт советы по оптимизации процесса пользовательских исследований в agile-процессе.

Бонус: аналогичные советы от LaiYee Ho.

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

Marc-Oliver работает над Ubuntu и описал свои критерии добротной документации по интерфейсу.

Александр Отважный сравнил современные инструменты прототипирования.

Pasquale D’Silva рассуждает о разумности и умеренности в интерфейсной анимации. Он приводит графики движения для разных подходов, что позволяет лучше понять нюансы.

Коллекция элементов интерфейса на HTML и CSS для стилизации прототипов под бумажные скетчи.

Сервис делает из простого скриншота интерфейса красивую подачу для презентации или сайта.

Sophia Ciocca рассказывает о создании редактора для CMS NY Times.

Инструмент стал бесплатным и open source.

Вышла версия для Mac.

Первая версия будет сконцентрирована на создании динамики. Во второй обещают достаточно сложную адаптивность. Они также готовят запуск Phase Magazine.

Со-основатель Nick Budden выступил на Mail.Ru Design Conference 2018 и рассказал о грядущем релизе. Видео пока монтируется (кусок необработанного), но его коллега Влад Швец описал её основные тезисы на русском. Кстати, Ник успел заехать в гости в полдюжины отечественных дизайн-команд, так что евангелистов у инструмента станет больше.

Выпустили отчёт о популярности тех или иных приёмов работы с макетами за 2017 год. Дизайнеры стали использовать меньше слоёв и больше систем контроля версий.

Запустили галерею пользовательских проектов. Для чего и как это работает.

Ещё один инструмент для дизайнеров, который обещает экспорт макетов в код. В комплекте идёт аналитика и другие полезные ништяки.

Инструмент открыл API и также стал платформой. Первые интеграции достаточно базовые — Slack, Dropbox, Sketch. Из действительно интересных — Maze (юзабилити-тестирование на базе прототипов Marvel), Lookback и Niice (мудборды).

Анонсировали платформу для плагинов к Studio. Как и Adobe XD, они будут давать гранты лучшим разработчикам из своего Design Forward Fund. Порог входа для новых инструментов опять увеличился, теперь платформами себя называют все 4 ключевых игрока — Adobe, Figma, InVision, Sketch.