[ { "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": "Vladislava Rakhmanova", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 1, "likes": 17, "favorites": 23, "is_advertisement": false, "section_name": "default", "id": "27270" }
Vladislava Rakhmanova
2 124

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

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

Поделиться

В избранное

В избранном

1. The Unstuck Map

Карта методов исследований пользователей и рынка от Никель Блаас из Xing. Очень полезная памятка, которая помогает пошагово выбрать конкретный метод для текущей проблемы в продукте.

2. Why Design Thinking in Business Needs a Rethink

Мартин Капп, Джейми Андерсон и Йорг Рекгенрих рассказывают о проблемах, с которыми сталкиваются классические организации при внедрении практик дизайн-мышления. Процессные и культурные особенности таких компаний противоречат многим установкам итеративной совместной работы, поэтому важно решить их, чтобы избежать провала.

3. What to expect from PMs

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

4. Влад Головач, «Культура дизайна 2.0»

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

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

5. iPhone X

Гайдлайны по дизайну для iPhone X с новым экраном, в котором верхняя полоса для статусной строки доступна только частично. Добавилось новое разрешение экрана — 1125 × 2436 (множитель @3x, физическая ширина не изменилась относительно обычного iPhone).

В сентябре также вышла iOS 11, так что появилось много полезных материалов для дизайнеров:

  • Обзор основных нововведений iOS 11 со ссылками на конкретные гайдлайны.
  • Обновились гайдлайны по иконкам. Контурные иконки теперь вне закона, так что больше не придётся делать отдельный набор для Android и iOS.
  • Шаблон iPhone X для Photoshop от Майкла Фларупа.
  • Шаблон iPhone X для Sketch и Photoshop от Руслана Латыпова.
  • Особенности разработки приложений под iPhone X.
  • Как «костылить» вёрстку мобильных сайтов под костыльное решение с «безграничным» iPhone X. Достаточно печальный пример возвращения к истокам «оптимизировано для просмотра в Netscape Navigator».
  • Райан Лау подробно разобрал расхождения в дизайне экранов и приложений iOS 11. Судя по объёму мелких проблем, у дизайн-системы на технологическом уровне тоже много несовершенств.
  • Шаблоны iOS 11 для Sketch от Great Simple Studio.

6. Подбираем звуки для неигрового приложения

Роман Зимарёв даёт советы по работе со звуком в интерфейсах: как создавать, где использовать, когда избегать.

7. Designer’s Self-Checklist: What kind of designer are you or want to become

Отличный чек-лист для продуктового дизайнера от Генбы «GB» Ли из Facebook.

8. Rambler UI: компоненты

Дизайн-система Rambler & Co

Другие новости дизайн-систем:

  • Натан Кёртис продолжает описывать своё видение рабочего процесса по развитию дизайн-системы. Также он даёт советы на тему организации процесса включения в неё новых компонентов.
  • Савьер Холленсхед рассказал об архитектуре дизайн-системы HealthCare.gov.
  • Northstar — ещё одна дизайн-система IBM.
  • Фреймворк Modulz для создания дизайн-систем от Колма Туйте.
  • Дизайн-система Trello Nachos.
  • Сергей Никишин рассказал о дизайн-системе Acronis. В первой части больше говорится об устройстве UI Kit, но также показана связка с библиотекой компонентов на Angular.

9. Launching Creative Market — Our Playbook for Kickstarting a Marketplace

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

10. What Factors Contribute to Form Submission Rates

Эйтекин Танк собрал статистику по своему продукту JotForm и показал, как отличается поведение пользователей на десктопе и на мобильных устройствах.

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

  • Sketch. Плагины: Alembic извлекает цветовую палитру из фотографии, а Exchanger конвертирует макеты Sketch в JSON и обратно.
  • Pixelmator Pro — полноценный графический редактор.
  • After Effects. Плагин Bodymovin’ приспособили для работы с Framer. Также вышла подборка обучающих материалов по работе с After Effects от дизайн-студии Ueno, которая делает много ярких работ.
  • Figma: библиотеки символов вышли из беты.
  • Gravit Designer: вышла версия 3.2 с догоняющими обновлениями, в том числе появились символы.
  • Marvel запустила инструмент для разбора и документации интерфейсов Handoff, собственный аналог Zeplin.
  • Subform запустила открытую бета-версию. Правда, она стоит $25 в месяц — слегка чрезмерно брать деньги за бету нового неизвестного продукта.
  • Webflow запустил образовательный ресурс по работе с инструментом.
  • IconFinder Icon Editor — онлайн-редактор, при помощи которого можно слегка подправить иконку перед скачиванием.
  • Pastel — ещё один инструмент для совместного комментирования дизайна сайтов.
  • Compositor — экспериментальный набор онлайн-инструментов для дизайнеров. Один из них позволяет собрать сайт на базе собственной дизайн-системы, которую можно сильно кастомизировать.
  • Xrespond — ещё один онлайн-сервис для быстрой проверки адаптивных сайтов на разных разрешениях.

12. Audio Signifiers for Voice Interaction

Кэтрин Уайтентон из Nielsen/Norman дала много полезных советов по проектированию и тестированию голосовых интерфейсов.

13. Mentor Forces

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

14. Brandmark

Энтузиаст алгоритмического дизайна Джек Кьяо запустил сервис Brandmark для комплексных работ по дизайну для малого бизнеса. Так же, как и Logojoy, он помогает выбрать логотип и показывает примеры его использования. Но Brandmark пошёл дальше и собирает UI Kit в коде с применением фирменного стиля (принципы работы генератора логотипов и шрифтовых пар). Также Кьяо запустил анализатор качества и уникальности логотипов на базе решений Brandmark и уменьшитель для них.

Другие новости алгоритмического дизайна:

  • Робер Хэрт поразмышлял на тему того, кому принадлежат авторские права на произведение или продукт, созданный с помощью алгоритмического дизайна.
  • Джойс Чоу, Оскар Мурильо и Роджер Ибарс из Microsoft пишут о предубеждениях, которые могут быть заложены в продукты с использованием технологий искусственного интеллекта. Важно, чтобы обучающая выборка и другие аспекты учитывали это.
  • Эрика Вирту из Facebook рассказала об улучшении функции рекомендации интересных мест с помощью ИИ-технологий.

15. «Readymag: как российские дизайнеры создали инструмент для интернет-паблишинга, которым пользуются по всему миру»

История создания отечественного инструмента паблишинга Readymag и интервью с его основателями.

16. «Русский дополненной реальности: как выпускник МАИ стал визионером Google»

РБК рассказал историю карьеры Ивана Пупырева, успевшего сделать много интереснейших проектов для Sony, Disney и Google. Он хорошо сочетает навыки изобретателя и бизнесмена.

17. Building UX Teams at Scale — Inside Atlassian’s Bespoke Hiring Process

Достаточно подробный и ёмкий рассказ о том, как устроены дизайн-команды в Atlassian. Кроме того, авторы пишут о процессе найма. О принципах работы своих дизайн-команд также рассказывали «ВКонтакте», Microsoft и Automattic.

18. From Research Goals to Usability-Testing Scenarios — A 7-Step Method

Сьюзан Фарелл описала пошаговую методичку Nielsen/Norman Group по составлению сценариев для юзабилити-тестирования.

19. CSS Support Guide for Email Clients (Campaign Monitor)

Campaign Monitor обновил свой справочник по поддержке CSS в популярных почтовых клиентах.

20. Briefbox — Practice briefs, resources & skill development for designers

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

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

#дизайн

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

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

Популярные

По порядку

0

Прямой эфир

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