Лого vc.ru

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

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

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

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

Поделиться

UX в виртуальной реальности

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

Google I/O 2016

18−20 мая прошла ежегодная конференция Google I/O 2016. Дизайн-команда Google выделила все сессии Google I/O, касающиеся дизайна. Тут же появляются обновления гайдлайнов. Вот наиболее интересные из них:

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

Информация про Android N появилась задолго до конференции, но вот некоторые из интересных анонсов:

  • В этом году в Android появится Instant Apps — возможность запуска приложений без скачивания. Получается что-то среднее между мобильным сайтом и приложением — хорошо подходит для вещей вроде музейного помощника, которые редко бывают нужны.
  • В этом году выйдет сильно переработанный Android Wear 2.0. Новый стиль представления карточек и принцип работы уведомлений, улучшенная автономная работа без телефона, развитие фитнес-функций. Из странного — клавиатура, хотя она и попробует использовать быстрые ответы из Google Inbox. Видеообзор:

  • Android Auto сможет работать в режиме обычного телефонного приложения. Google также экспериментирует с управлением системами автомобиля, но автопроизводители не очень-то хотят коммодизации и не пускают надстройки глубоко. Первая крупная компания, которая согласилась сотрудничать, — Fiat Chrysler. Производитель решил сэкономить на разработке автопилотов и будет использовать технологии Google.
  • Google и Levi's выпускают первый предмет одежды на базе Project Jacquard — куртку для велосипедистов. В статье немного рассказано о трудностях практической реализации идеи.
  • Следующее поколение Google Cardboard будет называться Daydream. В эту инициативу включаются сразу несколько вещей: специальный режим Android N, оптимизирующий работу телефонов с виртуальной реальностью; шлем а-ля Gear VR; контроллер в духе Nintendo Wiimote; специальные разделы в Google Play, а также оптимизированная версия YouTube. Рассказ о том, как над ним работали.

Состояние цифрового рынка — 2016

Жюль Эхардт из ustwo написал безумно крутой лонгрид о состоянии агентского бизнеса в условиях, когда дизайн-компетенции переходят внутрь продуктовых компаний. Он анализирует причины покупок студий и рыночные предпосылки для этого, а в итоге предлагает модель современного агентства: оно продолжает делать клиентскую работу, но также занимается собственными продуктами и инвестициями в стартапы. Чтения часа на полтора, но оно стоит каждой минуты.

Смена парадигмы: новая роль дизайна в бизнесе и обществе

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

Эвристики для ботов

Кевин Скотт адаптировал классические эвристики Якоба Нильсена для ботов. В конце статьи он оценивает по ним трех реальных ботов. Материал вышел в серии статей Chatbots Magazine на Medium о ботах и мессенджерах.

Как совмещать методы в UX-исследованиях

Шикарная статья Алены Лугиной из Shopify о совмещении методов качественных и количественных исследований. Очень интересный анализ того, как и в какие моменты отслеживается поведение пользователя.

В другой статье Джефф Сауро рассказывает, как совмещать классические маркетинговые и UX-исследования.

Тренд веб-дизайна — создание некрасивых сайтов

В 2014 году Паскаль Девиль начал собирать коллекцию треш-сайтов Brutalist Websites. В мае его откопала широкая аудитория, и он попал в заголовки многих СМИ, в том числе Washington Post и Fast Co Design. Перевод на русский.

Проблемы дизайн-образования

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

Sketch 3.8

Вышел Sketch 3.8. Переработан Sketch Mirror и много небольших обновлений (перевод). Из плагинов вышли Magic Presenter для презентаций, Arrowify для стрелок на концах линий, Compo для облегчения работы с компонентами и ViewController для быстрого прототипирования во Framer.

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

  • Вышла майская бета Adobe XD. Добавились прокручиваемые области в прототипах и их полноэкранный просмотр, улучшена работа с текстом и объектами. На следующий релиз еще больше планов, так что, судя по всему, команда разработки потихоньку набирает нужный темп. Интервью с Джошем Ульмом, одним из дизайн-менеджеров Adobe.
  • Новая версия InVision Craft добавила функцию Library для синхронизации компонентов и стилей внутри команды. Наконец-то можно будет иметь единую библиотеку, которая доступна у всех без танцев с бубнами. Она уже доступна для Sketch и скоро выйдет для Photoshop.
  • Andreas Larsen получил бета-версию нового Craft, в котором уже работает прототипирование от купленного Silver Flows. В статье есть видео работы этой функциональности. Перевод.
  • Principle 1.2. Можно использовать в прототипах видео и аудио.
  • Flinto 1.5. Расширенные возможности анимации, работа со звуком, создание простых фигур.
  • Появилась бета-версия Zeplin для Photoshop. Правда, пока только на Mac. Также вышло приложение Zeplin для Windows (скачать).
  • Noodl вышел из беты. Теперь он позиционируется как инструмент прототипирования интернета вещей.

Разница между «опытом» и «клиентским опытом»

Тед Карчевский провёл крайне интересное исследование — он сравнил, как люди описывают понятия experience и customer experience. Оказалось, что первое более личное, включает несколько человек и остается в памяти навсегда, — второе же более утилитарно и касается только рассказчика.

