Январь '17

Бесплатная онлайн-конференция Enterprise UX Virtual Summit 2017 пройдёт 14-17 февраля. Достаточно мощный состав выступающих: Irene Au, Jeffrey Veen, Lou Rosenfeld, Rian van der Merwe и ещё 15 толковых специалистов.

Smashing Magazine составили список конференций по дизайну и разработке на первое полугодие 2017 года.

Блог дизайн-команды Envato на Medium. Есть также публикации о фронт-энде.

Дизайн-команда Creative Market запустила блог на Medium. Одна из первых статей посвящена тому, как развивались дизайн-процессы и какие цели они ставят перед собой сейчас.

Microsoft запустили блог своей дизайн-команды на Medium.

Блог дизайн-команды Capital One, которые несколько лет назад купили Adaptive Path.

Свежие статьи:

• Jesse James Garrett опросил дизайнеров Capital One на тему того, что привлекает их работать в банковской среде.

Сессия AMA от UX-Среда и vc.ru с дизайн-командой Clay, основанной командой студии SFCD / SoftFacade: на вопросы отвечали Антон Зыкин, Олег Турбаба, Дмитрий Цозик и Александр Хмелевский. Изначально запущенная в Санкт-Петербурге, позже SoftFacade открыла офисы в Нью-Йорке и Сан-Франциско. А с недавнего времени костяк команды запустил новый бренд Clay. Это одна из самых ярких дизайн-студий с отечественными корнями, которая отметилась работой для крупных брендов и давно вышла за рамки иконок — в портфолио много интереснейших интерфейсных работ, а в списке наград — большинство крупных международных премий.

Конгломерат дизайнерских компаний Tiny купил Dribbble. У них теперь достаточно интересный портфель — сообщество Designer News, СММ-сервис Buffer, дизайн-студии MetaLab и Pixel Union, таск-менеджер Flow и ещё пачка связанных сервисов. Владельцы планируют и дальше покупать околодизайнерские проекты.

Jerrod Larson и Daan Lindhout дают советы продуктовым дизайнерам по успешному прохождению всех этапов собеседования.

Простые и толковые советы по отношению к работе для дизайнеров от Jasper McChesney. Фокус, проектные артефакты, подход к решению проблем.

Толковые советы Lauren Holliday о том, как строить портфолио с упором на решение проблем, а не просто картинки.

Benjamin Earl Evans даёт советы дизайнерам, участвовавших в длительных проектах, о том, как избежать профессионального выгорания.

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

Алексей Копылов нашёл полный архив интерфейсных комиксов OK/Cancel, переведённых коллективом UIDG на русский язык 2003-2006 годах.

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

• Microsoft пробует зайти в автомобили с другой стороны — вместо тщетной попытки захватить бортовой компьютер в духе CarPlay и Android Auto (которые автопроизводители никогда не пустят внутрь), они пытаются стать инфраструктурной платформой. Microsoft Connected Vehicle Platform обеспечивает основу для работы облачных сервисов и виртуальных ассистентов.

• Engadget подводит итоги 2016 года на рынке умных часов — одного из самых печальных в истории носимых устройств. Компании покупались и закрывались, продажи падали, ключевые продукты откладывались.
• Круизная компания Carnival Cruises внедрила похожие на Disney MagicBand браслеты на своих кораблях.

• Elaine Lee рассказывает об опыте создания двух ботов eBay — с поддержкой обычных сотрудников-операторов и полностью автоматизированный. В статье приводятся плюсы и минусы обоих подходов.
• ChatBottle, ещё один каталог ботов.

• Facebook выпустили React для виртуальной реальности.
• Шаблон для примерки макетов окружения виртуальной реальности в Sketch от Kickpush, которые можно посмотреть в просмотрщике GoPro.
• Бумажный шаблон для скетчей интерфейсов виртуальной реальности от Владимира Курбатова.
• Virtual Reality Pop, подборка статей о дизайне для виртуальной реальности на Medium.

Nielsen/Norman Group объявили победителей своих ежегодных наград за лучший интерфейс в интранете. Авторы статьи описывают основные изменения в отрасли — например, то что скорость разработки увеличилась.

На Smashing Magazine вышла дополненная и структурированная версия статьи об алгоритмическом дизайне. В ней собраны примеры инструментов, которые помогут упростить построение интерфейса, подготовку графики и контента, а также персонализацию продукта. В 2016 году технологическая основа для таких инструментов стала доступнее — в дизайн-сообществе тоже начали присматриваться к алгоритмам, нейронным сетям, искусственному интеллекту. Так что самое время переосмыслить современную роль дизайнера. Также обновил русскую версию.

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

