Лого vc.ru

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

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

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

Специально для vc.ru Юрий Ветров собрал выжимку из 20 самых интересных ссылок марта.

Поделиться

Отчет Design in Tech 2016

Джон Мида выпустил очень плотно насыщенный информацией отчет KPCB Design in Tech 2016. Что происходит в самих компаниях, как дизайн становится частью стратегии крупнейших корпораций, что нужно сделать для обучения нового поколения и многое другое. Фокус смещается в построение дизайн-систем и дизайн-культуры, а от специалистов требуются новые навыки. Шикарнейший срез текущего состояния и направлений движения отрасли, один из самых ценных.

Adobe Experience Design CC

Adobe Comet теперь называется Experience Design CC и доступен в режиме превью на официальном сайте. Пока, правда, только для Mac и без многих ключевых возможностей. AMA с командой продукта и развёрнутое интервью с Томом Крча, одним из авторов идеи Comet, — о текущем состоянии и планах продукта.

Craft от InVision LABS

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

Помимо дюжины анонсированных функций, компания купила три инструмента для дизайнеров (Macaw, Relay и Silver Flows) и показала вторую версию Craft, который становится полноценным инструментом прототипирования в Sketch. Совсем сырая бета-версия Comet, которую Adobe выпустила утром того же дня, сильно разочаровала сообщество, и у Craft появилась фора. В общем, год обещает быть дико интересным.

Sketch 3.6 и бета 3.7

Вышел Sketch 3.6, который, помимо всего прочего, чинит работу с текстом. Рассказ, как она строится теперь (версия на русском). В конце месяца появилась бета-версия Sketch 3.7 с переработанными символами, которые теперь поддерживают вложенность и удобное редактирование копий. Небольшая GIF, как это работает.

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

  • Вышел Principle 1.1, позволяющий импортировать макеты из Sketch.
  • Плагин Flinto для Sketch.
  • Интервью с Эндрю Холтом, основателем Pixate — о том, что происходит с продуктом внутри Google и какие у них планы.
  • Zeplin теперь генерирует спецификацию стилей и для текста.
  • Вышла бета-версия Affinity для Windows.
  • Создатели PaintCode запустили плагин для Sketch, позволяющий получить код на Swift или Objective-C. Корявый, но его достаточно для того, чтобы поковырять прототип вживую.
  • Mockingbird обновился, работать стало еще приятнее. Один проект — бесплатно.
  • Русскоязычный блог про Framer от Антона Карташова.

Справочник Design Methods

MediaLAB Amsterdam собрали справочник с методами и практиками совместной работы, исследований, прототипирования и других этапов дизайн-проектов. Они классифицированы по задачам, временным затратам и сложности подготовки.

Android N Developer Preview

Обзор грядущих изменений в следующей версии Android N. Появится двухоконность а-ля Windows 8, ночной режим (добро пожаловать назад, Holo UI), больше информации на экране блокировки. Поменяется принцип группировки и вывода уведомлений ( разбор), причем улучшатся возможности для быстрых действий прямо из панели уведомлений. Сами уведомления будут всплывать как в iOS и Windows Phone, включая расширенные действия. Официальная документация и ещё один разбор обновленной панели уведомлений в Android N.

Совсем неожиданно, что в Android N появится классическая многооконность, как в десктопных ОС, а не просто разделение на панели.

Ну и главное: здравый смысл восторжествовал, и нижняя панель действий стала частью официальных гайдлайнов (для планшетов она превращается в колонку слева). Экраны телефонов растут, и тянуться пальцем вверх, где всегда располагались элементы управления на Android, стало физически больно. Дифференциация от iOS такой ценой себя уже не оправдывала. Правда, её потенциальный конфликт с FAB почти не прописан (есть схема в конце страницы), а выбранный элемент с подписью (при остальных — без неё) выглядит спорно.

Общение без кнопок — conversational UI

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

Вторая часть. Другие интересные материалы на тему:

  • Томас Столфа рассматривает историю интерфейсов командной строки и GUI, трезво сопоставляя ее с направлением развития мессенджеров. Статья разбирает хорошие гибридные решения на стыке текстовых и графических интерфейсов.
  • Мейдад Марзан предлагает интересный способ анализировать успешность чат-интерфейсов — с помощью градации по шкалам «самостоятельность — паразитирование» и «простой сценарий — сложный сценарий». Гарантированный успех имеют только простые сценарии, паразитирующие на других продуктах.

Lingo

The Noun Project развивает свою концепцию: они хотят помочь дизайнерам организовать целый визуальный язык, выйдя за рамки иконок. Приложение называется Lingo и помогает организовать работу по его элементам: иконки, цвета, иллюстрации, фотографии.

Houdini — пожалуй, самая захватывающая разработка в CSS

Филипп Уолтон рассказывает о, возможно, ближайшем будущем CSS — инициативе Houdini, которая даёт возможность использовать полифилы аналогично JavaScript. Сейчас многие передовые возможности CSS вроде shapes и функций наложения слоёв на практике использовать нельзя, а обходные решения катастрофичны для производительности работы браузера. Houdini позволит расширять стандарты W3C. Правда, в комментариях иронизируют: чтобы не ждать 10 лет до появления свойства CSS во всех браузерах, придётся подождать 10 лет до внедрения Houdini.

Как исправить неправильную веб-типографику

Tom Брэдин-Грей в деталях разбирает проблему выстраивания межпараграфных отступов и вертикального ритма в CSS. Он выпустил библиотеку MegaType, которая делает работу с текстом в вебе предсказуемой.

Зелл Лью ему отвечает и пытается разобраться, так ли критично соблюдение вертикального ритма до пикселя. Правда, в примерах не хватает классических добротных сайтов СМИ.

Ну и вдовесок: Робин Рендле попробовал написать новый манифест типографики в продолжение идей Яна Чихольда с учётом особенностей веба. Очень интересные системные мысли.

Модернизация Nimax 2015

Мощнейшая статья о перестройке петербургской дизайн-студии Nimax. Елена Огородникова пришла в компанию в прошлом году во время кризиса и сделала огромную работу — сначала по стабилизации, а потом по возобновлению роста. Редко так подробно рассказывают о внутренней кухне больших изменений.

Google Analytics 360

Google объединил свои инструменты для маркетинговой аналитики в Analytics 360 Suite. Он включает веб-аналитику, A/B-тестирование, визуализацию сложных данных и взаимосвязей, возможность подключать сторонние источники данных и работу с рекламными кампаниями.

Project Phoebe

Интересный концепт «мутационного» дизайна от Лайама Спрадлина. Он описывает идеологию интерфейса, который подстраивается под пользователя, используя его контекстные данные. Есть две больших статьи, код и сообщество.

Взлёт и падение Nokia

Очень интересное интервью с Кристианом Крафтом, одним из первых интерфейсных дизайнеров Nokia. На его счету огромное количество интерфейсных патентов и решений, которые используются и сейчас. Причем он начинал в те времена, когда в телефонах только появились экраны, а значит, приходилось придумывать всё с нуля.

Дизайн и наука

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

Создание приложений для Android TV

Очень подробная инструкция по дизайну приложений для Android TV от Джо Берча.

Книга The User's Journey

Rosenfeld Media готовит к выпуску книгу Донны Личо The User's Journey, посвящённую проработке путей взаимодействия пользователя с продуктом. UXMatters публикует 7 главу из нее, а UXBooth — интервью с автором.

Ещё несколько материалов на эту тему:

  • Эрик Флауэрс из Intuit и Меган Миллер из Стенфорда запустили сайт Practical Service Design с методичками и шаблонами по проектированию услуг. Сама методичка и шаблон для Omnigraffle.
  • Джеймс Калбах описывает разницу между customer journey map, experience map и service blueprint. В итоге говорит, что точность следования терминам не так важна, если вы решили свою задачу.

Стайлгайды для фронтэнда

Живые гайдлайны становятся совсем мейнстримом: про них написали даже Nielsen Norman Group. Ждем серии тренингов и включения в базовые курсы. Другие материалы на тему дизайн-систем:

  • Саймон Таггарт описывает подход компании Big Commerce к описанию переменных в дизайн-системах.
  • Salesforce ввела в компании новую роль главного инженера дизайн-системы (Design Systems Ops, по аналогии с DevOps). Его задача — переводить идеи с языка дизайна на язык разработки.
  • Презентация Антона Виноградова об архитектуре дизайн-системы Альфа-Банка. На GitHub доступна библиотека компонентов. Видео выступления.
  • Алла Холматова рассказывает о построении дизайн-системы британской образовательной компании FutureLearn.
  • Натан Кертис опубликовал чек-лист для команд, начинающих работать над своей дизайн-системой. Он помогает выбрать направления работы и распределить обязанности по команде.
  • Живые гайдлайны британского издания The Times. О том, Рассказ о том, как создавалась дизайн-система The Times.

5 уровней доверия к сайту

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

Analytics Academy

В конце прошлого года команда сервиса Segment запустила школу аналитики. В ней очень простым языком описываются ключевые аспекты, процессы и инструменты. Постепенно появляются новые статьи, сейчас доступны полтора раздела. Перевод статьи о ключевых метриках для популярных моделей роста.

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

Присылайте свои колонки и интерфейсные кейсы на interface@vc.ru

Статьи по теме
Кейс: Как топ-менеджер студии Nimax модернизировала компанию и получила стабильные финансовые результаты23 марта 2016, 10:49
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

>нижняя панель действий стала частью официальных гайдлайнов
Как это, што это? Куда нажимать?

0

404, кажется я опоздал.

0

Зашел по ссылке в тексте. Наканецта, им понадобилось всего 3 года, но лучше поздно, чем никогда.

0

народ, слабайте переводики на русский, а? говорить на вражеском - могу... но столько читать разом на инглише - дико лениво

0

спасибо за подборку

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

Сейчас обсуждают
Дмитрий Афонин
D8II

Такое ощущение что сайт показывает рандомные байки просто опираясь на цену. Как еще можно объяснить выбор 2-литрового дорожника или спортивной ракеты для категории "Езда по городу" или "На работу"..

«Омоймот» — сайт для подбора мотоциклов с блогами пользователей
0
Борис Мартынов

Без лоха жизнь плоха

Смерть стартапа: Как создатели «умного» кольца BioRing собрали $460 тысяч на краудфандинге и исчезли
0
Sasha Zivers

Ничего не заставит.

«Добро пожаловать в 2030 год»: член датского парламента о счастливой жизни без приватности и личных вещей
0
Sasha Zivers

Ну да, приравнивать жену к предментам, ок-ок. )

«Добро пожаловать в 2030 год»: член датского парламента о счастливой жизни без приватности и личных вещей
0
Sasha Zivers

Господа, ну вы чо. Есть же известный эксперимент, когда создали условия, близкие к райским. И известно, чем он закончился.

«Добро пожаловать в 2030 год»: член датского парламента о счастливой жизни без приватности и личных вещей
0
Показать еще