@pdigest со вкусом профессионального роста

окт-ноя'11

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

Предыдущие материалы: апрель 2010-сентябрь 2011. В связи с повышенной конференционной активностью этой осенью вышла пауза с публикациями, но дальше такого наплыва мероприятий не будет.

Методы и практики

Storyboarding & UX

Отличнейшая серия статей Ben Crothers, посвященная использованию метода раскадровок в проектировании. Он подробно описывает процесс их создания и способы применения на практике. Доступны часть 2 и часть 3, а также развитие темы.

Designing with People — Putting people at the heart of the design process

Интересный ресурс, посвященный пользовательским исследованиям. Он хорошо описывает методы, подходы и примеры результатов исследований.

Lost in Translation — Tips for usability testing in a foreign country

Участник международного UXAlliance, компания ExperienceLab, опубликовала отчет о традиционном исследовании, приуроченном к World Usability Day. В этом году документ посвящен культурным особенностям при проведении юзабилити-тестирований в зарубежных странах.

Rapid prototyping for mobile products

Amy McGuinness из компании CXPartners сравнивает различные способы прототипирования мобильных интерфейсов для юзабилити-тестов. Она перечисляет плюсы и минусы бумажных прототипов, кликабельных PDF и специализированных программ.

Goal Driven Design Decisions

Простой, но интересный пример и способ разбора целей пользователя при работе с интерфейсом. Диаграмма “MotivatorFacilitator” позволяет разобрать любую цель на составляющие для ее лучшего понимания.

QuestionStorming – Framing The Problem

James Kalbach описывает методику QuestionStorming — разновидность брейншторма, нацеленную на поиск настоящей проблемы, которую пытается решать проектировщик. Он состоит из 5 шагов и помогает найти правильное направление работы.

The Spirit of Halloween Personas

Отличнейшая презентация Stephen Anderson, в которой он показывает массу интересных примеров представления информации, форм и других элементов интерфейса в вовлекающем и эмоциональном виде.

The Spirit of Halloween Personas

К недавно прошедшему Хэллоуину команда компании Cooper Consulting подготовила описание серии шуточных персонажей. Несмотря на несерьезность темы, это отличнейший пример формата и того, как важно не скатываться к карикатурности — карточки персонажей фокусируются на потребностях и целях.

Инструменты и шаблоны

Comprehensive Review Of Usability And User Experience Testing Tools

Cameron Chapman собрал для Smashing Magazine максимально полную подборку инструментов для удаленного тестирования, карточной сортировки, веб-аналитики, eye-tracking и других методов пользовательских исследований.

The Truth About Webcam Eye Tracking

Отличная статья Aga Boyko, в которой она рассказывает принципы работы дешевых способов eye-tracking-исследований с помощью веб-камеры. Точность получаемых данных крайне крайне низка, что, в общем-то, и неудивительно для такой ограниченной аппаратуры.

Axure Fu Master Cheat Sheet

Специалисты компании WitFlow подготовили отличную памятку с перечнем горячих клавиш в Axure. Прямая ссылка на PDF.

Usabilla now supports mobile usability testing

Сразу два онлайн-сервиса удаленного юзабилити-тестирования — Usabilla и UserZoom — запустили инструменты для тестирования мобильных сайтов и приложений. Описание продукта UserZoom.

Proto.io — Silly-fast mobile prototyping

Онлайн-инструмент для проектирования мобильных и планшетных сайтов и приложений. Он позволяет создавать интерактивные прототипы и проверять их на Android-, iOS-, BlackBerry- и Windows Phone-устройствах.

Reframer — Quickly quantify your qualitative data

Онлайн-сервис для анализа заметок и примечаний, оставленных в ходе юзабилити-исследований. Он позволяет категоризировать и ранжировать проблемы в интерфейсе, искать связи между ними.

Freebie: Twitter GUI PSD

Shelby White собрал PSD-шаблон типовой страницы Twitter. Прямая ссылка на скачивание.

Vector Doodlekit