• Tailor Brands, ещё один генератор логотипов в духе Logojoy.
• Похожие мысли на тему от Дона Нормана. Он также пишет о том, что алгоритмы должны усилить дизайнера, а не заменить его.
• McKinsey проанализировали 800 профессий на предмет возможности автоматизации. Хотя общий посыл предсказуем — чем больше предсказуемости в выполняемой работе, чем проще заменить её роботами или алгоритмами — в исследовании куча интереснейших нюансов.
• Очень толковую серию статей на тему автоматизации дизайна публикует на сайте O’Reilly Rob Girling из Artefact. Общий тренд. Какие навыки под угрозой автоматизации. Будущее дизайнеров.
• Janessa Lantz также пишет о том, кого заменят машины и есть ли у этого позитивные стороны. В целом есть — зачастую рынок, подвергшийся автоматизации, начинает сильно расти и создавать новые потребности и новые рабочие места.
• Lukasz Lysakowski копает историю автоматизации дизайнерских задач от начала книгопечатания до наших дней.
• Набор клавиатур в духе «вжух и готово».

• Традиционный прогноз трендов на 2017 год от Fjord.
• Неплохой обзор трендов от Envato.
• Не то что бы очень интересный, но местами толковый обзор трендов от Tom May.

Sonny Dickinson показывает прототипы первого iPhone. В тот момент команда рассматривала два варианта — привычный сейчас тач-интерфейс и основанный на iPod.

Феерически крутое исследование корней дизайн-мышления от Jo Szczepanska. Она копает с середины 20го века от работ Buckminister Fuller и скандинавских практик кооперативного дизайна. Каждое десятилетие отмечено изменениями как самого метода, так и сфер его применения. Ключевые фигуры, книги, цитаты — просто золото!

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

• Jared Spool пишет о том, что методологически в дизайн-мышлении нет ничего нового — это новое название для тех подходов, которые и так давно используются в дизайне интерфейсов. Но термин выстрелил, поскольку помог выделить те задачи дизайнеров, которые касаются понимания проблемы, а не только производства.

Толковая памятка для фасилитаторов от Brian Frank. Много полезных деталей по процессу, лучшим практикам и тому, как делать проектные встречи полезными. В продолжение темы:

• И ещё одна памятка на тему проведения полезных рабочих встреч от Kate Kaplan.

• Как устроена критика дизайна в Optimizely.

David Travis предлагает свою карту навыков продуктового дизайнера. У него удачно получилось применить лепестковую диаграмму для этого. Один из самых удачных примеров системной работы с навыками.

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

• Толковая мотивационная колонка Jamie Myrold из Adobe для будущих дизайн-лидеров.
• Как работает дизайн-команда Squarespace.
• Отличнейший рассказ Alaine Mackenzie о том, как менялась структура и цели команды контент-стратегов в Shopify. Очень хороший пример долгосрочного видения развития команды.

Безумно крутая статья Алёны Лугиной из Shopify о том, как пользовательские исследователи могут взаимодействовать с менеджерами продуктов так, чтобы добиваться максимальной пользы для продукта.

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

• Frog Design сравнивают подходы к решению проблем со стороны дизайнеров и менеджеров и показывают, где им найти общие точки.
• Frog Design показывают свою модель для оценки положительного эффекта, который дизайн оказывает на бизнес.
• Отличная статья Scott Sehlhorst, в которой он показывает подход к поиску рисков и их минимизации в продуктовой работе.
• Сильные мысли David Siegel о том, как пользовательские исследователи могут влиять на продуктовую стратегию. Он предлагает помочь компании рассматривать проблемы в более широком ключе, что позволит находить новые возможности для роста бизнеса.
• Хороший пример использования связки аналитики и пользовательских исследований от Arianna McClain из IDEO.

• Emin Inanc Unlu показывает, как использовать Noodl для прототипирования устройств интернета вещей.

• Недавно Webflow обновили свой сайт, причём сделали его на самом Webflow. Дизайн-команда рассказывает о целях и процессе редизайна. Часть 2 и 3.

• Anna Tudor показывает, как реализовать случайное завершение анимации в CSS.

• Val Head показывает, как работают настройки Illustrator для экспорта SVG.
• Дмитрий Головков написал скрипт для AI экспорта векторной графики в SVG или PDF (видео использования).
• Как выравнивать SVG-иконки по тексту.

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

• Интересный эффект разделения фотографии для создания постеров на CSS и JavaScript.
• Интересный эффект зеркалирования.
• Шикарный эффект использования перспективы в отображении текста.
• Эффект трансформации объектов в духе логотипа Google I/O 2016.
• Библиотека Paper.js для работы с векторной графикой.

Набор шаблонов WebSlides позволяет делать неплохие презентации на веб-технологиях. Делается вручную без всяких конструкторов, но в комплекте полно готовых модулей представления. Пара слов от автора.

Kevin Grennan из Airbnb рассказывает, как пара дизайнеров научилась прототипировать интерфейсы в Xcode. Они настроили всё окружение и отдают свежие версии через Hockey App.

Ещё одна памятка Jim Ross по тому, как грамотно задавать пользователям вопросы во время интервью и выуживать информацию неявными методами.

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

Jeff Sauro пытается разобраться, влияет ли размышление вслух в ходе пользовательского исследования на то, куда пользователь смотрит на экране. По данным его эксперимента и других исследований — да.

