Конференция SmashingConf Toronto 2019 прошла 25-26 июня в Торонто. Организаторы опубликовали видео выступлений. Часть про разработку, но есть рассказы про дизайн-системы.

Блог команды интерфейсных писателей Typeform.

Сайт дизайн-команды Intercom. Статьи и обзор процесса работы. Например, должности и требования к ним, процесс и принципы дизайна, влияние дизайнера.

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

Обзор документальных фильмов и сериалов для дизайнеров и художников на Netflix.

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

Толковая книга/курс по дизайну интерфейсов от Christopher Murphy. Подаётся как заточенная на работу в Adobe XD, но первые опубликованные главы применимы к любым инструментам.

Fabricio Teixeira и Caio Braga разбирают проблемы жанра статей об учебных редизайнах продуктов. Их стало бесчисленное множество и зачастую они шаблонны, не решают главную задачу — чтобы автора наняли. Они приводят примеры удачных кейсов и дают советы дизайнерам.

Американские военные корабли уменьшат количество сенсорных экранов после недавнего столкновения с гражданским судном.

Коллекция фантастических интерфейсов из аниме.

Игровая платформа Google Stadia предлагает накладывать стиль на игру в реальном времени.

Экспериментальный сервис превращает фото в классический портрет. Пара слов о нём.

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

Второй исследовательский проект Adobe определяет обработанные фотографии. Видео-рассказ.

Эксперимент отечественных исследователей Samsung, создающий видео говорящего персонажа на основе фото или картины.

Эксперимент от исследователей Университета Вашингтона и Facebook позволяет анимировать персонажа из обычной фотографии.

Экспериментальный инструмент дизайна, который позволяет дорисовывать фотографию готовыми объектами — например, добавить дерево или облако.

Ещё один бывший сотрудник The Grid запустил экспериментальный инструмент алгоритмического дизайна. Он генерирует токены дизайн-системы. Другой его эксперимент на эту тему.

Ещё один пример крышесносной магии — экспериментальное решение Nvidia превращает набросок в фотографию природного ландшафта.

Робо-дизайнер Luban от Alibaba помогает делать баннеры. Продавец выбирает стиль и целевые размеры, дальше генерируются все нужные варианты. Пишут, что почти вся рекламная графика на Tmall делается с его помощью. Ещё один обзор.

12,3М

поставки умных часов в мире

26,1М

поставки умных колонок в мире

?

?

Alen Faljić пытается обосновать профессию «бизнес-дизайнера». Это крайне специфичное направление, имитирующее современного менеджера продукта в консалтинговых компаниях. Можно сказать, что это очередная попытка переупаковать дизайн-мышление, только теперь с (достаточно поверхностным) заходом в бизнес-стратегию. Есть и конференции на тему.

Обзор интерфейса первого Amazon Kindle.

Jon Friedman из Microsoft кратко рассказывает о тёмной теме в MS Office. Контента немного, но видео шикарное.

Emmet Connolly из Intercom рассказывает о процессе внедрения новых методов и практик в дизайн-команде. Значительная часть статьи посвящена общефилософским вопросам, но в последней трети как раз самое интересное.

Памятка Jonathan Walter из Rockwell Automation по проведению регулярных сессий дизайн-критики продуктовой командой. Вторая часть с описанием методов.

Scott Strubberg из IBM рассказывает о своём списке инструментов дизайнера интерфейсов, который помогает разным подразделениям компании правильно выделять бюджет на покупку и вообще обосновывать.

Как устроена дизайн-команда Instacart.

Jared Spool описывает интересный подход для повышения общей дизайн-грамотности в одной из компаний. Дизайнер проводил ежедневные сессии дизайн-критики для разработчиков, которые постепенно улучшали своё понимание базовых приёмов проектирования интерфейсов.

Jeff Sauro описывает особенности метрики NASA TLX (Task Load Index), которая измеряет нагрузку на пользователя.

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

• Chrome 76 поддерживает тёмную тему на уровне браузера. Если сайт имеет её, она включится автоматом.

• Chrome 76 поддерживает ленивую загрузку из коробки.

• Генератор волн в SVG для промо-сайтов. У них есть плагин для Figma.
• Мини-навигация по странице сайта в углу экрана.
• Примеры компоновок экранов на React.

• Как делать анимацию вариативных шрифтов (слово или фраза плавно меняет начертание).
• Скрипт для интересной анимации текста.