Более 700 черно-белых векторных пиктограмм, которые отлично подойдут для wireframes в приближенном к скетчам виде. Набор также доступен в виде бесплатных PNG-версий. Еще одна подборка иконок в виде скетчей.

Паттерны и шаблоны

Meaningful Transitions

Шикарнейшая коллекция паттернов, которая собирает и категоризирует примеры анимации в интерфейсах. Все они разбиты на несколько ключевых разделов — Orientation, Spatial Extension, Awaking Controls, Highlight, Feedback, Feedforward.

Mobile Design Pattern Gallery

Недавно вышла вторая книга об интерфейсных паттернах от Theresa Neil, на этот раз посвященная мобильным сайтам и приложениям. Автор опубликовала на специально созданном сайте всю коллекцию паттернов, а издание UX Booth — одну из глав книги, посвященную справочным и обучающим экранам.

An Extensive Guide to Web Form Usability

Хорошая обзорная статья о проектировании форм от Justin Misfud. Нового сказано мало, но для начинающих это отличный материал.

Official Usability & Website Guidelines of World Governments

Justin Misfud собрал коллекцию официальных интерфейсных гайдлайнов от органов государственной власти разных стран. Они описывают принципы юзабилити, accessibility и другие аспекты построения хороших сайтов.

Socially-Transmitted Functionality

Jared Spool предлагает интересный термин — “социально-обучаемая функциональность” для интерфейсных подходов, которые сложно обнаружить естественным путем. Хороший пример — распространившийся на iPhone жест “pull to refresh” для обновления списков, обучение которому обычно происходит по наводке друзей и знакомых.

Jensen Harris Walks Us Through the Windows 8 UI

С 13 по 16 сентября в калифорнийском Anaheim прошла конференция Build, посвященная Windows 8. В рамках нее руководитель интерфейсной команды Jensen Harris и другие специалисты много рассказывали о Win8 и парадигме Metro в частности. На видео — краткий обзор интерфейса от самого Дженсена. Есть еще несколько интересных материалов по мотивам конференции:

BlackBerry PlayBook 1.0 UI Guidelines

Интерфейсные гайдлайны для планшетов PlayBook компании BlackBerry. В ближайшее время, кстати, ожидается выход версии 2.0.

BlackBerry Smartphone 7.0 UI Guidelines

Компания RIM обновила интерфейсные гайдлайны в связи с выходом новой версии смартфонной ОС BlackBerry 7.

Google TV Design Patterns

Пока небольшой, но интересный гайдлайн по проектированию и дизайну приложений для ТВ-платформы Google TV. Он описывает различные аспекты создания таких интерфейсов — от компоновки экрана до контекста использования.

The Evolution of Fail Pets — Strategic Whimsy and Brand Awareness in Error Messages

Sean Rintel вспоминает сервисы, использовавшие персонажей-символов для страниц ошибок. Он делает вывод о том, что такой подход вредит бренду — компания начинает ассоциироваться с регулярными проблемами.

Form design guidelines crib sheet (free download)

Специалисты компании CXPartners подготовили удобную памятку по проектированию форм. Она доступна в виде PDF, PSD и документе Omnigraffle.

Cue – A gesture icon system

Еще одна система обозначений жестов в тач-интерфейсах с помощью пиктограмм. Прямая ссылка на скачивание.

Organizing Mobile

Выдержка из свежей книги Luke Wroblewski “Mobile First” — часть главы №4 об организации контента в мобильных сайтах и приложениях. Хорошее описание основных принципов с массой иллюстраций.

Как не надо оформлять корзины магазинов

Обзор корзин в паре десятков отечественных интернет-магазинов. Сама статья не особо интересна, но может быть полезна как мини-обзор рынка.

Процесс

How to manage design projects with user experience metrics

David Travis из компании UserFocus описывает способы быстрого и недорогого получения интерфейсных метрик на регулярной основе. А также принятия и корректировки решений на их основе.

The Design of Design Studio

