Обзор свежих материалов, октябрь-ноябрь 2011

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 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
К недавно прошедшему Хэллоуину команда компании 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.

Social Computing by Thomas Erickson
Отрывки из четвертой главы книги интерфейсной энциклопедии Interaction-Design.org от Thomas Erickson, посвященной social computing. Пока это рабочие материалы, которые должны оформиться в готовую публикацию.

What Is a Confidence Interval and Why Would You Want One?
Caroline Jarrett рассказывает о том, что такое доверительный интервал и почему он важен при анализе результатов юзабилити-исследований. Хорошая вводная статья, описывающая общие принципы метода.

User Strategies: Considerations for UX Analysis and Design
Статья Paul McInerney о различных стратегиях достижения цели и решения задач, которые применяют пользователи. Хороший пример того, что сценарии использования далеко не всегда бывают универсальными.

Designing to overcome behaviour barriers
Caroline Jones рассказывает о поведенческой модели B(ehaviour) = TAM (triggers + ability + motivation), предложенной BJ Fogg из Стэнфордского Университета. Очень хорошая обзорная статья с основными выкладками теории и методиками описания поведения пользователей.

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. Организаторы опубликовали презентации и видео-записи выступлений.

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

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

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

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

1 Comment Обзор свежих материалов, октябрь-ноябрь 2011

Leave a Reply

Your email address will not be published. Required fields are marked *