Эксперименты с реализацией необычных сеток в вебе и вёрстки в целом от Jen Simmons.

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

Stephanie Guaman из Facebook рассказывает о необычных методах пользовательских исследований.

Толковые советы Dan Brown из EightShapes на тему догоняющих вопросов в интервью с пользователями и заказчиками. Они позволяют найти больше инсайтов.

Jeff Sauro сделал обзор методов экспертной оценки интерфейсов, которые появились за последние 30 лет.

Конфигурация простой UX-лаборатории от Michael Margolis из Google Ventures.

Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных.

David Travis из UserFocus сравнивает уровень автоматизации методов пользовательских исследований сейчас и 16 лет назад. Он делит их данные на «худые» (количественные данные) и «жирные» (наблюдения и истории).

Памятка по проведению юзабилити-тестирования для начинающих от Эмилии Городовых из Контура.

Лучшая статья на тему внедрения базы знаний и инсайтов от Etienne Fang из Uber. Она рассказывает о предпосылках, первых шагах и ошибках, организационных особенностях раскатки — практичнее пока никто не писал.

Brendan Mahony собрал десяток толковых расширений для Chrome для дизайнеров.

Новые генераторы цветовых палитр появляются примерно каждые 10 минут. Muzli собрали наиболее полезные из них (а это уже более полусотни)

• Skew: Делает версию макета в проекции для промосайтов и подачи в портфолио.

Adam Noffsinger из Dropbox рассказывает о том, как команда настроила шаблоны.

Советы Philippe Hong — горячие клавиши и чуть менее очевидные функции.

Сервис делает красивый скриншот кода для любой соцсети.

Инструмент для иллюстраторов и аниматоров в виртуальной реальности от Facebook.

• Руслан Шарипов на Udemy в виде скринкаста по практике прототипирования в. 3,5 часа про основы и не только на примере цельного проекта.

• Meng To также запустил курс.

В новой версии появились компоненты. Переработан интерфейс и освежился бренд.

Появился импорт из Figma и тёмная тема оформления.

Августовское обновление. Переработанная панель плагинов, редактирование в Photoshop, расширенный экспорт кода и другие доработки интерфейса.

Появился привычный по Figma и Adobe XD инструмент для работы с сеткой повторяющихся элементов — можно менять расстояние между столбцами и строками. В бете размер символов вроде кнопок наконец-то меняется автоматом при изменении текста и другого контента.

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

Небольшое подтверждение того, что пользователям удобнее решать сложные задачи за большим экраном компьютера или ноутбука. Выкладки из исследования Nielsen/Norman Group от Kate Moran и Kim Flaherty.

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

Caroline Jarrett и Janice ‘Ginny’ Redish описывают проблемы формул оценки читабельности текста. Они зачастую противоречат друг другу и решают не ту проблему — упрощают донесение слов, а не смысла текста.

Kara Pernice из Nielsen/Norman Group рассказывает о паттерне «слоёного пирога», которым пользователи сканируют информацию на экране. Это более продвинутая версия F-паттерна, потому что она основывается на грамотной иерархии информации.

Kara Pernice из Nielsen/Norman Group описывает способы чтения текстов, которые практикуют пользователи в разных ситуациях. Про часть из них они публиковали отдельные подробные статьи.

• Allen Huang и Rohan Shah из команды Android рассказывают об исследованиях, позволивших сделать новый подход с навигацией жестами основным. Компромисс на вид спорный (например, боковое меню выдвинуть будет сложнее), но штош. Что можно сделать с верхней и нижней панелями.

Ariana Escobar из Heroku рассказывает о системном улучшении контраста цветов в их дизайн-системе.

About Jay Freestone пишет о том, что термин «адаптивный дизайн» постепенно теряет смысл. В эпоху дизайн-систем компоненты сами подстраиваются под размер экрана и задавать логику на верхнем уровне будет всё меньше нужды. Он называет это intristic-дизайн.

Сервис генерирует набор токенов для дизайн-системы на основе сайта или макета в Figma, Sketch или Adobe XD. Выдаёт файл для препроцессоров. Правда, такой код вряд ли можно использовать в живом продукте.

Katarzyna Dziaduś из Netguru рассказывает о создании единого стиля иллюстраций и конструктора сюжетов для него.

Marco Paglia из Uber рассказывает о том, как дизайн-команда использует дизайн-систему Base.

Создатели Storybook сделали свою дизайн-систему для работы над фреймворком. Репозиторий и рассказ о ней.