Will Evans продолжает описание методологии групповой работы проектировщиков и дизайнеров “Design Studio”, которая отлично подходит для небольших и средних по размеру команд. Вдогонку — статья об особенностях использования design studio в условиях agile-проектов.

The T-Model and Strategies for Hiring IA Practitioners

Nathaniel Davis описывает особенности профессиональной квалификации информационных архитекторов — набор навыков и специализаций, на которые стоит обратить внимание работодателю при найме такого специалиста. Доступна вторая часть статьи.

Moving from Critical Review to Critique

Отличнейшая колонка Jared Spool на тему критики дизайна, которая зачастую сводится к выискиванию мелких недочетов вместо совместной проверки того, решает ли интерфейс поставленные задачи.

Cutting the Complexity of Content Marketing

Интересная статья Jayme Thomason, в которой она критикует сложность текущего процесса подготовки контента и предлагает способы решения ключевых проблем. Актуальный материал в период особенного интереса к контент-стратегии.

Efficient Sketching Studios With Remote Participants

Еще одна статья о методологии “Design Studio” от компании 8Shapes, в которой описывается инструментарий для совместного создания скетчей командами, которые находятся в разных офисах.

7 Ingredients of a Successful UX Strategy

Paul Bryan приводит семь принципов построения UX-стратегии — набора общих установок, акцентов, методов и практик работы, которые должны лежать в основе любой интерфейсной команды. За исключением последнего пункта список выглядит здравым и сбалансированным.

What user researchers can learn from Sherlock Holmes

Занятное сравнение методов пользовательских исследований и подхода к расследованиям Шерлока Холмса. Статья описывает 5 принципов хорошего исследования.

Кейсы

Designing the Start screen

Chaitanya Sareen рассказывает в блоге Windows 8 о том, как развивалось меню “Пуск” и почему в новой версии было принято решение о его кардинальной переработке. Очень много интересной статистики и отличный пример обоснования таких сложных решений. Еще более интересно продолжение этого описания — команда разработки подробно отвечает на критику пользователей. Вся серия статей в целом — редкий пример такого масштабного описания дизайнерских решений.

Eye Tracking studies can KILL conversions if you focus on the wrong things for your landing page optimization tests!

Команда компании ConversionVoodoo предостерегает от того, чтобы всегда использовать результаты eye-tracking-тестирования при оптимизации конверсии. В статье приводится пример того, как хорошая с точки зрения логики иллюстрация дает не лучший выхлоп на практике.

What Should I Look For In a UI Typeface?

Интересный анализ базовых шрифтов ведущих операционных систем от Ian Cylkowski. Он сравнивает различные ситуации использования Segoe UI (Windows), Lucida Grande (Mac OS X), Ubuntu (Ubuntu), Helvetica Neue (iOS) и Droid Sans (Android) и отмечает сильные и слабые стороны каждого из шрифтов.

6 Strategies For Getting Good Design Done – Learnings from Google Wallet

Интересный кейс о запуске продукта Google Wallet, в котором интерфейсная команда рассказывает о процессе его создания. Важной частью процесса был сбор самой команды и формирование доверия к ней.

Теория

HCI Classes @ Stanford

Онлайн-курсы по проектированию интерфейсов от Стэнфордского университета, которые ведет профессор Scott Klemmer. Начало занятий — в январе 2012 года.

Psychological Usability Heuristics

Jordi Sánchez свел в единую таблицу все психологические эвристики, о которых писала в своих публикациях и недавней книге Susan Weinschenk. Прямая ссылка на таблицу в Google Docs.

What Is a Confidence Interval and Why Would You Want One?

Caroline Jarrett рассказывает о том, что такое доверительный интервал и почему он важен при анализе результатов юзабилити-исследований. Хорошая вводная статья, описывающая общие принципы метода.

User Strategies: Considerations for UX Analysis and Design

Статья Paul McInerney о различных стратегиях достижения цели и решения задач, которые применяют пользователи. Хороший пример того, что сценарии использования далеко не всегда бывают универсальными.

The Flexibility of the Four Stages of Competence

