Дизайн Yury Vetrov
10 592

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

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

В закладки
Аудио

1. Конференции по дизайну в 2019 году

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

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

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

3. Design Ecosystem in Moscow

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

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

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

4. Карта компетенций продуктового дизайнера

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

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

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

5. UX Research Field Guide

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

6. UI Sound Inspiration for UX, UI Design

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

7. Модели зрелости дизайна

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

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

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: генератор цветовых палитр с учётом пользователей с ограниченными возможностями.

9. CES 2019 и новые интерфейсы

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

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

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

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

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

11. Research Questions Are Not Interview Questions

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

12. The User Experience of Customer-Service Chat — 20 Guidelines

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

13. Can UX Metrics Predict Software Revenue Growth?

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

14. Shots — Mobile Design Patterns Studio powered by AI

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

15. How to run a research session if you’re not a design researcher

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

16. Content, design systems need you!

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

17. Children’s UX — Usability Issues in Designing for Young People

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

18. Tasks for Treejack Tests

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

19. Behind Outlook Mobile’s Design Week

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

20. 100 лет Bauhaus

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

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

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

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": [], "comments": 2, "likes": 37, "favorites": 170, "is_advertisement": false, "subsite_label": "design", "id": 57853, "is_wide": false, "is_ugc": true, "date": "Thu, 07 Feb 2019 19:17:44 +0300" }
{ "id": 57853, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/57853\/get","add":"\/comments\/57853\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/57853"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "possessions": [] }

2 комментария 2 комм.

Популярные

По порядку

3

Очень много интересной и полезной инфы, спасибо!

Ответить
0

Phase сделал обзоры того, как устроен дизайн в разных городах мира...
----
Ээээх... Где-ж обещанное еще на dribbble meetup '18 ?

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления
{ "page_type": "default" }