Продуктовый дизайн: 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: компоненты
Другие новости дизайн-систем:
- Натан Кёртис продолжает описывать своё видение рабочего процесса по развитию дизайн-системы. Также он даёт советы на тему организации процесса включения в неё новых компонентов.
- Савьер Холленсхед рассказал об архитектуре дизайн-системы 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 — спасибо всем, кто помогает наполнять её.
#дизайн
© vc.ru