Продуктовый дизайн: 20 самых важных материалов за май
Уже шесть лет руководитель портальной дизайн-команды Mail.Ru Group Юрий Ветров публикует в своём блоге регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок он отбирает примерно 5% стоящих публикаций, которыми интересно поделиться среди экспертов.
Специально для vc.ru Юрий Ветров собрал выжимку из 20 самых интересных ссылок мая.
UX в виртуальной реальности
Обширная коллекция статей, книг, видео, презентаций и других материалов на тему виртуальной реальности. Не знаю, насколько подборка проверена куратором на предмет полезности, но выглядит внушительно.
Google I/O 2016
18−20 мая прошла ежегодная конференция Google I/O 2016. Дизайн-команда Google выделила все сессии Google I/O, касающиеся дизайна. Тут же появляются обновления гайдлайнов. Вот наиболее интересные из них:
- Анимации. Один из лучших примеров в жанре, очень хорошо описаны основные принципы без лишних деталей.
- Встреча нового пользователя. Очень здорово и правильно описаны способы рассказать, что делает приложение и как с ним работать.
- Обновились гайдлайны для часов.
- В этом году в 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 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
В избр.
Ком.
© vc.ru