Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-февраль 2011.
Context Menu Design
Статья описывает принципы построения контекстных меню в настольных приложениях — какие события и действия пользователя могут открывать его, какие пункты меню нужно размещать в списках опций, как поступать в случае выбора множества объектов.
Considerations for Mobile Design, Parts 1-3
David Legett опубликовал серию статей о дизайне мобильных сайтов и приложений. Статьи посвящены трем основным темам — ограничениям по скорости соединения, разрешениям экрана и поведению пользователей.
Usability Testing — Involving older adults in design of the user experience
Рекомендации Dana Chisnell по поводу проведения пользовательских исследований и тестирований с пожилыми пользователями. Автор предлагает несколько форм для записи результатов опросов.
Rosenfeld Zeitgeist — Books, Articles, and Topics
Специализированное издательство Rosenfeld Media запустило мини-библиотеку, которая рекомендует интересные книги и статьи по теме проектирования. Она работает по принципу wiki — читатели могут дополнять контент.
Mobile Form Design Strategies
Отличная статья Chui Chui Tan о проектировании форм для мобильных сайтов. Она дает советы о том, как упростить форму с основного сайта и сделать ее заполнение более комфортным в условиях ограниченных возможностей мобильного телефона.
Measuring the User Experience on a Large Scale — User-Centered Metrics for Web Applications
Сотрудники компании Google опубликовали научную публикацию, в которой они описывают фреймворк HEART, позволяющий оценивать user experience с помощью нескольких метрик. Он активно используется в работе компании и может быть полезен другим организациям.
Transience
Joshua Allen пишет о эфемерности пользовательских интерфейсов. Зачастую они задумываются и проектируются как нечто надежное и предсказуемое, хотя в случаях развлекательных продуктов бывает важна неожиданность.
Creating Great Design Principles — 6 Counter-intuitive Tests
Jared Spool перечисляет принципы дизайна в крупных компаниях и сопоставляет красивые, но малополезные общие слова с действительно работающими посылами. Он показывает на примере, как эти принципы помогают в работе над продуктом.
Major Web Standards for General Usability
Michael Zuschlag предлагает использовать американский военный стандарт MIL-STD 1472 для оценки пользовательских интерфейсов в интернете. Он называется «Design Criteria Standard: Human Engineering» и имеет много пересечений с веб-спецификой.
Funky Design Spaces by Andrés Lucero
Проект Andres Lucero, который исследует особенности использования дизайнерами mood boards на ранних этапах проектных работ. Он хочет понять, как этот опыт можно применить в проектировании интерфейсов.
Approaches to User Research When Designing for Children
Catalina Naranjo-Bock описывает свой опыт пользовательских исследований с детьми и делится советами по построению процесса и методикам работы.
Landing Page Best Practices — the definitive guide (with infographics)
Сотрудник компании Visual Website Optimizer Oli Gardner опубликовал хороший справочный плакат, который описывает лучшие практики компоновки landing pages. Он в простой форме описывает структуру и ключевые элементы таких страниц.
Asking Questions About Internet Behavior
Caroline Jarrett делится опытом опросов пользователей по поводу их опыта работы в интернете. Статья показывает способы того, как ненавязчиво и без неловкостей узнать эту информацию.
Usability Testing is Qualitative Only If You Can’t Count
Активный интерес к A/B-тестированию в последнее время подрывает авторитет юзабилити-тестирования и других методов пользовательских исследований. John Innes дает советы специалистам о том, как в этой ситуации доказать важность классических методов.
Sketching — The Visual Thinking Power Tool
Mike Rohde описывает для A List Apart процесс создания скетчей и инструменты для работы с ними.
A guide to carrying out usability reviews
Простой, но очень полезный шаблон для подготовки экспертной оценки юзабилити. Он предлагает также расчет сводного показателя юзабилити-метрик. Шаблоны доступны в виде таблицы MS Excel и PDF-файла.
UX Techniques, a Handy Pocket Reminder
Приложение для iPhone, которое собрало компактное и наглядное описание 45 ключевых методов и практик проектирования. Оно похоже по сути на тематические игральные карты, которые в последнее время также появляются для проектировщиков.
Orangebus.co.uk Persona Template
Команда компании Orange Bus опубликовала отличный шаблон описания персонажа для распечатки и заполнения вручную. Это отличный инструмент для проведения рабочих встреч и мастер-классов, когда участники могут описать пользовательские требования без использования компьютера. Прямая ссылка на PDF.
Are Touchscreen Tablets Effective Design Tools?
Крайне полезный материал, описывающий возможности современных планшетов в качестве инструментов создания скетчей интерфейсов. Suzanne Ginsburg описывает подходящие приложения для iPad и сравнивает доступные на рынке стилусы.
nForm Sketching Table
В компании nForm используется интересный стол для создания скетчей. Это многофункциональный инструмент, позволяющий хранить все нужные принадлежности и рисовать на нем.
Natural interfaces in 5 minutes
Aneesh Karve пошагово описывает простой и эффективный способ создания динамических прототипов с помощью PowerPoint и фотоаппарата. Получается дешево и сердито — за 5 минут можно с минимальными усилиями создать вполне пригодный для демонстрации клиенту прототип.
Modal and Modeless Windows Best Practices
Статья рассказывает о модальных и немодальных окнах, которые используются для показа уведомлений, диалогов, настроек и контента. Автор описывает лучшие практики создания таких окон и ситуации, в которых они уместны.
In Search of the Perfect CAPTCHA
David Bushell пытается понять, какой способ защиты от ботов с помощью CAPTCHA позволяет соблюсти баланс между юзабилити и качеством защиты. Он описывает возможные примеры реализации и дает оценку каждому из них.
iOS UI Patterns
Отлично структурированная библиотека паттернов проектирования и дизайна приложений для iPhone. Она содержит несколько сотен примеров компоновки экранов, разбитых по категориям.
Call to Action Buttons Best Practices Guide
Простейший, но от этого не менее полезный чеклист для создания кнопок call-to-action. Он пошагово описывает процесс создания хорошо работающего элемента форм и landing pages.
Design Principles for Visual Communication
Maneesh Agrawala, Wilmot Li и Floraine Berthouzoz описывают процесс создания инфографики, учитывающий специфику предметной области. Хотя статья и не совсем о проектировании, описание процесса будет в любом случае полезно проектировщикам.
Optimizing a Screen for Mobile Use
Простой, но очень наглядный кейс редизайна мобильного сайта. Команда Якоба Нильсена предлагает 10 небольших улучшений одной из страниц, которые позволяют сделать ее более информативной и полезной.
10 Ways Mobile Sites Are Different from Desktop Web Sites
Shanshan Ma описывает 10 главных отличий обычных сайтов от их мобильных версий. На примерах авиакомпаний, социальных сетей, интернет-магазинов и других ресурсов она показывает разные подходы к представлению контента, навигации, локализации и т.п.
Why User Experience Cannot Be Designed
Несмотря на спорное название, эта статья Helge Fredheim вполне удачно доказывает тезис, что дизайнер не может достаточным образом повлиять на основные элементы user experience, формирующие впечатления пользователя от продукта.
User Experience White Paper — Bringing clarity to the concept of user experience (PDF)
Группы UX-специалистов собрала серию определений термина «user experience», представляющих его с разных сторон. Это одна из самых полезных и проработанных статей на тему «что такое UX».
How Anchoring, Ordering, Framing, and Loss Aversion Affect Decision Making
Colleen Roller пишет о психологических эффектах «якорения», упорядочивания, фрейминга и неприятия потерь, которые влияют на принятие пользователем решений. Она также приводит практические примеры использования этих эффектов при проектировании.
How Your Coffee Mug Controls Your Feelings (& What You Can Do About It)
Статья Seth Snyder о феномене «embodying cognition» и том, как материальные объекты влияют на восприятие. Автор приводит результаты исследований, а также описывает возможное влияние феномена на интерфейсы.
Social Scaling and Maturity
Модель масштабирования и зрелости для социальных сетей от Thomas Vander Val. Статья описывает, как социальные сервисы растут и получают популярность у пользователей.
Why Whitespace Matters
Небольшая, но полезная статья на тему свободного пространства в дизайне. Она рассказывает о том, почему это важно для удержания внимания пользователя и повышения читабельности.
This Old Thing? Why new technology needs to keep old technology in mind
Hana Schank критикует спорную статью NY Times о старых подходах и ментальных моделях в новых продуктах и интерфейсах. Она доказывает, что прошлые наработки используются не от отсутствия фантазии, а зачастую имеют практический смысл.
A Mobile Web User Typology
Сайт собирает исследования того, как пользователи по всему миру используют мобильные телефоны. Полезный источник статистики для проектировщиков.
UX Analytics, part I — A Call to Action
Серия статей Kristi Olson, в которой она доказывает важность количественного анализа поведения пользователей. Первый материал в серии — вводная, призванная мотивировать специалистов к использованию привязанных к бизнес-задачам метрик.
UX Career Paths and Job Satisfaction
Результаты опроса 338 юзабилити-специалистов, который прошел в конце 2010 года. Его задача — выяснить, как влияет организационная структура компании и особенности внутреннего процесса на удовлетворенность специалистов своей работой.
Content Centred Design for Websites
Patrick Walsh описывает подход Content Centered Design, который должен повысить ценность контента в интерфейсах. Статья также сравнивает CCD с другими методологиями проектирования.
Upcoming UX Events
Подробный и всеохватывающий список конференций по проектированию интерфейсов на 2011 и 2012 годы. Похожий список собрал и Nick Finck.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.
Методы и практики
Context Menu Design
Статья описывает принципы построения контекстных меню в настольных приложениях — какие события и действия пользователя могут открывать его, какие пункты меню нужно размещать в списках опций, как поступать в случае выбора множества объектов.
Considerations for Mobile Design, Parts 1-3
David Legett опубликовал серию статей о дизайне мобильных сайтов и приложений. Статьи посвящены трем основным темам — ограничениям по скорости соединения, разрешениям экрана и поведению пользователей.
Usability Testing — Involving older adults in design of the user experience
Рекомендации Dana Chisnell по поводу проведения пользовательских исследований и тестирований с пожилыми пользователями. Автор предлагает несколько форм для записи результатов опросов.
Rosenfeld Zeitgeist — Books, Articles, and Topics
Специализированное издательство Rosenfeld Media запустило мини-библиотеку, которая рекомендует интересные книги и статьи по теме проектирования. Она работает по принципу wiki — читатели могут дополнять контент.
Mobile Form Design Strategies
Отличная статья Chui Chui Tan о проектировании форм для мобильных сайтов. Она дает советы о том, как упростить форму с основного сайта и сделать ее заполнение более комфортным в условиях ограниченных возможностей мобильного телефона.
Measuring the User Experience on a Large Scale — User-Centered Metrics for Web Applications
Сотрудники компании Google опубликовали научную публикацию, в которой они описывают фреймворк HEART, позволяющий оценивать user experience с помощью нескольких метрик. Он активно используется в работе компании и может быть полезен другим организациям.
Transience
Joshua Allen пишет о эфемерности пользовательских интерфейсов. Зачастую они задумываются и проектируются как нечто надежное и предсказуемое, хотя в случаях развлекательных продуктов бывает важна неожиданность.
Creating Great Design Principles — 6 Counter-intuitive Tests
Jared Spool перечисляет принципы дизайна в крупных компаниях и сопоставляет красивые, но малополезные общие слова с действительно работающими посылами. Он показывает на примере, как эти принципы помогают в работе над продуктом.
Major Web Standards for General Usability
Michael Zuschlag предлагает использовать американский военный стандарт MIL-STD 1472 для оценки пользовательских интерфейсов в интернете. Он называется «Design Criteria Standard: Human Engineering» и имеет много пересечений с веб-спецификой.
Funky Design Spaces by Andrés Lucero
Проект Andres Lucero, который исследует особенности использования дизайнерами mood boards на ранних этапах проектных работ. Он хочет понять, как этот опыт можно применить в проектировании интерфейсов.
Approaches to User Research When Designing for Children
Catalina Naranjo-Bock описывает свой опыт пользовательских исследований с детьми и делится советами по построению процесса и методикам работы.
Landing Page Best Practices — the definitive guide (with infographics)
Сотрудник компании Visual Website Optimizer Oli Gardner опубликовал хороший справочный плакат, который описывает лучшие практики компоновки landing pages. Он в простой форме описывает структуру и ключевые элементы таких страниц.
Asking Questions About Internet Behavior
Caroline Jarrett делится опытом опросов пользователей по поводу их опыта работы в интернете. Статья показывает способы того, как ненавязчиво и без неловкостей узнать эту информацию.
Usability Testing is Qualitative Only If You Can’t Count
Активный интерес к A/B-тестированию в последнее время подрывает авторитет юзабилити-тестирования и других методов пользовательских исследований. John Innes дает советы специалистам о том, как в этой ситуации доказать важность классических методов.
Sketching — The Visual Thinking Power Tool
Mike Rohde описывает для A List Apart процесс создания скетчей и инструменты для работы с ними.
A guide to carrying out usability reviews
Простой, но очень полезный шаблон для подготовки экспертной оценки юзабилити. Он предлагает также расчет сводного показателя юзабилити-метрик. Шаблоны доступны в виде таблицы MS Excel и PDF-файла.
Инструменты
UX Techniques, a Handy Pocket Reminder
Приложение для iPhone, которое собрало компактное и наглядное описание 45 ключевых методов и практик проектирования. Оно похоже по сути на тематические игральные карты, которые в последнее время также появляются для проектировщиков.
Orangebus.co.uk Persona Template
Команда компании Orange Bus опубликовала отличный шаблон описания персонажа для распечатки и заполнения вручную. Это отличный инструмент для проведения рабочих встреч и мастер-классов, когда участники могут описать пользовательские требования без использования компьютера. Прямая ссылка на PDF.
Are Touchscreen Tablets Effective Design Tools?
Крайне полезный материал, описывающий возможности современных планшетов в качестве инструментов создания скетчей интерфейсов. Suzanne Ginsburg описывает подходящие приложения для iPad и сравнивает доступные на рынке стилусы.
nForm Sketching Table
В компании nForm используется интересный стол для создания скетчей. Это многофункциональный инструмент, позволяющий хранить все нужные принадлежности и рисовать на нем.
Natural interfaces in 5 minutes
Aneesh Karve пошагово описывает простой и эффективный способ создания динамических прототипов с помощью PowerPoint и фотоаппарата. Получается дешево и сердито — за 5 минут можно с минимальными усилиями создать вполне пригодный для демонстрации клиенту прототип.
Паттерны
Modal and Modeless Windows Best Practices
Статья рассказывает о модальных и немодальных окнах, которые используются для показа уведомлений, диалогов, настроек и контента. Автор описывает лучшие практики создания таких окон и ситуации, в которых они уместны.
In Search of the Perfect CAPTCHA
David Bushell пытается понять, какой способ защиты от ботов с помощью CAPTCHA позволяет соблюсти баланс между юзабилити и качеством защиты. Он описывает возможные примеры реализации и дает оценку каждому из них.
iOS UI Patterns
Отлично структурированная библиотека паттернов проектирования и дизайна приложений для iPhone. Она содержит несколько сотен примеров компоновки экранов, разбитых по категориям.
Call to Action Buttons Best Practices Guide
Простейший, но от этого не менее полезный чеклист для создания кнопок call-to-action. Он пошагово описывает процесс создания хорошо работающего элемента форм и landing pages.
Процесс
Design Principles for Visual Communication
Maneesh Agrawala, Wilmot Li и Floraine Berthouzoz описывают процесс создания инфографики, учитывающий специфику предметной области. Хотя статья и не совсем о проектировании, описание процесса будет в любом случае полезно проектировщикам.
Кейсы
Optimizing a Screen for Mobile Use
Простой, но очень наглядный кейс редизайна мобильного сайта. Команда Якоба Нильсена предлагает 10 небольших улучшений одной из страниц, которые позволяют сделать ее более информативной и полезной.
Теория
10 Ways Mobile Sites Are Different from Desktop Web Sites
Shanshan Ma описывает 10 главных отличий обычных сайтов от их мобильных версий. На примерах авиакомпаний, социальных сетей, интернет-магазинов и других ресурсов она показывает разные подходы к представлению контента, навигации, локализации и т.п.
Why User Experience Cannot Be Designed
Несмотря на спорное название, эта статья Helge Fredheim вполне удачно доказывает тезис, что дизайнер не может достаточным образом повлиять на основные элементы user experience, формирующие впечатления пользователя от продукта.
User Experience White Paper — Bringing clarity to the concept of user experience (PDF)
Группы UX-специалистов собрала серию определений термина «user experience», представляющих его с разных сторон. Это одна из самых полезных и проработанных статей на тему «что такое UX».
How Anchoring, Ordering, Framing, and Loss Aversion Affect Decision Making
Colleen Roller пишет о психологических эффектах «якорения», упорядочивания, фрейминга и неприятия потерь, которые влияют на принятие пользователем решений. Она также приводит практические примеры использования этих эффектов при проектировании.
How Your Coffee Mug Controls Your Feelings (& What You Can Do About It)
Статья Seth Snyder о феномене «embodying cognition» и том, как материальные объекты влияют на восприятие. Автор приводит результаты исследований, а также описывает возможное влияние феномена на интерфейсы.
Social Scaling and Maturity
Модель масштабирования и зрелости для социальных сетей от Thomas Vander Val. Статья описывает, как социальные сервисы растут и получают популярность у пользователей.
Why Whitespace Matters
Небольшая, но полезная статья на тему свободного пространства в дизайне. Она рассказывает о том, почему это важно для удержания внимания пользователя и повышения читабельности.
История
This Old Thing? Why new technology needs to keep old technology in mind
Hana Schank критикует спорную статью NY Times о старых подходах и ментальных моделях в новых продуктах и интерфейсах. Она доказывает, что прошлые наработки используются не от отсутствия фантазии, а зачастую имеют практический смысл.
Тренды
A Mobile Web User Typology
Сайт собирает исследования того, как пользователи по всему миру используют мобильные телефоны. Полезный источник статистики для проектировщиков.
UX Analytics, part I — A Call to Action
Серия статей Kristi Olson, в которой она доказывает важность количественного анализа поведения пользователей. Первый материал в серии — вводная, призванная мотивировать специалистов к использованию привязанных к бизнес-задачам метрик.
UX Career Paths and Job Satisfaction
Результаты опроса 338 юзабилити-специалистов, который прошел в конце 2010 года. Его задача — выяснить, как влияет организационная структура компании и особенности внутреннего процесса на удовлетворенность специалистов своей работой.
Content Centred Design for Websites
Patrick Walsh описывает подход Content Centered Design, который должен повысить ценность контента в интерфейсах. Статья также сравнивает CCD с другими методологиями проектирования.
Материалы конференций
Upcoming UX Events
Подробный и всеохватывающий список конференций по проектированию интерфейсов на 2011 и 2012 годы. Похожий список собрал и Nick Finck.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.
