Дизайн Yury Vetrov
2 702

Relate, Flow, сервисы для поиска идей и другие новые инструменты для дизайнеров интерфейсов

Подборка от руководителя портальной дизайн-команды Mail.Ru Group Юрия Ветрова.

В закладки

Дизайн интерфейсов

Relate. Новый инструмент дизайна интерфейсов. Позиционируется как визуальная работа на базе кода (чем-то похоже на Modulz от Colm Tuite) — причём якобы можно сразу работать с компонентами на React (правда, не факт что теми, что использует реальный продукт). Интригующе, но пока из деталей есть только статья от авторов.

Framer X. Показали видео работы и его основные возможности. Получился цельный инструмент дизайна и прототипирования в духе InVision Studio. Правда, связку с реальными компонентами на React толком не показали — хотя сами компоненты Framer сделаны на React, про их подключение к реальной дизайн-системе не говорят.

Flow. Инструмент для работы с анимацией вышел из беты (изначально назывался C4 Studio).

Marvel. Надстройка Userflows позволяет автоматически сгенерировать карту переходов на основе прототипа.

Visual Sitemaps. Инструмент обещает создавать визуальную карту сайта на основе URL. Пока можно записаться на бета-версию.

Gradient Hunt. Ещё одна коллекция градиентов с быстрой возможностью забрать их CSS.

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

SVGator. Пошаговое руководство по работе с инструментом для анимации SVG.

Screely. История создания проекта.

Шаблоны для MacOS. Apple добавила в интерфейсные гайдлайны MacOS официальные шаблоны для Sketch и Photoshop. Скачать — по ссылке.

Поиск инсайтов

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

Pyoneer. Интересный интегрированный инструмент для поддержки дизайн-мышления. В нём богатый набор возможностей: карта путешествия пользователя, персонажи, агрегация обратной связи из разных источников для поиска возможностей роста, привязка аналитики. И всё это на базе «двойного алмаза».

Пять лет назад дизайнеры Mailchimp построили мощную базу знаний, объединяющую информацию о пользователях из множества источников (пользовательские исследования, аналитика, обратная связь, изучение конкурентов и рынка и так далее).

Долгое время в теме был чуть ли не полный штиль — из аналогичных примеров было слышно только про Atlassian, WeWork, Nasdaq и Intuit. Но недавно начали появляться специализированные сервисы для работы с базой инсайтов. Они помогают агрегировать данные пользовательских исследований, обратную связь и другие каналы, чтобы находить среди них полезные идеи для развития продукта.

В прошлом году побывал в гостях у NomNom и получил массу полезных советов по внедрению подхода у нас в команде. Мы крутим эту идею давно, но без готовых инструментов она выглядела неподъёмной. Сейчас внедрение стало куда более реальным, так что снова включились в активную работу — глядишь, к дизайн-системе для предсказуемой выкатки продуктов добавится инсайт-система для не менее предсказуемого поиска идей по их развитию.

Всё это и прошлые выпуски за июль вот-вот выйдут в ежемесячном дайджесте — черновик полностью готов, осталось сделать рассылку.

#дизайн

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

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 3, "likes": 15, "favorites": 33, "is_advertisement": false, "subsite_label": "design", "id": 43010, "is_wide": false, "is_ugc": true, "date": "Wed, 01 Aug 2018 17:38:01 +0300" }
{ "id": 43010, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/43010\/get","add":"\/comments\/43010\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/43010"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "possessions": [] }

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

Популярные

По порядку

1

спасибо за статью, как всегда полезно и интересно

Ответить
1

Отличная подборка, спасибо!

Ответить
0

Pyoneer чет не алё(

Ответить

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" }