Конспект лекции Натальи Спрогис о пользовательских исследованиях в играх для программы «Менеджмент игровых проектов» в ВШБИ.

Толковые советы Cătălin Bridinel из Booking на тему того, как правильно ставить вопросы для пользовательских исследований и получать максимум отдачи от них.

AIC перевели методичку IBM по пользовательским исследованиям на русский язык. Как и в других справочникам по дизайну от компании, здесь много полезной информации по подходу, принципам, кейсам.

• Отчёт инструмента о том, что делалось в 2016 году.

• Отчёт о работе продукта в 2016 году.

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

Андрей Сундиев описал, как устроена работа с макетами и шаблонами Sketch, а также их синхронизацией в портальной дизайн-команде Mail.Ru Group.

Расширенные возможности экспорта и поддержка тач-бара в новых Макбуках. Свежие плагины и шаблоны:

• Плагин Auto Layout, позволяющий делать адаптивные макеты. Видео-обзор от Pablo Stanley. Создатели плагина, компания Anima, готовят ещё один плагин Sketch to Code — инструмент для экспорта кода из Sketch в Swift или Obj-C.
• Толковый шаблон для диаграмм взаимодействия. Улучшенные стрелки для него.
• Jon Moore пошёл по-хардкору и создал сложные символы для Sketch, позволяющие переключать состояния кучи элементов и использовать стандартный контент. Правда, направление само по себе не в ту сторону — лучше фокусироваться на реализации продукта, а не проектных артефактах.

Приложение Taylor для iPhone позволяет делать скриншоты сайтов и приложений на всю их высоту, без необходимости склеивать их вручную.

Вышла предварительная версия инструмента для дизайнеров Gravit. Изначально он развивался как набор десктопных приложений, но затем перешёл в браузер.

Сервис Heek позволяет создать несложный сайт в процессе общения с ботом. Решение достаточно шаблонное, но сам подход в духе времени.

Шикарнейшее приложение Designer Tools для Android. Позволяет накладывать на любое приложение сетку или макет, брать из него цвет пипеткой.

Инструмент CanvasFlip пытается соединить процесс создания интерактивных прототипов и их тестирования. Респондентов можно искать самому, а можно воспользоваться базой сервиса (она англоязычная). Помимо прочего предлагаются инструменты аналитики для прототипа.

• Интересный подход к созданию персонажей от Salesforce. Они выделяют ключевые «job roles» и каждый из персонажей выполняет определённый набор. Правда, сам метод описан совсем вскользь.

• James выпустил бесплатную электронную книгу на эту же тему.

14 февраля A Book Apart выпускает книгу Dan Brown «Practical Design Discovery». Он разбирает её основные темы в своей статье.

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

• Анимированный шаблон Apple Watch для Photoshop от Руслана Латыпова.

• Шаблоны iPhone 7 для Photoshop в перспективе от Pixeden.

• Apple выложили официальные UI Kit для Photoshop и Sketch. Раньше были доступны шаблоны для часов.
• Шаблоны iOS10 от Facebook теперь доступны и в виде библиотек Craft.

• Студия The Rivalry выложила ещё один кейс работы над продуктами Google. Оказалось, они работали над Project Kennedy — первой инициативой по глобальному редизайну всей продуктовой линейки, с которой начался узнаваемый сейчас стиль.

Отличные мысли Rebecca Ussai Henderson на тему единого языка анимации, поддерживающего бренд.

Nathan Curtis описывает построение процесса контроля качества для компонентов в дизайн-системах.

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

• Ещё один каталог дизайн-систем. Пока, правда, совсем пустой.
• Bjango пишет о том, как применять вспомогательные цвета в дизайн-системах через прозрачность. Это здорово помогает в минимизации параметров, особенно если платформа поддерживает стилизацию компонентов.
• VMWare опубликовали свою дизайн-систему Clarity. Очень толковая, поскольку упор сделан на целостные сложные компоненты, а не просто кнопки. Блог дизайн-команды, которая её делает. И рассказ о том, как они внедряли SVG.
• Толковая дизайн-система американского патентного офиса. Есть возможность скачать шаблон для Bootstrap.
• Шаблон для Sketch с использованием 8-пиксельного шага для стандартизации размеров и отступов в интерфейсе.
• Пример альтернативной классификации составляющих дизайн-системы от голландской студии Lewis+Humphreys.
• Интересные мысли про то, что в дизайн-системе стоит не просто параметры перечислять, но и некие стилистические концепты описывать. Например, почему комбинации цветов именно такие.

• Lee Munroe собрал шикарную памятку по вёрстке писем рассылки с учётом всевозможных ограничений реального мира.
• Karthik Suroju из Newton рассказывает, как сервис здорово поднял конверсию за счёт простых текстовых писем рассылки.

• Коллекция анимаций от команды Awwwards.

• Christian Holst пишет о том, как проверять и показывать номер кредитной карты.