Уже три года я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-май 2013.

Обзор свежих материалов, июнь 2013

Паттерны и Best Practices

In Defense of Floppy Disks — The Vocabulary of the Interface
Иконку сохранения в виде дискеты ругают все кому не лень. Но небольшое исследование Lis Pardi показывает, что она отлично работает даже для молодой аудитории, которая не сталкивалась с физическим прообразом.

The State Of Responsive Web Design
Сверхполезный обзор текущего состояния технологий адаптивного дизайна от Stéphanie Walter. Она рассказывает о механизмах показа изображений и другого медиа-контента, компоновки страницы, работы с навигацией и методами ввода, оформления таблиц.

Color and user experience
Ashley Karr кратко описывает нюансы использования цвета в интерфейсах. Она также приводит значения конкретных цветов в американской культуре.

Three Reasons We’ve Outgrown Mobile Context
SuAnne Hall сводит вместе идеи Luke Wroblewski и Karen McGrane и пишет о том, что понятие «мобильного контекста использования» устарело и опираться на него нельзя. В статье много полезной статистики и примеров того, почему разделения на «мобильный» и «основной» контент и функционал быть не должно.

Findability is a Content Problem, not a Search Problem
Mark Baker пишет о том, что проблемы при поиске пользователями нужной информации касаются в первую очередь организации контента, а не работы поисковых инструментов. Он делает обзор основных концепций и теорий в этой области и подкрепляет выводы статистикой.

Понимание пользователя

Sense-making in Cross-channel Design
Jon Fisher, Simon Norris и Elizabeth Buie опубликовали подробнейшее теоретическое исследование проблемы взаимодействия пользователя с продуктом сразу по нескольким каналам. Они предлагают интересную классификацию каналов и проводят небольшой эксперимент для подтверждения своих гипотез.

Google’s Dead-Simple Tool For Making UX Decisions — 2 Jars Of Marbles
Fast Co.Design рассказывает о простом и очень наглядном методе проектирования интерфейсов, применяемом дизайн-командой Android в Google. Чтобы нивелировать любой негативный момент в интерфейсе нужно дать пользователю три позитивных вещи, так что дизайнеры стараются поддерживать этот баланс.

Content Sharing and Social Networking Buttons
Небольшое исследование того, как и в каких случаях пользователи делятся ссылками с друзьями. Для одних ситуаций востребованы стандартные кнопки соц.сетей, в других случаях люди отправляют их по почте.

Usability for Senior Citizens
Обзор проблем во взаимодействии пожилых людей с современными сайтами и приложениями от Якоба Нильсена.

Проектирование структуры и экранов интерфейса

iOS 7
10 июня была представлена iOS7, кардинально изменившая внешний вид платформы и усилившая важность интерфейсной анимации. Те кто вкладывался в metro-/flat-design не прогадали, хотя некоторая адаптация все равно потребуется. Полезные материалы:

Гайдлайны по переводу приложения на iOS7. Версия в публичном доступе.
Human Interface Guidelines. Версия в публичном доступе.
UIKit User Interface Catalog. Версия в публичном доступе.
UI Kit от Teehan+Lax.
UI Kit для OmniGraffle.
Пиктограммы для использования в приложениях.

Designing Down from Science Fiction — A Staged Approach
Dan Turner в деталях описывает метод проектирования интерфейсов через концепции научно-фантастических фильмов, описанный в книге Nathan Schedroff и Chris Noessel «Make It So». Это отличный способ «продажи» сложных идей и необычных концепций, а также хорошая вариация на тему дизайн-мышления.

Jetstrap — The Twitter Bootstrap Builder Tool
Онлайн-конструктор Jetstrap позволяет на лету собирать прототипы интерфейсов на основе фреймворка Bootstrap. Бесплатна работа только с одним проектом.

Hosting a Page Description Workshop
Page Description Diagrams — это подзабытый инструмент проектирования конкретных экранов интерфейса, который оказался слишком абстрактным в качестве проектного артефакта. Но это отличный инструмент для сбора требований и Colin Butler с Andrew Wirtanen описывают формат рабочей сессии для их построения.

Tools for Mobile UX Design
Steven Hoober описывает свои инструменты для проектирования мобильных приложений. Это программы, канцелярия, примеры спецификаций и других артефактов. А Lennart Hennings пишет о скетчах мобильных интерфейсов.

Five Ways To Prevent Bad Microcopy
Bill Beard пишет о том, как готовить хорошие микро-тексты в интерфейсах — подписи к формам, сообщения об ошибках и т.п.

User Inter Faces — Sample avatars for interface design
Сервис User Inter Faces поможет с аватарами для прототипов и дизайн-макетов. Он генерирует матрицу пользователей с настраиваемыми размерами.

Fries — Create sexy Android-like UI using HTML, CSS, and JavaScript
Фреймворк Fries позволяет собирать Android-приложения на HTML. Это быстрый способ прототипирования на основе дефолтного дизайна ОС.