Jared Spool описывает четыре стадии компетентности пользователя при работе с продуктом. Она может быть осознанной и неосознанной и может влиять на реакцию при смене интерфейса.

Riding the Magic Escalator of Acquired Knowledge

Jared Spool предлагает хорошую диаграмму-иллюстрацию, которая помогает упростить процесс обучения пользователей. Она предлагает двигаться сразу в двух направлениях — снижению порога необходимых знаний и непосредственно обучению.

Shoes, Cars, and Other Love Stories — Investigating the Experience of Love for Products

Диссертация Beatriz Russo, в которой она исследует принципы построения продуктов, от которых потребители в восторге. Хотя публикация во многом касается промышленного дизайна, в ней есть масса интересного об интерфейсах и UX в целом.

A Quick Look Into The Math of Animations with JavaScript

Christian Heilmann описывает математические принципы построения анимации, которая активно используется в современных интерфейсах. Статья изобилует формулами, но это более чем важно для понимания принципов построения переходов между различными экранами и состояниями элементов.

История

How the Knowledge Navigator video came about

Bud Culligan, один из авторов легендарного концепта Knowledge Navigator от Apple, рассказывает как это видео создавалось на самом деле. Это был наспех собранный ролик, который не являлся манифестом компании. Это произошло потом, уже после того как видео стало популярным.

More game controllers evolution charts

Подборка инфографики, посвященной истории развития игровых контроллеров. В статье собраны 6 постеров, показывающих эволюцию джойстиков и геймпадов.

тренды

Real Life Responsive Design: Ethan Marcotte

Интересная дискуссия Ethan Marcotte и Leigh Howells на актуальную сейчас тему адаптивного дизайна. Она доступна в виде подкаста и обычной статьи.

When People Use Different Devices

Luke Wroblewski собрал статистику нескольких веб-сервисов о том, в какое время суток и с каких устройств пользователи работают с ними. Особенно интересен ярко выраженный всплеск активности iPad-сессий ближе к позднему вечеру.

First Person User Interfaces (Презентация Luke Wroblewski @ CHIFOO)

Презентация Luke Wroblewski об интерфейсах от первого лица для конференции CHIFOO. Они обеспечивают наименьший уровень абстракции по сравнению с другими подходами, в том числе активно растущим сейчас NUI, а значит требуют меньшего обучения.

The Business Case For (Or Against) Service Design (Презентация Brandon Schauer @ Service Design Network Conference)

Презентация Brandon Schauer, в которой он ставит под сомнение рынок услуг по проектированию услуг. Он оценил его объем и пришел к выводу, что основную работу выполняют совсем не специализированные дизайнеры.

Материалы конференций

User Experience Russia 2011

С 6 по 8 октября в Москве прошла пятая юбилейная конференция User Experience Russia 2011. Организаторы опубликовали презентации и видео-записи выступлений.

User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мобильных — Android, iPhone, Windows Phone 7, Symbian (Юрий Ветров)

Тренинг Cooper Consulting в Москве

14 и 15 октября в Москву по приглашению компании Innova приезжала команда компании Cooper Consulting с самим Аланом во главе. Небольшой отчет Елены Дроновой рассказывает о мероприятии. Вторая часть — http://monzano.livejournal.com/31817.html. Мини-отчет в блоге Cooper и фото-отчет.

Warmgun 2010

Daniel Szuc, Tomer Sharon и Johanna Kollmann рассказывают о проходившем в Израиле интерфейсном воркшопе для местных стартапов. Хорошее описание процесса проведения, которое пригодится организаторам подобных тренингов.

Круглый стол “Юзабилити как новое направление исследований в инженерной психологии”

В сентябре 2010 г. в Институте психологии РАН прошел круглый стол, посвященный психологическим проблемам проектирования взаимодействия в информационных технологиях. Темой обсуждения выступила интенсивно развивающаяся в последнее десятилетие новая практически-ориентированная область исследований, связанная с проектированием интерфейсов компьютерных продуктов (прежде всего касающихся Интернета), которая получила название юзабилити.