[ { "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" ], "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": "Редакция vc.ru", "author_type": "self", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 1, "likes": 11, "favorites": 17, "is_advertisement": false, "section_name": "default", "id": "21064", "is_wide": "1" }
Редакция vc.ru
2 992

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

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

Tech Trends 2017

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

Brad Frost — Atomic Design

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

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

Reading Content on Mobile Devices

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

Adobe XD для Windows

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 VR Resources

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

Documenting Design Discovery

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

O'Reilly Free Design Books

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

The Ultimate Guide to Portfolio Builders

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

Future of Design

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

Dropbox Design

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

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

Combining Mental Model Diagrams and Jobs To Be Done

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

FullStory — The Leading Session Playback Tool

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

Reflecting on the One-Way Mirror

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

Botframe — A playground to design bots

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

Brand.ai

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

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

#Интерфейсы

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

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

Популярные

По порядку

0

Прямой эфир

Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления