Лого vc.ru

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

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

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

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

Поделиться

Adobe Project Comet

Гонка инструментов для дизайна и прототипирования накаляется: Adobe выпускает еще один продукт для дизайна и анимации в своей линейке. Если судить по видео, то это развитие интерфейса Design Space в Photoshop, куда добавлена возможность связывать экраны переходами для создания интерактивного прототипа с анимацией.

Возможность просмотра прототипов на устройстве, взаимодействие с разработчиками, связка с Photoshop и Illustrator, очень интересная работа с контентом и повторяющимися элементами. Вот впечатления Хой Винь и немного деталей о его вовлеченности в продукт. Он пришел в Adobe в августе, когда работа уже вовсю шла, но общается с командой. В статье есть небольшое демо работы с инструментом.

Бета-версия появится в начале следующего года, релиз — в течение 2016 года. Подробнее:

  • Получасовое видео работы с продуктом.
  • Текст о том, как инструмент работает с реальными данными.
  • Все анонсы Adobe с конференции MAX 2015.

Sketch 3.4

Вышел Sketch 3.4 — здесь большой список нововведений и исправлений. Правда, версия оказалась глючной, и Bohemian Coding пришлось тут же выпускать обновление 3.4.1. Яп Кхуан Ик сделал обзор наиболее интересных улучшений. И немного новых плагинов:
  • Интересный плагин Constraints, который позволяет делать адаптивный дизайн по логике, аналогичной iOS.
  • Плагин для сортировки слоев и артбордов.
  • Плагин от Джона Коутса позволяет редактировать объекты из макетов Sketch в CSS с двухсторонней синхронизацией. Анонс от автора.

Модели команд для работы над платформой

Шикарнейшая статья Натана Кёртиса о том, как строить команду для работы над платформой.

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

Его компания EightShapes как-то выпала из моих радаров, когда роль проектных артефактов сильно уменьшилась (а они были одними из лучших в плане шаблонов и плагинов). Но тут сильнейший уровень мышления на тему.

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

6 показателей зрелости UX в компании

Macadamian Technologies сделали одну из самых интересных моделей зрелости UX, и вот они развили её в достаточно сильный фреймворк. Это общая модель, серия статей и тест, позволяющий оценить текущее состояние UX в компании.

Готовлю что-то подобное на этот опросник для завершающей части своей серии — есть, что подсмотреть. Кстати, эта серия статей доступна в виде общей методички в PDF.

В продолжение темы:

  • Шаблон описания UX-стратегии от Джима Кальбаха. Развитие идей Business Model Canvas.
  • ReDsgn.Co — истории редизайна, которыми стоит поделиться. Сайт собирает официальные кейсы редизайна и непрошеные концепты.
А вот что ещё было в октябре на эту тему:
  • Как делали приложение Google Primer, обучающее цифровому маркетингу.
  • Не целиком про интерфейс, но в целом достаточно интересно про эволюцию продукта. Рассказ о создании приложения Assembly для рисования на iPhone.
  • Майкл Виллар о работе над мобильной версией дашборда Stripe.
  • Джошуа Тейлор рассказывает об ошибках приложения Penultimate в экосистеме Evernote. Рейтинг в AppStore упал до единицы, и шквал негатива от пользователей был огромен.
  • Отличный кейс Netflix, где студия Gretel предложила концепцию наслаивающихся стеков, которая пронизывает продукты, рекламные материалы и другие способы использования бренда.

История редизайна Asana

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

От продуктового дизайна к виртуальной реальности

В апреле этого года Жан-Марк Денис, создатель Sparrow и Inbox, перешёл в команду Google Cardboard. Он рассказывает, почему ему интересно это новое направление и чему пришлось научиться. Помимо этого Жан-Марк предлагает безопасные зоны для физических нагрузок, аналогично комфортным зонам для смартфонов и планшетов.

Также недавно состоялась сессия AMA на Designer News. Антуан Плю собрал её в статью.

Что такое вовлечённость читателей и как за неё бороться

Мои коллеги из команды медиапроектов Mail.Ru Group собрали шикарный сайт про повышение вовлечённости читателей контентных сайтов. Общая информация про эти действительно полезные метрики, куча материалов на тему и несколько видеолекций.

Книги за 2015 год от издательства O'Reilly

Кому нужен GPS? Забытая история навигатора 1985 года от компании Etak

Шикарнейший рассказ о появлении первого автомобильного навигатора Etak в 1985 году. Компанию много раз перепродавали, и сейчас её данными владеет TomTom, а наработки используются во всех современных устройствах.

Материалы по дизайну от Facebook

Дизайн-команда запустила сайт, на котором собраны полезные материалы, шаблоны и инструменты. Сюда же переехал и UI Kit от Teehan+Lax.

Ещё из интересного — статья «Как фотографировали руки разных рас для шаблонов с телефонами».

Модель RAIL

Пол Айриш и Пол Льюис из команды Android в Google предлагают модель RAIL (Response, Animation, Idle, Load) для оценки скорости работы интерфейса и осмысленной оптимизации по конкретным проблемным местам.

Исследование: Люди могут лучше относиться к продуктам только потому, что это новинки

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

Ещё немного об исследовании.

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

Стратегии оптимизации Customer Journey от Adaptive Path.

Floid

Инструментов для мобильного прототипирования много не бывает — вот Floid, свежак. Анонсирован импорт из Photoshop и Sketch, куча шаблонов для разных устройств и предпросмотр на них, экспорт в GIF и HTML. Довольно крутой сайт с кучей примеров реализации. Стоит $69. Уже запущено приложение для Mac, скоро будет и для Windows.

Но это ещё не все инструменты, про которые стало известно в октябре:

  • Quill — инструмент для совместной работы над wireframes.
  • ProtoSketch — приложение для проектирования и дизайна на iPad.
  • SketchMyApp — надстройка для Photoshop, позволяющая создавать интерактивные прототипы.
  • Fuse — инструмент для создания интерактивных прототипов и трансляции их в код для Android и iOS вышел из беты.
  • Webflow CMS вышла публично. У Fast Co Design вышел небольшой обзор.
  • Marvel купили Plexi — продукт даже не успел выйти в полноценной версии!
  • BoxBox — многообещающий инструмент без возможности потрогать вживую. Ну, всё как обычно.
  • Bootstrap Studio — онлайн-инструмент для прототипирования сайтов в браузере.

100 работ за 100 дней

Сервис Daily UI грозится сделать явление «100 макетов за 100 дней» массовым. Если подписаться, он будет присылать задачи на каждый день. Это отличный способ прокачаться для начинающих, но он уже дал негативный эффект на Dribbble: сайт заполнил огромный поток слабых работ без всякой цели, а ведь за это его зачастую и ругают.

Проектирование для Apple Watch

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

  • действие менее комфортно выполнять на телефоне;
  • для этого действительно нужно потревожить пользователя.

Прописанное взаимодействие

Короткая, но очень ёмкая колонка Микаэля Виберга, в которой он предлагает переосмыслить понятие interaction. Изначально это была работа над конкретными действиями пользователя в системе, но чем дальше, тем шире становится понятие взаимодействия с продуктом.

Иллюстрированный гайд для разработки продукта

Толковая серия статей инвест-фонда Bolt о работе над гаджетами на примере бокса-сборщика чаевых через кредитку.

Как мы исправили проблему с пиктограммами

Боб Грейс из Tello написал о том, как компания систематизировала работу с пиктограммами в интерфейсе. Они опубликовали технологическое решение на GitHub.

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

Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

Игра Don't Starve на превью новости в ВК)) Ламповая выживалка, рекомендую на пару часов затянет)

Вот побольше бы таких статей)

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

Сейчас обсуждают
Yus Teryukalov

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

«В кризис банк никто не купил, пришлось развивать самому»
0
Philip Salnikov

Суммы инвестиций и заработков тоже удивляют. Кому нужны любительские фото в таких количествах?

«Я потратил $10 млн и два года на то, что мог выяснить за 4 недели»: основатель Twenty20 об ошибках проекта
0
Sakari Sauso

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

«Азбука вкуса» и бывшая «Афиша-Еда» запустили сервис для доставки ингредиентов по рецептам журнала
0
Sakari Sauso

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

«Азбука вкуса» и бывшая «Афиша-Еда» запустили сервис для доставки ингредиентов по рецептам журнала
0
John Smith

А Саванна?

Компания «Альянс» показала на бутылках своего сидра героев знаменитых картин в состоянии опьянения
0
Показать еще