Простой алгоритм подбора цвета

Михаил Аникин из «Яндекса» описывает алгоритм подбора цвета, который использовался для Yandex.Launcher. Он задает сочный и гармоничный фон для карточки приложения на основе его иконки.

Возрождение классических гайдлайнов

Мег Миллер описывает тренд переиздания легендарных брендбуков и гайдлайнов по дизайну из золотой эры корпоративной айдентики. За последние год-полтора перевыпустили гайды NASA, нью-йоркского метро, вот-вот выйдет British Rail, а также серия сборников. Они и сейчас доступны в электронном виде, но отношение дизайнеров к ним особенное.

Бесконечная подгрузка vs Пагинация

Николай Бабич описывает плюсы и минусы бесконечной подгрузки и постраничной навигации.

Рекомендации и критика от дизайнеров Facebook

Facebook запускает инициативу по дизайн-критике сторонних проектов. Если опубликовать работу на Medium с пояснением в формате 'I am showing [early/mid/late] work around [the problem], because [why it's a problem]. And am looking for feedback around [specific focus for feedback]' и тегом FacebookDesignCrit, можно бесплатно получить рекомендации от дизайнеров компании.

Построение визуального языка

Рассказ Карри Сааринена о том, как дизайн-команда Airbnb работала над визуальным языком, лежащим в основе их дизайн-системы DLS. Вот сессия вопросов и ответов AMA с ним.

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

  • Обновился сайт БЭМ. Подача изменилась на более наглядную, добавилось много полезной информации.
  • Джефф Кроссман рассказывает о дизайн-системе General Electric Predix. Они переосмыслили идеологию atomic design под свои задачи, сделав ее менее абстрактной. В прошлом году Дейв Кронин выступал с рассказом на эту тему.
  • Дизайн-система ALPS церкви адвентистов седьмого дня. Блог о работе над ней. Вот где настоящие евангелисты! Дэниэл Молл, который над ней работает, рассказывает о том, как идея была продана организации.
  • Мысли Дэниэла О'Коннора из Optimizely о том, как организовать версионность дизайн-системы.
  • Рассказ о дизайн-системе Suit от Sonos.
  • Рассказ Стивена Ламберта о том, как они запустили живые гайдлайны для сервиса FamilySearch. Много полезных технических деталей и нюансов процесса.
  • Хорошая памятка Артема Табалина о том, как сделать веб-компоненты доступными для пользователей с ограниченными возможностями.

Design for Time Well Spent

В последние годы выходило много статей на тему психологических трюков, которыми можно активнее вовлечь пользователя в работу с продуктом. Бывший специалист по этике технологий Google Тристан Харрис запустил сайт Design for Time Well Spent, посвященный отказу от этих практик. Его статья на эту тему и перевод.

Прототипирование по принципу content-first

Энди Фицджеральд описывает интересный подход к прототипированию контента. Он настроил связку Excel и генератора статических сайтов Jekyll с парой технологических прослоек, так что может быстро получать интерактивный прототип с реальным контентом и очень легко обновлять его.

Состояние веб-форм

Обзор современных техник валидации полей форм.

Как определить, успешен ли контент

Отличная статья Content Company о том, как считать ROI для контента на сайте. Сам подход «поставить цель → определить метрики → измерять и улучшать» не нов, но интересно его применение к контенту.

Справочник от Hyper Island & Teamweek

Студенты Hyper Island сделали справочник методов командной работы, повышающих вовлеченность. У каждого есть описание, шаблоны и пошаговая инструкция.

Почему дизайнеры пишут на стенах

Джордж Айе из Greater Good Studio рассказывает, как собрать недорогую рабочую зону для проектных обсуждений с мудбордами, концептами и другими артефактами. В конце приводится список фурнитуры для сборки.

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

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

Статьи по теме
«Веб-брутализм»: Зачем разработчики создают простые и некрасивые сайты в стиле 90-х годов12 мая 2016, 14:33
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

"Мудбордами". Какое прелестное слово для русского человека. Моё больное воображение подсказало, что слово состоит из двух простых"муд**" и "борда".

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

Сейчас обсуждают
Yuriy Belonozhkin

Покушать в пестике вишню будет дешевле? Очень сомневаюсь. Если вы имели в виду покушать (что это за слово, нахер, у взрослых людей) нормальную еду, то альтернативы неравноценны: конечно, лучше быть здоровым и богатым чем бедным и больным.

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

SEO творит дела ;)

Стеллаж «Сын съедает всю еду»: IKEA превратила поисковые запросы о проблемах в семье в названия товаров
0
Владимир Ростопчин

О, не беспокойтесь. В мире, где будут править такие вот развеселые левые фашисты (оксюморон, да), как эта дама, трудностей и борьбы за жизнь будет предостаточно.

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

Не только крупный бизнес двигается по "трендовым" мемам, но и мелочь за ними поспевает)
sweetbags.ru/news/vzhuh-jeto-kakaja-to-sumochnaja-magija

«Вжух»: реакция российских компаний на мем с котом и волшебной палочкой
0
Показать еще