Hi-Tech

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

Ru. Традиционный дайджест от директора по дизайну бренда Mail.

В закладки

Я побывал на приличном количестве отечественных и международных конференций за последние годы. Собрал каталоги и списки конференций по дизайну на 2019 год. Немного советов, как выбрать правильную конференцию. Сделал для себя вывод, что есть два типа контента и посещать их стоит под задачу: общетематические и специализированные.

2. Методички с лучшими практиками от Google

Разобрали многие известные бренды:

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

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

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

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

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

Собрал примеры карт от Basecamp, Buzzfeed, Coryndon Luxmoore, Facebook, Figma, Lyst, Mail. Инструмент не новый, но дизайнеры прочухали про него только несколько лет назад. Ru Group, Ope, Peter Merholz и Zendesk.

Он описывает основы, разведочные методы и валидацию, тестирование, подбор респондентов, инструменты и построение исследовательских команд. Крутой онлайн-учебник по проведению пользовательских исследований от сервиса User Interviews.

На старте есть Skype, Slack, Facebook и Apple. Коллекция примеров интерфейсных звуков известных сервисов.

Это пять стадий взросления дизайн-команды ― от исполнителя до визионера. InVision предложила свою модель зрелости дизайна.

Ru Group, Keikendo, Macadamian, Nomensa, Infosys, Design Management Institute, Richard Banfield, Natalie Hanson, Sabine Junginger, David Service, Stefan Klocek, Gebruiker Centraal. Собрал другие характерные модели зрелости дизайна, которые появились за 20 лет: Jonathan Earthy, Rosa Wu и Jess McMullin, Jakob Nielsen, Danish Design Centre, Forrester, Human Factors International, HIMSS, Mail. И это только самые характерные из полусотни.

8. Новые инструменты дизайна

  • Design Camera: приложение для Mac, которое позволяет вставить в макет устройство и на лету повернуть его в 3D нужным образом.
  • Sketch 53: в декабре появилась бета. Обещают более точные настройки изменяемых свойств символов и более удобный интерфейс их замены. Обзор. Плагин MakeUI — конструктор UI Kit для Sketch. Можно выбрать основные параметры элементов интерфейса (цвета, радиус скругления и так далее), на выходе получите библиотеку символов. Плагин Pointbreak позволяет делать адаптивные макеты.
  • Draftium: занятный новый онлайн-инструмент прототипирования. Выбираете промосайт из шаблона, меняете тексты и смотрите на устройстве.
  • Studio 2.0: вышла вторая версия инструмента. Теперь это не просто прототипирование, а цельный инструмент дизайна с возможностью экспортировать код и опубликовать сайт. Совместная работа прилагается.
  • Adobe XD: декабрьское обновление. Облачное хранение макетов и намёк на совместную работу, как в Figma. Также обещают версионирование и организацию грамотной библиотеки компонентов для команды.
  • Figma: как прототипировать интерфейсы дополненной реальности в связке с инструментом Torch.
  • Weblium: ещё один конструктор промосайтов. Подаётся как основанный на ИИ, но видимо, имеются в виду совсем простые вещи. Из интересного ― гибкое применение тем оформления (можно отдельно и цельно менять цветовую палитру, шрифтовой набор и вид элементов управления).
  • Tilda: обзор новых возможностей, запущенных в 2018 году.
  • Webflow: коллекция шаблонов и других вспомогательных ресурсов.
  • Nolt: сервис для работы с базой знаний инсайтов. Агрегирует обратную связь из разных источников и помогает сформировать продуктовый план на их основе.
  • Harvestr: и ещё один аналогичный сервис для работы с базой знаний инсайтов. Их сейчас всё больше.
  • User Interviews: сервис помогает хранить базу респондентов для пользовательских исследований и находить новых.
  • Marvel: шаблоны для рабочих сессий дизайн-мышления.
  • Illustrations.design: и ещё один сервис стоковых иллюстраций, которые можно настраивать под свою ситуацию. На сдачу дают ещё и шаблоны самих промосайтов.
  • Flare: команда показывает, что можно сделать с помощью инструмента.
  • Palette: достаточно гибкий и интересный генератор цветовых палитр. Свежий подход относительно тысяч других решений на тему, которые запускаются каждые полчаса.
  • Flow запустил блог про интерфейсную анимацию.
  • Color от Cloudflare: генератор цветовых палитр с учётом пользователей с ограниченными возможностями.

Как обычно, показали много чумовых и чумных вещей. Ежегодная выставка технической крутоты и дичи CES 2019 проходила с 8 по 11 января в Лас-Вегасе.

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

10. Гибкие экраны

И это мы ещё не дождались выставки Mobile World Congress 25–28 февраля, где их точно будет ещё больше. Концептов и живых продуктов становится всё больше. Волну начал Samsung Infinity Flex в прошлом году, её уже подхватили: Похоже, наконец-то начнётся интересная движуха в мобильных интерфейсах, где всё стало слишком предсказуемо.

  • Royole FlexPai. Royole отобрал у Samsung звание первого коммерческого продукта — его уже можно купить. К нему идёт внешняя сворачивающаяся клавиатура, что делает общее впечатление ещё более футуристичным. Обзор.
  • Xiaomi. Официально показала утекший ранее концепт своего гибкого телефона. Он раскладывается в две стороны.
  • Motorola RAZR. Патент тизерит новое поколение легендарного телефона в исполнении с гибким экраном.

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

Плюсы, минусы, подводные камни. Ралуча Будиу из Nielsen, Norman Group разбирает паттерны хороших чатов поддержки.

Джефф Сауро попробовал посчитать его для программных продуктов. Классические исследования по NPS проверяют влияние метрики на будущую прибыль привычного бизнеса. Связь есть (около 40% точности предсказания через NPS и SUS), хотя примеров для выборки маловато.

Каждый пример можно получить в коде. Библиотека паттернов мобильных приложений.

Раз в две недели компания приглашает несколько респондентов, которые общаются с продуктовыми командами в формате «быстрых свиданий». Андреа Другай из Dropbox рассказывает о формате регулярных быстрых сессий пользовательских исследований.

Райан Корделл из Deliveroo показывает, как интерфейсные писатели интегрировали правила работы с текстами в дизайн-систему.

В этой статье приводят разницу восприятия типовых интерфейсных паттернов. Кэти Шервин и Джейкоб Нильсен продолжают рассказ о новом исследовании Nielsen, Norman Group особенностей использования интерфейсов детьми разного возраста.

Ден Браун из EightShapes описывает типовые задачи для тестирования навигации сайта.

Коллеги из разных городов съезжаются вместе и решают проблемы пользователей, до которых давно хотелось добраться. Эрин Во рассказывает о формате недельных выездов дизайнеров мобильного MS Outlook.

Официальный сайт юбилея собрал все события и материалы на тему. В январе 2019 года исполнилось 100 лет легендарной школе Bauhaus, одной из основополагателей современного дизайна.

В нём, как обычно, много новых материалов по дизайну, дизайн-системам, инструментам дизайна, свежих скриптов и прочего. Читайте полную версию дайджеста в моём блоге. Вы также можете получать свежие обзоры по почте. За свежими ссылками также можно следить в группе на Facebook, сообществе во «ВКонтакте» или канале Telegram — спасибо всем, кто помогает наполнять её.

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть