Продуктовый дизайн: 20 самых важных материалов за декабрь

Уже шесть лет руководитель портальной дизайн-команды Mail.Ru Group Юрий Ветров публикует в своём блоге регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок он отбирает примерно 5% стоящих публикаций, которыми интересно поделиться среди экспертов. Специально для vc.ru Юрий Ветров собрал выжимку из 20 самых интересных ссылок декабря.

Свежий выпуск прогноза на следующий год от Frog design. Другие обзоры трендов:

Вышла книга Брэда Фроста «Atomic Design» об одной из самых популярных методологий модульного дизайна. Пара слов от автора. Другие новости дизайн-систем:

  • Сара Дрэснер говорит о том, как описывать анимацию в дизайн-системах. Первая половина статьи — достаточно типичная вода, но дальше идут интересные мысли об описании параметров и выборе приоритетов по внедрению.
  • Эллиот Далл пишет о пользе сетки, построенной на основе шага или модуля (в этом случае — 8 px).
  • Мой коллега Константин Лебедев подробно описывает новое поколение фреймворка Mail.Ru. Group. Помимо всего прочего в нём есть возможность визуального редактирования компонентов.
  • Как вертикальный ритм помог дизайнерам Yammer в работе над экраном обсуждения. Они смогли предсказуемо варьировать его содержание без ущерба для сетки.
  • Саманта Жан описывает очень интересный подход к описанию отступов между элементами и компонентами на основе Lego.

Кейт Мейер из Nielsen Norman Group приводит результаты исследований, посвящённых скорости чтения на мобильных. Для простых текстов она сопоставима с компьютерами, а вот для сложных уже медленнее.

Adobe XD наконец-то доступен и для Windows. Работает только на Windows 10. Другие новости инструментов:

  • Figma: добавила компоненты. Они адаптивные и обещают лёгкую работу с копиями.
  • Principle: шикарная пошаговая инструкция по работе с Principle от Марка Эндрю и советы Джо Тоскано по организации рабочего процесса.
  • Sketch: Seba Mantel о том, как собрать хороший шаблон в Sketch. (перевод).
  • Adobe After Effects: Молли Лэферти из This Also написала обзорную памятку по созданию интерфейсных концептов.
  • InVision: Inspect теперь доступен и для Photoshop.
  • UX-App: вышла вторая версия.
  • Abstract: интервью с Джошем Брюа и Тимом ван Даммом, создателями инструмента.
  • Framer: добавил Flows, возможность упрощённой связки нескольких экранов в целостный прототип и запустил облачную часть в базовом виде (можно опубликовать прототип в вебе и поделиться с менеджерами и разработчиками).
  • Чарли Дитс сравнивает устройство адаптивных символов и компонентов в Sketch, Figma и Subform.

Дизайн-команда Facebook запустила раздел про виртуальную реальность на своём сайте. Тут собраны статьи по теме и полезные шаблоны. Одна из статей посвящена особенностям работы с виртуальными руками.

b258a330d7e692.png

Дэн Браун описывает методику EightShapes для описания результатов этапа исследований и концептуального проектирования. В ней шесть ключевых аспектов — проблема, цель, контекст, ключевая идея, правила и модели.

O’Reilly бесплатно раздаёт много книг по дизайну. Некоторые из свежих:

Обстоятельный обзор сервисов для ведения портфолио.

Шикарный отчёт по результатам опроса стартапов разного размера. Инвест-фонд NEA опросил 400 молодых компаний на тему зрелости дизайна. Сложно сказать, насколько релевантной была выборка, но представлено всё очень вкусно.

704255e1d71fc8.png

Блог дизайн-команды Dropbox на Medium. Копирайтер Джош Сайто оттуда давно и активно пишет, теперь оформили отдельный поток. Правда, с SMM у них что-то не заладилось. Из свежих статей:

  • Интерфейсный копирайтер Джош Сайто пишет о том, какие методы оценки узнаваемости названий и читабельности текстов он использует в работе.

Джеймс Кальбах показывает, как использовать связку диаграммы ментальной модели и jobs-to-be-done для поиска точек оптимального развития продукта.

Сервис FullStory помогает работать с видеозаписями сессий работы пользователя с сайтом. Это сама запись сессий, поиск по ним и анализ.

Джеф Суро описывает плюсы и минусы использования одностороннего зеркала в юзабилити-лаборатории. Хотя сейчас всё больше лабораторий переходят от зеркал к камерам и трансляции в другую комнату, на практике он не встречал негативных реакций пользователей при использовании зеркала.

Онлайн-конструктор Botframe позволяет создать нехитрого бота для Facebook Messenger в браузере.

Ещё один развёрнутый плагин для Sketch для синхронизации стилей между дизайнерами и, потенциально, разработчиками. Авторы описывают текущие проблемы при использовании просто Dropbox и GitHub, а также специализированных Craft и Brand. ai.

Читайте полную версию дайджеста в моем блоге. В нём, как обычно, много новых материалов по дизайну для Apple Watch, Android Wear, Material Design, расширений для Sketch, свежих скриптов и ещё тонна всего. За свежими ссылками также можно следить в группе на Facebook — спасибо всем, кто помогает наполнять её. Вы также можете получать свежие обзоры по почте.

©  vc.ru