Дайджест продуктового дизайна, апрель 2015
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-март 2015.
Паттерны и Best Practices
UX 365 — Discovering user experience one word at a timeHannah Atkin в своем блоге собирает визуальный словарь UX-терминов.Baymard E-Commerce Product List UsabilityВыдержки из отчета Baymard Institute, посвященного страницам списка продуктов на сайтах электронной коммерции:
Banish the Hamburger Menu, Adopt Pizza MenusNielsen/Norman Group рассуждает о неэффективности бургерного меню и предлагает более современные варианты: пицца-меню и суши меню для восточного рынка. В продолжение темы:
6 types of digital affordance that impact your UXPaula Borowska описывает 6 типов аффордансов.
Mobile User Experience: Limitations and StrengthsRaluca Bidiu из Nielsen/Norman Group собрала неплохую подборку текущего состояния сильных и слабых сторон мобильного контекста использования сервисов. Занятно, правда, что при этом сайт компании до сих пор не адаптирован для телефонов.
Приложения «Медузы»: как получать одни пятеркиCirca предложили ненавязчивый способ получить от пользователей оценку приложения. У приложений Meduza это решение дало отличный выхлоп.
Понимание пользователя ReactiveDesignПодборка принципов восприятия скорости работы интерфейсов.Practical EmpathyВторая глава книги Indy Young. «Эмпатия приносит баланс». В продолжение темы:
7 Things Every Designer Needs to Know about AccessibilityХорошая памятка по обеспечению доступности от Jesse Hausler из SalesForce.
It«s Not Enough To Be Fast: How Emulating Human Interaction Is Key To Improving Digital…Обзор исследований и концепций на тему того, как синхронизация общения по всем каналам помогает точно передавать смысл сообщения. Только 7% смысла передается словами, остальное — тональность и язык тела. Статья разбирает способы поднять эту цифру в онлайн-общении.
Информационная архитектура, концептуальное проектирование, контент-стратегия Can «User-Experience» Experts Become «Customer-Experience» Experts? Некоторые традиционные UX агентства начинают себя пробовать в CX. Toby Bottorf o переходе из User Expereince в Customer Experience.Content Migration Alone Is Not An Effective Content StrategyKara Pernice из Nielsen/Norman Group дает рекомендации по миграции контента при редизайне интранет-сайтов. Важно отфильтровать невостребованную информацию и не тянуть ее в новую версию.
Проектирование и дизайн экранов интерфейса Design Universal Windows Platform (UWP) AppMicrosoft опубликовал гайдлайны по дизайну универсальных приложений для Windows 10. Общие принципы адаптивных интерфейсов новой платформы, а также шаблоны — правда, почему-то только для PowerPoint и Adobe Illustrator. В последних числах апреля проходила конференция Build 2015 для разработчиков, часть выступлений которой было посвящено дизайну: Nokia 1100 — The PSD mockups you«ve always wantedНа 1 апреля студия Aerolab подготовила шаблон Nokia 1100 в PSD. После этого дизайнеры на Dribbble активно подключились к переводу известных приложений под этот формат. Обещают также шаблон электронных часов Casio F-91W. И еще немного:
Новое для Material Design
Новое для Apple Watch
Новое для Android Wear
Современные редакционные CMS
Инструменты паблишинга
Почтовые рассылки
Новое для Sketch
Новое для Pixate
Новое для InVision
Пользовательские исследования и тестирование, аналитика The three lenses of usability evaluationDavid Travis из UserFocus приводит три подхода к проведению пользовательских исследований, которые хорошо показывают связь методов с общей стратегией компании. Хороший пример подстройки обширного инструментария UX-специалиста под конкретную ситуацию.The Future of UX Research: Uncovering the True Emotions of Our UsersОбзор современного состояния психофизиологических исследований от Andrew Schall.
Do Users Notice Your Design Elements? 3 Ways to Find OutJeff Sauro описывает три способа узнать, что пользователи осмысленно увидели что-то в вашем дизайне — опросы, eye-tracking и наблюдения. В каждом из них есть свои оговорки, ведь взгляд человека может попасть на элемент неосознанно.
How to Measure the Reliability of Your Methods and MetricsJeff Sauro предлагает четыре способа проверки надежности методов и метрик пользовательских исследований. Сравнение мнений разных экспертов, повторные опросы, вариативность порядка и набора вопросов, разделение опрашиваемых на несколько выборок.
A Guide to User TestingКраткий справочник по разновидностям методов юзабилити тестирования от Jerry Cao. Продолжение и полная версия справочника, описывающая более 30 методов тестирования в книге от UXPin.
Пользовательские опросы
No More Pogo Sticking: Protect Users from Wasted ClicksAurora Bedford о том, как использовать аналитику для того, чтобы выявить случаи pogo sticking — когда пользователи в поисках информации заходят на страницу и тут же возвращаются обратно, на найдя того, на что рассчитывали.
Руководители Wargaming об исследовании поведения игроков в World of Tanks и других играхКак работает команда аналитики в Wargaming. О задачах, аудитории, инструментах, подходах. В продолжение темы:
3 Reasons Why Crowdsourcing FailsCraig Tomlin обозначил три основные проблемы пользовательских исследований с помощью опросов на сайте. Нерепрезентативная выборка, слова людей расходятся с их поведением, некорректные вопросы.
Визуальное программирование и дизайн в браузере An In-Depth Overview Of Living Style Guide ToolsРоберт Харитонов сделал хороший обзор инструментов для ведения живых гайдлайнов на Smashing Magazine. Здорово, что они разбиты по классам «зрелости» и возможностей. В продолжение темы: Новые скрипты
Нарезка мобильного дизайна
Работа с SVG
Работа с цветом
Эффекты наложения слоев в современных браузерах
Новое для Quartz Composer
[embedded content]Работа с CSS-анимацией
Работа с Flexbox
Метрики и ROI Can Good Design Be Measured? Ответвление от серии Pamela Pavliscak на тему измерения дизайна.Управление интерфейсными проектами, процессами и командами Юрий Ветров — От дизайн-команды к дизайн-культуреМоя презентация с конференции CodeFest 2015 о том, как перейти от построения дизайн-команды к выстраиванию дизайн-культуры. Это четвертая часть в серии про UX-стратегию — к лету появится в виде расширенной статьи. Третья, кстати, сейчас на вычитке в UXMatters.Лет пять-семь назад все говорили о правильных процессах, но сейчас их уже недостаточно — это скорее гигиеническое требование и ориентир. Выручают общие ценности, благодаря которым дизайн-командой может стать вся компания. Эта презентация о ее выстраивании дизайн-культуры, которая зависит от трех составляющих — команды, лидеров и набора базовых процедур. Часть тем не успел раскрыть в этом формате, но к статье картинка будет более целостной. В продолжение темы:
Git Large File StorageGitHub открыл возможность отслеживать версионность крупных файлов, в том числе медийных и графических. Это явное приглашение для дизайнеров подключаться к одному из самых популярных инструментов для совместной работы. Анонс с небольшим объяснением. В продолжение темы:
4 Things Strategists Can Learn From UX DesignersНа SXSW Google провела панель, посвященную совместной работе UX-дизайнеров и продуктовых стратегов. По ссылке короткая выжимка из нее.
Resist the RedesignAlina Senderzon из ZURB пишет о редизайне, как крайней мере внесения изменений в продукт. Одна из причин такого желания — постепенное накопление расхождений в продуктах, которое зачастую выражается в разнице в кнопках. В нашей команде это также проявилось, хотя причины тут не только в дизайнерах — решить эту проблему раз и навсегда может только технологическое решение. В продолжение темы:
How To Become A UX LeaderRobert Hoekman Jr также пишет о том, что должен делать UX-лидер.
Becoming Design-Infused: 2 Necessary Mutations to Organizational DNAМногие компании пробуют стать более ориентированными на дизайн, но мало у кого это получается по-настощему. Jared Spool о том, почему иногда продукт с идеальным UX может стать провальным на рынке и о двух секретах, без которых невозможна такая трансформация. Во-первых, без изменения бизнес-модели и бизнес-процессов полный переход невозможен. Примеры, правда, не то чтобы масштабируемые. Во-вторых, нужна внутренняя мотивация в компании, желание организации меняться чтобы найти свое настоящее призвание, а не только перемены, как реакция на конкуренцию и изменение рыночной ситуации. Они также запустили новый бренд конференции UX Advantage по UX-стратегии.
When Change Is Constant — A Spiral UX Design ModelHang Guo предлагает спиральную модель дизайн-процесса. Она базируется на классической спиральной модели разработки с адаптацией под специфику UX. Не очень понятно, зачем она нужна и чем отличается от гибких методов, но в копилку концепций сгодится.
Design Collaboration in the Enterprise: Building the Foundation of BrillianceНовая книга UXPin про совместные техники работы и взаимодействия в дизайн-команде.
Продуктовый менеджмент и аналитика Features do not a Product Roadmap MakeScott Sehlhorst пишет об отличиях дорожной карты от беклога и других документов, описывающих функциональность продукта. Он отвечает на вопрос «почему», а не только «что» и «когда».Кейсы Непрошенные редизайныThe Score Bug: A Case Study on Creating Digital On-Screen.Интересное решение для спортивных трансляций. Juan J. Ramirez предлагает расширить блок статуса матча и показывать в нем таймлайн основных событий.
Бургерный дизайн
Designing Urban WalksАнтон Реппонен и Данил Криворучко о работе над мобильным приложением Urban Walks.
История The DemoОпера The Demo по мотивам эпохальной презентации Дугласа «The Mother of All Demos». Штука сомнительная, но сам факт попадания в культуру забавен. Чуть подробнее. На ней присутствовали многие из тех кто работал с Дугласом, в том числе его ассистент на презентации William English.Тренды Тренды 2015The Fall of the DesignerEli Schiff, мастер дизайн-дискурса 80 уровня, очень интересно пишет о роли дизайнера в эпоху, когда с одной стороны визуальная стилистика стала сверх-минималистичной, а профессиональные требования ожидают от специалиста смены фокуса на работу в коде. Не все посылы в статье здравые, но он смотрит на проблему с большого количества точек зрения и приводит много интересных цитат. Все части серии:
Why We Need A Haptic Design Language For WearablesКомпания Immersion предлагает дизайн-язык и платформу TouchSense Core для носимых устройств, которые позволят использовать их возможности более тонко и с умом. Уведомления делятся на пять типов — срочно, позже, в обычные и фоновые, системные и для каждого из них описываются принципы хорошего дизайна.
Дизайн для виртуальной реальности
Дизайн для фаблетов
Автомобильные интерфейсы
Gridset Responsive Report 2014Gridsetapp публикуют результаты исследования современного дизайна. В частности, как адаптивный дизайн повлиял на умы и настроения дизайнеров и компаний.
Rolling out the mobile-friendly updateС 21 апреля выдача Google на мобильных пессимизирует не адаптированные для телефонов сайты.
What Is Object-Oriented Experience Design? Sharon Carter разбирает понятие объектно-ориентированных интерфейсов. Это удобный способ описания дизайна, который позволяет легче работать с возможными действиями и общаться с разработчиками.
Welcome To The Brave New World Of The Corporate-Sponsored ArtistИнтересный тренд — крупные компании спонсируют работу художников и исследователей. Для кого-то это маркетинг, но, например, Autodesk считает это сильным методом пользовательских исследований, когда они видят процесс работы потребителя своих продуктов во всех деталях и на всех стадиях.
Web UI Trends Present & Future: The Elegance of MinimalismСвежая книга UXPin про современные тренды и минимализм.
Интернет вещей
Интерфейсы в кино
Для общего и профессионального развития Web Design StackКоллекция инструментов и сервисов для веб-дизайнера. Дизайн, разработка, продакшн, менеджмент, маркетинг, обучающие курсы и объявления о работе. Так же есть раздел с шпаргалками и новости из мира дизайна. Все в удобном виде каталогизировано, регулярно пополняется и получает рейтинг авторов ресурса.The Golden Ratio — Design«s Biggest MythJohn Brownlee из Fast Co Design запустил дискурс на тему золотого сечения. Он откопал первоисточник мифа о его всесильности при создании гармоничного дизайна. Его часто приписывают в том числе Леонардо Да Винчи, хотя он просто помогал знакомому оформлять книгу на эту тему. Это один из ярких примеров пост-рационализации и поиска паттернов даже там, где их нет.
В ответной статье Darren Crescenzi, входящий в список самых креативных людей по версии Fast Company, жестко и развернуто критикует статью. Где-то с фактами, где-то на эмоциональном уровне.
White Space in Web UI Design (The Power of Nothing)Еще одна книга UXPin, о свободном пространстве в дизайне.
Онлайн-курсы
Advice from UX Heroes: 9 Golden NuggetsRian van der Merwe говорит о том, что надо бы поосторожнее бросаться в крайности и не переквалифицировать дизайнеров в разработчиков. Иначе они окончательно превращаются в исполнителей из тех, кто должен думать о продуктах.
Нерадивые дизайнеры
Advice from UX Heroes: 9 Golden NuggetsВедущий подкаста UX Intern Wesley Noble рассказывает о том, чему научился за время его ведения.
Люди и компании в отрасли Ways We WorkСайт Ways We Work cобирает интервью дизайнеров и других продуктовых специалистов.Отрывки из книги Khoi Vinh «How they got there»
Отрывки из книги «Helvetica / Objectified / Urbanized: The Complete Interviews»
Материалы конференций UXPeople — Конференция о дизайне, UX, интерфейсах и проектировании взаимодействия5 июня в Москве в Инфопространстве пройдет конференция UXPeople 2015.UX STRAT 2014, part 1: Overview and Workshop ReviewsОтчет Pabini Gabriel-Petit о первом дне конференции UXSTRAT 2014, проходившей 7–9 сентября в Boulder, Colorado (США).
Conference Review: UX Strategies Summit 2014, part 2Отчет Pabini Gabriel-Petit о втором дне конференции UX Strategies Summit 2014, проходившей 10–12 июня в Сан-Франциско, США.
Свежие ссылки можно также отслеживать в одноименной Facebook-группе. Спасибо всем, кто также публикует ссылки в ней, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову и Евгению Соколову. Все больше материалов в обзорах появляется благодаря им. Для удобства навигации начал собирать список «веток» в группе с обзорами.
