[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "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", "tablet" ], "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", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "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-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 2, "likes": 12, "favorites": 18, "is_advertisement": false, "section_name": "default", "id": "19814" }
Yury Vetrov
3 498

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

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

Material Design

Гайдлайны Google Material Design переехали на отдельный домен. Помимо этого, интересно обновилась стилистика и появились новые грани визуального языка. Кстати, Google также объявила победителей Material Design Awards 2016.

Прощание с Pixate

В начале октября появилось официальное объявление команды Pixate о закрытии продукта, но уже в конце месяца она анонсировала сразу три новых инструмента.

Stage, который создаётся вместе с командой Form, как раз должен заменить Pixate. Gallery, судя по описанию, — аналог Wake, который соберёт вместе все рабочие материалы команды. Remixer позволяет на лету обновлять ключевые переменные в дизайне и просматривать изменения на устройстве. Первые два инструмента доступны по инвайту, третий лежит на GitHub.

Другие новости инструментов:

  • Новая версия инструмента прототипирования интерфейсов Origami Studio от дизайн-команды Facebook наконец-то доступна для всех.
  • Интерфейсный дизайнер Кевин Лина и промышленный дизайнер Райан Лукас, которые в прошлом году анонсировали инструмент BoxBox, переименовали его в Subform и запустили краудфандинговую кампанию на KickStarter. Видео в деталях показывает функции BoxBox, а статьи расписывают принципы работы.
  • Вышел Flinto 2.0. Появилась возможность делать микровзаимодействия в рамках конкретного экрана.
  • InVision выпускает плагин для JIRA. Туда включён в том числе плагин Insight, который передаёт спецификации разработчикам, примерно как Zeplin. Правда, плагин недоступен для JIRA, установленной на собственных серверах. Также запустился корпоративный тариф.
  • Менг То сравнил интерфейс и возможности Figma и Sketch. А Тайлер Шик из Prolific Interactive поразмышлял о том, нужна ли на практике возможность одновременного редактирования макетов (материал перевела команда Sketchapp).
  • Приложение Sketch Viewer позволяет просматривать макеты Sketch в вебе и скачивать из них графику. Правда, в отличие от Zeplin, метрики посмотреть нельзя. А Крипто Трофи показал, как упростить работу со Sketch с помощью приложения Quadro.
  • Вышел Affinity Designer 1.5.
  • Framer добавил Auto-Code для визуального программирования анимации.

5 помощников в работе над UX

UX Blog сделал обзор приложений и сайтов для дизайнеров интерфейсов, которые собирают методы и практики работы. В списке их пять: UX Recipe, UX Project Checklist, UX Assist, UX Companion и UX Help.

Эволюция сайтов российских компаний

Подборка скриншотов, как выглядели первые сайты российских компаний.

Как работать с Touch Bar для macOS

Apple представила новую линейку MacBook с сенсорной панелью вместо строки функциональных клавиш. В официальных дизайн-гайдлайнах Human Interface Guidelines появился раздел о том, как с ней работать.

Правда, в сообществе много критики этого решения. Например, Fastco Design пишет, что клавиатура предполагает формирование мышечной памяти, когда можно запомнить горячие клавиши и пользоваться ими, не глядя на кнопки. В Touch Bar же это невозможно: панель контекстно-зависима и не имеет тактильной обратной связи.

Модель 4s: типы мотивации пользователя

Лайла Паулак и Крис Остергард описывают отличную модель мотивации пользователей, которую нужно учитывать при работе над интерфейсами. Они выделяют четыре типа мотивации: действовать, выглядеть, быть и чувствовать себя лучше.

Будущее библиотек паттерна

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

Диалоги и модели — как создавать продукты (PDF)

Шикарная презентация Хью Дабберли о том, как дизайнеры должны взаимодействовать с продуктовой командой и пользователями. Это мощнейшее философское переосмысление всех нюансов взаимодействия в работе над продуктом.

Индикатор выполнения задач — метрика для менеджмента

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

Иконки на CSS

Большущая коллекция иконок, сделанных на чистом CSS.

Искусство дизайн-менеджмента

Хорошая памятка Алиссы Бригс из PlanGrid для начинающих дизайн-менеджеров. В статье интересная диаграмма, показывающая текущий фокус и задачи. В другой статье от компании UserFocus — забавный конспект разговора в пабе о роли дизайн-лидеров.

Сайт Facebook Design

Команда перезапустила сайт по новому адресу. Теперь, помимо полезных ресурсов, там публикуются и статьи. Из других интересных новостей: Fantasy Interactive помогла Facebook запустить новую версию гайдлайнов.

Блог Etsy

Etsy запустила блог о дизайне в компании. Одна из первых публикаций от UX-директора Алекса Райта посвящена связке аналитики и исследований, подкрепляющих решения по дизайну.

Дизайн-сетки

Толковая памятка Зелла Лью о видах сеток в вебе и их поведении при разных типах адаптивности. Он пошагово разбирает разные ситуации и нюансы их использования.

Как рисовать тестовые макеты на собеседовании

Адитья Кумар рассказывает, как правильно подходить к тестовым заданиям на маркерной доске во время собеседования. Он предлагает простой способ разобраться в проблеме и предлагать идеи не из воздуха, а в применении к сути задачи.

Почему онбординг в Windows 98 лучше вашего

Бенджамин Брендалл разобрал механизм знакомства с новым пользователем в Windows 98, который был очень важен для поколения людей, мало знакомых с компьютерами.

Чему можно научиться благодаря редизайну

Джесси Чен рассказала, как она изменила подход к убеждению команды, чтобы доказать, что редизайн продукта нужен.

Четыре вывода о проведении пользовательских исследований

Каролин Вей из Facebook рассказала об особенностях проведения пользовательских исследований для корпоративного ПО: как искать респондентов, поддерживать отношения с компаниями и так далее.

Как изучать результаты пользовательских исследований

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

Кстати, автор ссылается на историю подхода: ещё в конце 19 века французские студенты-архитекторы использовали схожий метод Charette. В продолжении статьи Водтке привязала идеи к value proposition canvas, а в третьей части рассказала о работе со сценарием использования продукта.

Сбор данных о пользовательском опыте

Хезер Райт Карлсон предлагает свою вариацию методики Microsoft Product Reaction Cards для оценки отношения пользователей к продукту. Она попробовала использовать эмодзи в опросах по результатам исследования, и этот подход лучше раскрыл эмоциональные реакции людей.

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

#Интерфейсы

Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Приложение-плацебо скачали
больше миллиона раз
Подписаться на push-уведомления