Starters Guide to iOS Design
Полезная памятка для начинающих в проектировании и дизайне приложений для iPhone и iPad от Ben Taylor.

Пользовательские исследования и тестирование

Secrets From Facebook's Mobile UX Testing Team
Nate Bolt, руководитель исследовательской команды Facebook, рассказывает о том как происходят пользовательские исследования в компании. Они делают ставку на удаленные исследования — это позволяет застать пользователя в нужный момент в естественной среде. В дополнение рассказ о том, как тестировали Facebook Home.

Using Paired Interviews to Understand the Current and Future Perspectives of Teenagers
Catalina Naranjo-Bock описывает метод пользовательских исследований с помощью парных интервью. Она рассказывает о своем исследовании подростков и том, как такой подход сработал на практике.

Метрики и ROI

Design ROI — Measurable Design
Шикарнейший исследовательский проект студентов финского университета Aalto, посвященный ROI проектирования и дизайна. Он начинается с детального исследования текущего состояния отрасли и предлагает конкретные методы оценки. Также недавно вышло исследование Watermark Consluting, которое показывает, что крупнейшие компании были более успешными на рынке при условии серьезных инвестиций в customer experience.

Associating UX Changes to the Net Promoter Score
Jeff Sauro подробно описывает, как начать считать и анализировать метрику Net Promoter Score для продуктов компании. Крайне полезная пошаговая инструкция.

Measuring The Visual Appeal of Websites
Jeff Sauro описывает методы оценки эстетической привлекательности интерфейса продукта. Это особенно интересно в свете всеобщей минимализации визуального дизайна.

10 Things to Know About the System Usability Scale (SUS)
Jeff Sauro описывает особенности использования метрики SUS (System Usability Scale).

Управление интерфейсными проектами и процессами

Design in Teams
Интереснейший блог Guido Stompff о современных продуктовых командах, в которых сложный процесс коллективного рождения и развития идей дает куда больший результат, чем работа мифического гения-одиночки, воспеваемого в народе. Автор готовил к защите научную работу и публикует материалы из исследования к ней.

Replacing «Requirements Gathering» with Something That Works
Отличная статья Jared Spool о том, почему этап сбора требований из классических схем процесса проектирования интерфейсов — это миф и самообман. Он полагается на то, что заказчик точно и исчерпывающе знает требования к продукту и они не меняются по ходу проекта, что обычно не так. А Scott Sehlhorst подсказывает, как уйти от карго-культа в описании требований.

Управление длинными UX-проектами
Обзор проблемных ситуаций в проектах по проектированию интерфейсов, справедливый для сервисной компании от Ильи Бельника. Правда, для продуктовой компании ситуация сильно отличается — об этом говорится в предыдущей ссылке.

Методологии, процедуры, стандарты

Softer side of change
Mike Clark предлагает совместить теорию реинжиниринга бизнес-процессов и дизайн-мышление для того чтобы предлагать не просто интересные идеи, но и конкретные планы изменений в компаниях.

The unbearable lightness of Design Thinking
Guido Stompf размышляет о том, почему дизайн-мышление так восхваляется дизайнерами и зачастую вызывает насмешки у топ-менеджмента. Он описывает четыре пути поиска продуктовых идей и решений, которые востребованы разными участниками проектной команды и то, насколько они различаются в деталях и мировоззрении.

Thirteen Tenets Of User Experience
Robert Hoekman Jr предлагает свои 13 принципов/заповедей хорошего UX. Причем это не конкретные эвристики и паттерны, а скорее общепрофессиональные установки.

Design principles to choose the right ideas
Henk Wijnholds показывает, как можно использовать дизайн-принципы компании на практике. Они позволяют проверить, насколько новые функции и их интерфейсная реализация соответствует духу продуктовой стратегии.

Book Excerpt: Design For Care
Отрывок из книги Peter H. Jones «Design for Care: Innovating Healthcare Experience», которую недавно выпустили Rosenfeld Media. Информация о книге.

Кейсы

Google Visual Assets Guidelines
Команда дизайнеров Google выложила на Behance некий прообраз гайдлайна по использованию дизайн-стилистики и оформлению интерфейсов компании. Вторая часть.

История

A brief history of content strategy
История дисциплины контент-стратегии, интерес к которой активно растет в последние годы. Впервые заговорили о ней в 1997-1998, а в 2009 году произошел взрыв интереса.

Тренды

Jason Grigsby — The Immobile Web @ An Event Apart
Заметки о выступлении Jason Grigsby, посвященному современным телевизионным интерфейсам. Хороший обзор современных трендов в отрасли и ее текущего состояния.

5 Reasons Why Your Email Marketing MUST be Designed for Mobile
Craig Tomlin рекомендует уделять особое внимание виду писем рассылки на мобильных. Он приводит много статистики говорящей о том, что это направление стремительно растет и описывает проблемы текущих технологических решений.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

Интерфейсный дайджест, июнь 2013