Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Начало года выдалось напряженным, поэтому выпуск выход с задержкой. Предыдущие материалы: апрель, май-июнь, июль, август, сентябрь, октябрь, ноябрь.
![Обзор свежих материалов, декабрь 2010-февраль 2011](https://habrastorage.org/r/w1560/getpro/habr/post_images/ec9/ec8/d5f/ec9ec8d5f21221413c8b9ebcc8f11e09.png)
Doneness Matrices — A Pattern for Getting Projects Done
Nathan Curtis из компании EightShapes предлагает полезный инструмент для отслеживания статуса работ по проектированию. Хотя это просто Excel-таблица, мы в компании используем похожий формат, который здорово помогает в работе. Коллега Натана PJ Camp Malik предлагает ее вариацию для менеджера проекта.
A study of iPad usage via fingerprints
Необычный способ пользовательских исследований тач-интерфейсов — с помощью отпечатков пальцев на экране iPad, оставленных при работе с приложением. По сути это аналог тепловых карт, перенесенный в физический мир.
UX Ideas in the Cards
Обзор специализированных наборов игральных карт, которые можно использовать в проектной работе — например, методы проектирования или игровые механики. Многие из них давно известны, но всегда полезно иметь единый список.
Storyboarding iPad Transitions
Greg Nudelman описывает способы описания анимации и переходов между состояниями для iPad. С развитием современных интерфейсов вопрос спецификации таких динамических эффектов встал особенно остро — традиционные wireframes тут мало помогут.
Developing Your Interviewing Skills
Серия статей Mia Northrop, в которых она делится своим опытом проведения интервью с пользователями и представителями заказчика. Статьи описывают весь процесс от подготовки до проведения интервью. Доступна также вторая часть.
The Design Matrix — A Powerful Tool For Guiding Client Input
Bridget Fahrland описывает метод дизайн-матриц, во многом схожий с moodboards, который помогает описывать основные качества и характеристики будущего дизайна. Такая матрица представляет собой двумерную плоскость, сравнивающую разные подходы к дизайну по двум характеристикам.
All About UX
База знаний, посвященная методам и подходам проектирования. Подборка собрана достаточно внушительная, хотя пока готовы не все статьи.
Aristotle’s Storytelling Framework for Interactive Products
Jeroen van Geel рассказывает о необычной методике использования принципов storytelling при проектировании. Статья сравнивает интерфейс с сюжетом фильма с тем чтобы работа с продуктом была такой же увлекательной.
Why you need a user experience vision (and how to create and publicise it)
Статья посвящена видению будущего продукта — это важная часть процесса проектирования, которая должна ярко и наглядно передать основную суть. Автор предлагает три метода представления видения — короткая история, комикс и обзорное видео.
Building an Information Architecture Checklist
L. Downey и S. Banerjee описывают методологию внедрения процесса информационной архитектуры в крупные государственные и корпоративные проекты по разработке. Статья описывает подробный чеклист и способы его интеграции в общий процесс.
Touchpoints Bring the Customer Experience to Life
Adam Richardson из компании Frog Design описывает 4 типа точек взаимодействия пользователя с компанией, которые необходимо учитывать при проектировании услуг. Это продукты, взаимодействия, сообщения и настройки.
Be Kind to the Color Blind by COLOURlovers
Chris Cambell рассказывает об особенностях дизайна для людей с ограничениями по зрению — в первую очередь частичным дальтонизмом. Он описывает удачные и не очень подходы на основе примеров.
Improving the Usability of E-Book Readers
Отчет об исследовании юзабилити современных электронных книг. Он описывает проблемы существующих продуктов и предлагает способы их исправления. Прямая ссылка на PDF.
Designing Web Registration Processes for Kids
Специалист по медиа для детей Debra Levin Gelman описывает особенности создания вовлекающих и наглядных процессов регистрации для маленьких пользователей. Статья рассказывает о том, как учитывать особенности их поведения и восприятия, а также дает рекомендации для проектировщиков и дизайнеров.
Open Source Gesture Library and Gesture Illustrations
Обширная коллекция мультитач-жестов, которые можно использовать в wireframes. Пиктограммы доступны в векторном и растровом форматах
Paper Prototyping Helper Kit
Отличный набор элементов для бумажного проектирования от компании UserFocus. Прямая ссылка на PDF.
Introducing Wirify — The web as wireframes
Необычный и крайне полезный букмарклет, который позволяет показать любой сайт в виде wireframe. Это отличный способ сравнить свои наработки по интерфейсу с продуктами конкурентов, а также использовать их в обсуждениях с клиентом.
Business Model Canvas — Facilitator Cards
Набор игральных карт для проведения рабочих групп по проработке бизнес-моделей. Jason Furnell, автор набора, рекомендует распечатать их и использовать при обсуждении идей.
Android Interaction Design Patterns
Коллекция паттернов для проектирования мобильных приложений для Android. Они разбиты на несколько категорий — работа с данными, ввод информации, навигация, уведомления, персонализация, социальные функции и взаимодействия внутри конкретного экрана.
Top 6 Help Design Patterns for iPhone Apps
Полезный набор советов по созданию обучающих экранов и туров для мобильных приложений. Статья описывает 6 основных способов — демо-ролики, инструкции, пошаговые описания и другие.
Little Big Details
Отличная коллекция небольших и малозаметных приемов в интерфейсах популярных продуктов, которые делают работу с ними особенно приятной. Описываются десктопные, мобильные и веб-интерфейсы.
The Form of Facts and Figures — Information Design Patterns Cookbook
Christian Behrens опубликовал коллекцию 55 дизайн-паттернов, которые используются при создании статической и интерактивной инфографики. Это 200-страничная книга, которая помимо всего прочего описывает историю информационного дизайна.
Content Strategy Design Patterns
Коллекция паттернов проектирования для ориентированных на контент страниц сайтов. Сбор информации начался недавно, так что пока примеров не очень много.
34 Outstanding Admin Panels for Your Web Applications
Крупная коллекция административных интерфейсов, показывающая примеры страниц панелей управления, форм, уведомлений. Хотя многие из примеров являются скорее разными скинами к одной и той же странице, показано много интересных приемов.
Facilitating Collaborative Design Workshops — A step by step guide for rapidly creating a shared vision for execution
Jason Furnell подробно и по шагам описывает процесс организации и проведения мастер-классов по дизайну и проектированию. Описание сопровождается фотографиями и видео с одного из мероприятий. На эту же тему высказался и Stephen P. Anderson (http://uxmag.com/design/problems-with-innovation-workshops).
Why Don’t Usability Problems Get Fixed?
Статья описывает причины, которые затрудняют внедрение предложений, полученных в результате юзабилити-тестирования и других исследований интерфейса. Ограничения касаются как технической, так и политической стороны вопроса.
Parallel & Iterative Design + Competitive Testing = High Usability
Jakob Nielsen рассказывает о серии юзабилити-исследований, в которых измерялась эффективность и качество итогового интерфейса для разных процессов ведения проекта. Параллельное создание нескольких вариантов страниц с их последующим тестированием и выбором лучшего дало наибольший эффект.
Designing Media (книга Bill Moggridge)
Книга Bill Moggridge о дизайне классических и онлайн-медиа, которая включает серию интервью с ведущими дизайнерами NY Times, Twitter и других компаний. Книга бесплатна и доступна для скачивания по ссылке http://www.designing-media.com/download.
Usability testing is broken — Rethinking user research for social interaction design
Dana Chisnell рассказывает о том, как плохо адаптируется методика юзабилити-тестирования к современной среде социальных медиа. Она размышляет о том, остается ли ей скромная роль QA-тестирования или юзабилити-тестирование может быть полезным в современной интерактивной среде.
The Adventures of Usability Girl — Building UX from the ground up
Рассказ Stephanie Arnold об опыте построения команды и процесса проектирования с нуля в компании AT&T Interactive. Статья дает советы о том, как убедить принимающих решения людей в том, что проектирование действительно важно для успеха организации.
Designing for Kinect — A Usability Study
Компания CXPartners опубликовала результаты исследования юзабилити игрового контроллера Kinect. Авторы описывают в основном игровые меню и описывают слабые стороны первых решений. Схожее исследование провели и в компании Nielsen-Norman Group.
The Power of Comparison — How It Affects Decision Making
Colleen Roller описывает эффект, который оказывает сравнение на принятие человеком решений. Кроме того, она рассказывает о том, как можно применять эти особенности в проектировании. Ее вторая статья продолжает тему и описывает сравнение наборов опций. Третья статья описывает проблемы избыточного выбора.
Anatomy of a Gesture
Suzanne Ginsburg рассказывает об анатомии жестов в тач-интерфейсах. Основные темы статьи — аффорданс, обучение, категоризация, обратная связь, мультитач.
Color Wheels are wrong? How color vision actually works
Jason Cohen критикует распространенную теорию цветового круга и рассказывает, как человек видит цвета на самом деле. Крайне интересный и познавательный материал.
Test-Taking Enhances Learning
Jakob Nielsen описывает результаты исследований, которые доказывают эффективность тестов как эффективного способа обучения. Статья предлагает способы использования этого подхода в интерфейсах для того чтобы пользователи лучше запоминали важную информацию.
Top 10 Research-Based Usability Findings of 2010
Jeff Sauro опубликовал список выводов различных юзабилити-исследований 2010 года. Они касаются 5-секундных тестов, немодерируемого тестирования и других популярных сейчас тем.
The A-B-C of Behaviour
Jodie Moule описывает модели изменения поведения пользователя и то, почему дизайнерам не так-то просто использовать их на практике.
Understanding the Kano Model — A Tool for Sophisticated Designers
Jared Spool рассказывает о модели Kano — методе, который помогает выбирать и ранжировать функциональность продукта. Результатом должен стать такой интерфейс, который восхищает пользователя интересными подходами и не разочаровывает в базовых вещах.
Encyclopedia of Usability, HCI, and more
Многообещающая интерфейсная энциклопедия, которая собирает массу полезных статей и видео-материалов. Хотя до завершения работы еще далеко, сайт уже имеет множество именитых авторов и редких статей.
It’s Not a Training Issue
Статья Jim Ross, в которой он приводит много полезных аргументов для совещаний с людьми, которые предлагают решать интерфейсные проблемы обучением пользователей.
Adding delays to increase perceived value — does it work?
Интересные факты о том, что задержки в работе могут сделать услугу или продукт более ценным для потребителя. Автор также размышляет о том, можно ли использовать этот прием в интерфейсах.
From DITA to VITA — Tracing Origins and Projecting the Future
Отличная статья об истории справочной информации и помощи в интерфейсах. Она описывает важные концепции и вехи начиная с 1961 года, которые привели к современному подходу DITA (Darwin Information Typing Architecture). Полная история DITA — http://dita.xml.org/book/history-of-dita.
Inventing Interactive
Интересный блог, собирающий примеры старых интерфейсов и современных концепций, прототипы и экспериментальные устройства. Отличное чтиво для любителей истории интерфейсов.
The Future of User Interaction
Demetrius Madrigal и Bryan McClain из компании Metric Lab описывают три тренда в интерфейсах — управление напрямую мозгом, бионическое видение и эмоциональные компьютеры. Важнее всего, что авторы рассказывают о преимуществах и проблемах каждого из направлений, о чем забывают большинство подобных статей.
The Renaissance of the Interactive Book
Статья Christopher Roosen о тренде, возникшем вместе с современными планшетами — интерактивных книгах. Он рассказывает о процессе создания таких книг и делится своим опытом.
A Study of Trends in Mobile Design
Сборник полезной статистики для проектировщиков и дизайнеров мобильных интерфейсов. Статья описывает технические особенности, способы взаимодействия, основные платформы.
Gamification Encyclopedia — Game Mechanics Resource
Вики-ресурс, посвященный игровой механике в интерфейсах. Сайт содержит массу интересных статей, видео-роликов и справочных материалов.
ACM Interactive Tabletops and Surfaces 2010 Coverage — Reports, Presentations, Workbooks
Отчеты, презентации, конспекты и видео с пятой конференции ACM Interactive Tabletops and Surfaces, проходившей 7-10 ноября в Saarbrücken, Германия.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.
![Обзор свежих материалов, декабрь 2010-февраль 2011](https://habrastorage.org/getpro/habr/post_images/ec9/ec8/d5f/ec9ec8d5f21221413c8b9ebcc8f11e09.png)
Методы и практики
Doneness Matrices — A Pattern for Getting Projects Done
Nathan Curtis из компании EightShapes предлагает полезный инструмент для отслеживания статуса работ по проектированию. Хотя это просто Excel-таблица, мы в компании используем похожий формат, который здорово помогает в работе. Коллега Натана PJ Camp Malik предлагает ее вариацию для менеджера проекта.
A study of iPad usage via fingerprints
Необычный способ пользовательских исследований тач-интерфейсов — с помощью отпечатков пальцев на экране iPad, оставленных при работе с приложением. По сути это аналог тепловых карт, перенесенный в физический мир.
UX Ideas in the Cards
Обзор специализированных наборов игральных карт, которые можно использовать в проектной работе — например, методы проектирования или игровые механики. Многие из них давно известны, но всегда полезно иметь единый список.
Storyboarding iPad Transitions
Greg Nudelman описывает способы описания анимации и переходов между состояниями для iPad. С развитием современных интерфейсов вопрос спецификации таких динамических эффектов встал особенно остро — традиционные wireframes тут мало помогут.
Developing Your Interviewing Skills
Серия статей Mia Northrop, в которых она делится своим опытом проведения интервью с пользователями и представителями заказчика. Статьи описывают весь процесс от подготовки до проведения интервью. Доступна также вторая часть.
The Design Matrix — A Powerful Tool For Guiding Client Input
Bridget Fahrland описывает метод дизайн-матриц, во многом схожий с moodboards, который помогает описывать основные качества и характеристики будущего дизайна. Такая матрица представляет собой двумерную плоскость, сравнивающую разные подходы к дизайну по двум характеристикам.
All About UX
База знаний, посвященная методам и подходам проектирования. Подборка собрана достаточно внушительная, хотя пока готовы не все статьи.
Aristotle’s Storytelling Framework for Interactive Products
Jeroen van Geel рассказывает о необычной методике использования принципов storytelling при проектировании. Статья сравнивает интерфейс с сюжетом фильма с тем чтобы работа с продуктом была такой же увлекательной.
Why you need a user experience vision (and how to create and publicise it)
Статья посвящена видению будущего продукта — это важная часть процесса проектирования, которая должна ярко и наглядно передать основную суть. Автор предлагает три метода представления видения — короткая история, комикс и обзорное видео.
Building an Information Architecture Checklist
L. Downey и S. Banerjee описывают методологию внедрения процесса информационной архитектуры в крупные государственные и корпоративные проекты по разработке. Статья описывает подробный чеклист и способы его интеграции в общий процесс.
Touchpoints Bring the Customer Experience to Life
Adam Richardson из компании Frog Design описывает 4 типа точек взаимодействия пользователя с компанией, которые необходимо учитывать при проектировании услуг. Это продукты, взаимодействия, сообщения и настройки.
Be Kind to the Color Blind by COLOURlovers
Chris Cambell рассказывает об особенностях дизайна для людей с ограничениями по зрению — в первую очередь частичным дальтонизмом. Он описывает удачные и не очень подходы на основе примеров.
Improving the Usability of E-Book Readers
Отчет об исследовании юзабилити современных электронных книг. Он описывает проблемы существующих продуктов и предлагает способы их исправления. Прямая ссылка на PDF.
Designing Web Registration Processes for Kids
Специалист по медиа для детей Debra Levin Gelman описывает особенности создания вовлекающих и наглядных процессов регистрации для маленьких пользователей. Статья рассказывает о том, как учитывать особенности их поведения и восприятия, а также дает рекомендации для проектировщиков и дизайнеров.
Инструменты
Open Source Gesture Library and Gesture Illustrations
Обширная коллекция мультитач-жестов, которые можно использовать в wireframes. Пиктограммы доступны в векторном и растровом форматах
Paper Prototyping Helper Kit
Отличный набор элементов для бумажного проектирования от компании UserFocus. Прямая ссылка на PDF.
Introducing Wirify — The web as wireframes
Необычный и крайне полезный букмарклет, который позволяет показать любой сайт в виде wireframe. Это отличный способ сравнить свои наработки по интерфейсу с продуктами конкурентов, а также использовать их в обсуждениях с клиентом.
Business Model Canvas — Facilitator Cards
Набор игральных карт для проведения рабочих групп по проработке бизнес-моделей. Jason Furnell, автор набора, рекомендует распечатать их и использовать при обсуждении идей.
Паттерны
Android Interaction Design Patterns
Коллекция паттернов для проектирования мобильных приложений для Android. Они разбиты на несколько категорий — работа с данными, ввод информации, навигация, уведомления, персонализация, социальные функции и взаимодействия внутри конкретного экрана.
Top 6 Help Design Patterns for iPhone Apps
Полезный набор советов по созданию обучающих экранов и туров для мобильных приложений. Статья описывает 6 основных способов — демо-ролики, инструкции, пошаговые описания и другие.
Little Big Details
Отличная коллекция небольших и малозаметных приемов в интерфейсах популярных продуктов, которые делают работу с ними особенно приятной. Описываются десктопные, мобильные и веб-интерфейсы.
The Form of Facts and Figures — Information Design Patterns Cookbook
Christian Behrens опубликовал коллекцию 55 дизайн-паттернов, которые используются при создании статической и интерактивной инфографики. Это 200-страничная книга, которая помимо всего прочего описывает историю информационного дизайна.
Content Strategy Design Patterns
Коллекция паттернов проектирования для ориентированных на контент страниц сайтов. Сбор информации начался недавно, так что пока примеров не очень много.
34 Outstanding Admin Panels for Your Web Applications
Крупная коллекция административных интерфейсов, показывающая примеры страниц панелей управления, форм, уведомлений. Хотя многие из примеров являются скорее разными скинами к одной и той же странице, показано много интересных приемов.
Процесс
Facilitating Collaborative Design Workshops — A step by step guide for rapidly creating a shared vision for execution
Jason Furnell подробно и по шагам описывает процесс организации и проведения мастер-классов по дизайну и проектированию. Описание сопровождается фотографиями и видео с одного из мероприятий. На эту же тему высказался и Stephen P. Anderson (http://uxmag.com/design/problems-with-innovation-workshops).
Why Don’t Usability Problems Get Fixed?
Статья описывает причины, которые затрудняют внедрение предложений, полученных в результате юзабилити-тестирования и других исследований интерфейса. Ограничения касаются как технической, так и политической стороны вопроса.
Parallel & Iterative Design + Competitive Testing = High Usability
Jakob Nielsen рассказывает о серии юзабилити-исследований, в которых измерялась эффективность и качество итогового интерфейса для разных процессов ведения проекта. Параллельное создание нескольких вариантов страниц с их последующим тестированием и выбором лучшего дало наибольший эффект.
Designing Media (книга Bill Moggridge)
Книга Bill Moggridge о дизайне классических и онлайн-медиа, которая включает серию интервью с ведущими дизайнерами NY Times, Twitter и других компаний. Книга бесплатна и доступна для скачивания по ссылке http://www.designing-media.com/download.
Usability testing is broken — Rethinking user research for social interaction design
Dana Chisnell рассказывает о том, как плохо адаптируется методика юзабилити-тестирования к современной среде социальных медиа. Она размышляет о том, остается ли ей скромная роль QA-тестирования или юзабилити-тестирование может быть полезным в современной интерактивной среде.
Кейсы
The Adventures of Usability Girl — Building UX from the ground up
Рассказ Stephanie Arnold об опыте построения команды и процесса проектирования с нуля в компании AT&T Interactive. Статья дает советы о том, как убедить принимающих решения людей в том, что проектирование действительно важно для успеха организации.
Designing for Kinect — A Usability Study
Компания CXPartners опубликовала результаты исследования юзабилити игрового контроллера Kinect. Авторы описывают в основном игровые меню и описывают слабые стороны первых решений. Схожее исследование провели и в компании Nielsen-Norman Group.
Теория
The Power of Comparison — How It Affects Decision Making
Colleen Roller описывает эффект, который оказывает сравнение на принятие человеком решений. Кроме того, она рассказывает о том, как можно применять эти особенности в проектировании. Ее вторая статья продолжает тему и описывает сравнение наборов опций. Третья статья описывает проблемы избыточного выбора.
Anatomy of a Gesture
Suzanne Ginsburg рассказывает об анатомии жестов в тач-интерфейсах. Основные темы статьи — аффорданс, обучение, категоризация, обратная связь, мультитач.
Color Wheels are wrong? How color vision actually works
Jason Cohen критикует распространенную теорию цветового круга и рассказывает, как человек видит цвета на самом деле. Крайне интересный и познавательный материал.
Test-Taking Enhances Learning
Jakob Nielsen описывает результаты исследований, которые доказывают эффективность тестов как эффективного способа обучения. Статья предлагает способы использования этого подхода в интерфейсах для того чтобы пользователи лучше запоминали важную информацию.
Top 10 Research-Based Usability Findings of 2010
Jeff Sauro опубликовал список выводов различных юзабилити-исследований 2010 года. Они касаются 5-секундных тестов, немодерируемого тестирования и других популярных сейчас тем.
The A-B-C of Behaviour
Jodie Moule описывает модели изменения поведения пользователя и то, почему дизайнерам не так-то просто использовать их на практике.
Understanding the Kano Model — A Tool for Sophisticated Designers
Jared Spool рассказывает о модели Kano — методе, который помогает выбирать и ранжировать функциональность продукта. Результатом должен стать такой интерфейс, который восхищает пользователя интересными подходами и не разочаровывает в базовых вещах.
Encyclopedia of Usability, HCI, and more
Многообещающая интерфейсная энциклопедия, которая собирает массу полезных статей и видео-материалов. Хотя до завершения работы еще далеко, сайт уже имеет множество именитых авторов и редких статей.
It’s Not a Training Issue
Статья Jim Ross, в которой он приводит много полезных аргументов для совещаний с людьми, которые предлагают решать интерфейсные проблемы обучением пользователей.
Adding delays to increase perceived value — does it work?
Интересные факты о том, что задержки в работе могут сделать услугу или продукт более ценным для потребителя. Автор также размышляет о том, можно ли использовать этот прием в интерфейсах.
История
From DITA to VITA — Tracing Origins and Projecting the Future
Отличная статья об истории справочной информации и помощи в интерфейсах. Она описывает важные концепции и вехи начиная с 1961 года, которые привели к современному подходу DITA (Darwin Information Typing Architecture). Полная история DITA — http://dita.xml.org/book/history-of-dita.
Inventing Interactive
Интересный блог, собирающий примеры старых интерфейсов и современных концепций, прототипы и экспериментальные устройства. Отличное чтиво для любителей истории интерфейсов.
Тренды
The Future of User Interaction
Demetrius Madrigal и Bryan McClain из компании Metric Lab описывают три тренда в интерфейсах — управление напрямую мозгом, бионическое видение и эмоциональные компьютеры. Важнее всего, что авторы рассказывают о преимуществах и проблемах каждого из направлений, о чем забывают большинство подобных статей.
The Renaissance of the Interactive Book
Статья Christopher Roosen о тренде, возникшем вместе с современными планшетами — интерактивных книгах. Он рассказывает о процессе создания таких книг и делится своим опытом.
A Study of Trends in Mobile Design
Сборник полезной статистики для проектировщиков и дизайнеров мобильных интерфейсов. Статья описывает технические особенности, способы взаимодействия, основные платформы.
Gamification Encyclopedia — Game Mechanics Resource
Вики-ресурс, посвященный игровой механике в интерфейсах. Сайт содержит массу интересных статей, видео-роликов и справочных материалов.
Материалы конференций
ACM Interactive Tabletops and Surfaces 2010 Coverage — Reports, Presentations, Workbooks
Отчеты, презентации, конспекты и видео с пятой конференции ACM Interactive Tabletops and Surfaces, проходившей 7-10 ноября в Saarbrücken, Германия.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.