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

Паттерны и Best Practices

Android Tablet App Quality Checklist

В блоге Android опубликован чек-лист для проектировщиков и дизайнеров планшетных приложений для платформы. Это 10 простых правил, часть из которых применима и к другим платформам.

When You Shouldn’t Use Fitts’s Law To Measure User Experience

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

6 Ways to Get More Out of Your Order Confirmation Page

Jamie Appleseed из Baymard Institute описывает методы повышения конверсии и лояльности покупателей интернет-магазинов при помощи страницы-подтверждения, которая показывается после завершения заказа. В этот момент процесс покупки завершен и без риска сорвать ее можно продать дополнительные товары или предложить дополнительные услуги.

The New Mobile Book Is Finally Here!

Smashing Magazine выпустил серию книг про дизайн и разработку современных продуктов, одна из которых посвящена мобильным. Одна из глав книги доступна бесплатно.

Translation is UX

Antoine Lefeuvre пишет о важности хорошего перевода при локализации интерфейсов. Они позволяют сохранить дух продукта и правильно передать нюансы взаимодействия.

Best Practices for Online Guided-Selling Experiences

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

Android Niceties

Галерея примеров красивых приложений для Android, сделанных в духе гайдлайнов платформы.

Your Content, Now Mobile

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

Responsive Navigation: Optimizing for Touch Across Devices

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

Mobile Design Details: Just in Time Actions

Интересный паттерн для работы с формами в мобильных приложениях от Luke Wroblewski. Он предлагает заменять ненужные в момент ввода элементы интерфейса на механизм скрытия экранной клавиатуры.

Mobile Input Methods

Steven Hoober перечисляет современные методы ввода на мобильных устройствах. Это полезный список физических и интерфейсных подходов.

Mobile Email Newsletters

Jakob Nielsen приводит результаты исследования мобильных писем рассылок. Состояние отрасли печальное — 93% писем пришлось также открывать на компьютере.

The top responsive web design problems ... and how to avoid them

James Young подготовил отличный обзор современных техник и проблем адаптивного дизайна с массой полезных ссылок.

The wrong projection

Chris Noessel описывает проблемы отображения авиа-маршрута на карте мира с помощью Плате Карри, которое обычно используется в информационно-развлекательных системах самолетов. И предлагает более удачные решения.

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

Leveraging the Kano Model for Optimal Results

Лучшая статья на тему использования модели Kano в проектировании интерфейсов и управлении продуктами от Jan Moorman. Она подробно описывает методику ее использования, а также более полно описывает саму концепцию и ее историю.

H.Muller, J.L.Gove, J.S.Webb — Understanding Tablet Use: A Multi-Method Exploration (PDF)
Интереснейшее исследование Henrik Muller, Jennifer L. Gove и John S. Webb для Google о том, как и для чего используются планшеты. Лидируют проверка почты, игры и социальные сети.

Behavior Design Bootcamp with Stanford’s Dr. BJ Fogg

Ryan Winia побывал на мастер-классе BJ Fogg (главы Стэнфордской Persuasive Technology Lab), посвященном его теории поведения. Он рассказывает ее основные принципы и приводит много интересных деталей применения модели поведения. послесловие.

5 Levers of Behavior Change

James Kalbach приводит пять ключевых условий, соблюдая которые продукт может изменить привычки и поведение пользователя. Причем он сравнивает эти пять пунктов от разных авторов — Everett Roger и Keith Wood. Еще одна публикация на эту тему от Frog Design.

Introducing the Storygraph

Raffaele Boiano опубликовал шаблон storygraph для описания customer journey. А в дополнение к нему — storybook, его развитие.

Mining Social Media — Tracking Content and Predicting Behavior (by Manos Tsagkias)

Большое исследование механизмов работы социальных медиа от Manos Tsagkias, которое описывает в том числе моделирование поведения их пользователей. Прямая ссылка на PDF.

What’s Your Perception Strategy? (Why It’s NOT All About Content)

Транскрипция мастер-класса Stephen Anderson, посвященного особенностям человеческого восприятия. Он рассказывает о том, как формируется experience и что влияет на него.

UX Persona Research Survey Results

Nellie Le Monier провела в августе-сентябре 2012 небольшой опрос среди UX-специалистов на тему исследования персонажей для своих проектов.

Mirror, Mirror, on the Screen

David Moscovic рассказывает о рефлексивном дизайне. Поскольку пользователь зачастую переносит продукт и используемые в нем образы на себя, с их помощью можно улучшить восприятие сервиса и experience в целом.

User Satisfaction vs Performance Metrics

Jakob Nielsen собрал данные пользовательских исследований около 300 продуктов и подтвердил вывод о том, что пользовательская удовлетворенность не всегда привязана к удобству использования. В статье отличный график для вдумчивого изучения.

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

Motion & Animation: A New Mobile UX Design Material

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

Indigo Studio — Interaction Design Tool

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

Proto.io — Silly-fast mobile prototyping.

Вышла третья версия Proto.io с сильно расширенными возможностями — wireframes.linowski.ca/2012/10/proto-io-v3-changes-mobile-prototyping-as-we-know-it/. Она позволяет создавать интерфейсы для широчайшего спектра устройств в дополнение к уже имевшимся — от телевизоров и современных холодильников до игровых консолей.

Interactive Sketching Notation v1.3

Jakub Linowski выпустил версию 1.3 своего фреймворка Interactive Sketching Notation. Он включает в себя большой набор элементов управления, типовых иконок, а также экранов устройств основных мобильных и планшетных платформ.

Large Canvas Flows + With References

Отличнейший пример совмещения прототипов, информационной карты и спецификации поведения мобильного приложения от Антона Волкова. Она наглядно показывает общие и частные детали работы продукта.

Android DPI Calculator

Онлайн-калькулятр DPI с большим количеством разрешений экрана смартфонов. Полезный инструмент для мобильных дизайнеров, которые работают с Android-устройствами.

Agile, OmniGraffle, and Native Mobile Wireframing

Полезный обзор возможностей Omnigraffle от Simon Keatley из Deloitte Digital. Он также описывает интересные нюансы своего рабочего процесса и интеграции инструмента проектирования в него.

Planning for Homepage Content

Georgy Cohen рассуждает о роли главной страницы на современных сайтах. Все меньше пользователей находят контент через нее, что влияет на ее структуру и контент.

Interface Sketch

Обширная коллекция шаблонов устройств для бумажного прототипирования. Доступны множество разрешений смартфонов и планшетов, а также классический браузер.

POP (Prototyping on Paper) — iPhone App Prototyping Made Easy

Приложение POP (Prototyping on Paper) облегчает процесс бумажного прототипирования. Механизм простой — нужно сфотографировать скетчи, расставить на них кликабельные области и пролинковать страницы между собой.

PowerMockup — Wireframing Tool for PowerPoint

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

The Infinite Grid

Chris Armstrong пишет о построении сложных сеток, учитывающих множество устройств. Он дает рекомендации, позволяющие сохранить сетку даже с учетом слабопредсказуемых и малопопулярных разрешений экрана. Перевод статьи.

Cut&Slice me

Плагин Cut&Slice Me к Adobe Photoshop облегчает работу мобильных дизайнеров. Он помогает «нарезать» дизайн-макеты для разработчиков — это здорово экономит силы и время.

Принципы дизайна приложений для Windows 8

Константин Кичинский запустил в блоге еще одну серию статей о проектировании и дизайне для Windows 8.

Are You Still Using Earlier-Generation Prototyping Tools?

Ritch Macefield предлагает интересную классификацию инструментов проектирования и делит их на 4 поколения. Насколько удобны они для организации работы, проведения пользовательских исследований, визуального оформления и подготовки спецификаций?

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

Tips on Prototyping for Usability Testing

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

Research Where Your Channels Cross

Несколько кейсов от Jessica Peterson, рассказывающих о методах пользовательского исследования продуктов и сервисов, использующих сразу несколько каналов. Их сложнее тестировать в лабораторных условиях, чем одиночный продукт.

10 Things to Know about A/B Testing

Jeff Sauro рассказывает о своем опыте использования A/B-тестирования. В основном это статистические выкладки — когда и в каких случаях можно принимать решения на основе результатов таких исследований.

User testing in the wild — Research at conferences and other events

Nina Mehta предлагает конференции как простой способ подбора респондентов для пользовательских исследований. Она описывает особенности таких исследований и дает советы по их организации.

Testing One Thumb, One Eyeball Mobile Use

Luke Wroblewski пишет о важности тестирования мобильных приложений в использовании одной рукой. К статье прилагается видео, которое показывает исследование ключевых сценариев мобильного приложения Polar.

10 Things to Know About Unmoderated Usability Testing

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

Activity Analytics for Web Apps

Jared Spool рассказывает об опыте его компании UI Engineering по совмещению методов юзабилити-тестирования и веб-аналитики. Это позволяет найти неочевидные проблемы, хотя для этого нужна тонкая настройка сервиса аналитики.

Call Recorder for Skype — The Skype Audio/Video Call Recording Solution for Mac

Компания Ecamm выпустила дополнение к Skype, позволяющее записывать звонки. Это поможет в проведении удаленных пользовательских исследований. Правда, он доступен только для Mac.

Where’s the fold?

Сервис Fold Tester позволяет проверить, какая часть страницы попадает в первый экран браузера на разных разрешениях экрана. Правда, на некоторых сайтах сервис не отрабатывает.

All Together Now

Colin Butler и Andrew Wirtanen описывают проблемы экспертных оценок. В качестве решения они предлагают подход коллективной оценки и описывают этот метод в деталях.

Typeform — Create awesome forms & surveys that function seamlessly across devices

Сервис TypeForm позволяет создавать нестандартные формы, лучше вовлекающие пользователя в процесс заполнения. Полезный инструмент для проведения пользовательских исследований.

Метрики и ROI

10 Benchmarks for User Experience Metrics

Бесценная коллекция метрик от Jeff Sauro. Он приводит средние значения 10 наиболее востребованных интерфейсных показателей (NPS, SUS, SEQ и других), относительно которых удобно сравнивать результаты исследований своих продуктов.

KPIs are Metrics, but Not All Metrics are KPIs

Jared Spool напоминает о разнице между метриками и KPI. Эти понятия зачастую путают, хотя они имеют разные задачи и важность для бизнеса.

Quantifying the Value of a Promoter

Jeff Sauro рассказывает о метрике, рассчитывающей выраженную в деньгах ценность рекомендаций пользователей продукта. Она использует данные Net Promoter Score и позволяет посчитать дополнительную прибыль.

10 Things To Know About The Single Ease Question (SEQ)

Отличная памятка о метрике пользовательской оценки интерфейсов SEQ (Single Ease Question) от Jeff Sauro. Он описывает базовую информацию о ней и полезные нюансы из своего опыта.

One thing you should fix on your website

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

Conversion Rate Optimization — Five Key Success Factors

В преддверии нового отчета Conversion Rate Optimization Report сайт Econsultancy публикует некоторые цифры ключевых факторов, которые оцениваются как наиболее влияющие на конверсию сайта. Это помогает понять, насколько мы учитываем их сами.

Predicting Task Completion with the System Usability Scale

Jeff Sauro собрал данные сотни пользовательских тестирований и нашел корреляцию между метрикой SUS (System Usability Scale) и процентом успешно решенных задач. В статье есть калькулятор, позволяющий проверить свои даныне.

How to Measure Findability

Jeff Sauro предлагает метод измерения находимости страниц и объектов в поиске по сервису. Это позволит отслеживать эффективность поискового механизма и улучшать его.

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

Fixing A Broken User Experience

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

What can Steve Jobs and Jonathan Ive teach us about designing?

Hugh Dubberly разбирает примеры компаний, в которых высшее руководство высоко ставит ценность дизайна и напрямую взаимодействует с дизайнерами при создании продуктов, и строит модель такого рабочего процесса. За основу он берет кейс Стива Джобса, а также приводит ряд примеров из других компаний — таких как IBM, Pixar, Olivetti, Braun.

The Magical Short-Form Creative Brief

Jared Spool описывает отличный способ улучшить качество проектных встреч. Это краткий бриф, который озвучивается перед каждой встречей для того чтобы подвердить одинаковое понимание целей проекта. Колонка UXMatters о том, как организовывать обсуждения дизайна.

Goods, Bads, and Dailies — Lessons for Conducting Great Critiques

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

Coherence and responsiveness

Jed Harris и Austin Henderson описывают типичную проблему, стоящую перед продуктом — быть более гибким или более связанным и структурированным. Они описывают модель, которая помогает выбрать оптимальный баланс.

Project of How

Продолжается перевод методик командной работы от CMS Magazine. Доступны Визуализируй это.

An Event Apart: What Clients Don’t Know

Mike Monteiro хорошо описывает проблемы во взаимоотношениях дизайнера и заказчика. Он рассказывает, где именно происходит непонимание и как с ним бороться.

Fitting Big-Picture UX Into Agile Development

Damon Dimmick пишет о внедрении UX в agile-команды. Он поднимает темы выхода за ограничение нулевого спринта, введение роли дизайн-owner и другие интересные идеи.

The product design sprint — A five-day recipe for startups

Jake Knapp описывает пятидневный формат командной работы для концептуального проектирования продукта. В целом статьи достаточно поверхностные, но в некоторых частях есть много полезных деталей.

Кейсы

Apollo Flight Controller 101: Every console explained

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

Responsive mobile site for BBC Sport

BBС Sport выпустили адаптивную версию своего сайта, о чем рассказывает руководитель проекта Lucie McLean. Это очень интересный пример — BBC приходится решать задачи как с большим количеством информации, так и с большим разнообразием устройств.

Enroll UX 2014

Исследовательский проект IDEO и организаций американской отрасли здравоохранения, который изучает современные подходы к медицинскому страхованию. Они изучают в том числе доверие к компании и ее продуктам — что пользователи вкладывают в это понятие и их ожидания.

The Magical Tech Behind Paper For iPad’s Color-Mixing Perfection

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

История

Kinect Genealogy — A Brief History of Gestural Interfaces

Отличнейшая статья об истории интерфейсов с управлением жестами, посвященная двухлетней годовщине появления Kinect. Много примеров с видео-роликами технологических концептов и продуктов, начиная с 60х.

Atari Teenage Riot — The Inside Story Of Pong And The Video Game Industry’s Big Bang

История компании Atari и игры Pong, первой коммерчески успешной и массовой игры — ей недавно исполнилось 40 лет. Хотя придумали ее в домашней приставке Magnavox Odyssey, вышедшей незадолго до Pong.

The story of Nokia MeeGo

История мобильной ОС MeeGo и ее интерфейса в частности. Наглядный пример проблемного продукта и причин неудачи платформы.

Тренды

New Rule: Every Desktop Design Has To Go Finger-Friendly

Josh Clark отмечает, что с выходом Windows 8 десктопные компьютеры должны начать поддерживать тач-управление. Как показывает первый опыт использования гибридных устройств (планшет+ноутбук), проблема «gorilla arm» преувеличена, а пользователи используют тач как основной, а не вспомогательный способ управления.

Over the top — The new war for TV is just beginning

Шикарнейшая серия статей The Verge, посвященная актуальным медиа-приставкам, платформам и экосистемам для современных телевизоров. Она включает 6 обзоров устройств от Amazon, Apple, Google, Microsoft, Sony и небольших производителей, а также полезный перечень «коробок» от кабельных операторов. Обзор и сравнение основных продуктов полугодичной давности.

Substituting Information for Interaction (PDF)
Robert Glushko и Karen Nomorosa исследуют вопрос проектирования современных сервисов на стыке информационных и развлекательных. Они предлагают методику исследования и проработки таких продуктов.

Intranet Users Stuck at Low Productivity

Jakob Nielsen рассказывает о результатах свежего исследования юзабилити интранет-сайтов. За 10 лет с момента прошлого исследования ситуация стала даже немного хуже — пользователям труднее находить нужную информацию и решать свои задачи.

IxDA 2013 Interaction Awards — Winners Announced!

IxDA объявила список лучших интерактивных продуктов 2013 года. Это второй год существования премии, победители которой разделены на несколько категорий. Обзор со ссылками на сами продукты — www.inventinginteractive.com/2012/12/13/2013-ixda-interaction-award-winners/.

GE’s New Emphasis In Appliances: Sound Design

Fast Co.Design рассказывает о том, как General Electric использует короткие мелодии и звуки в дизайне бытовой техники. Эта тема часто вызывает много споров, хотя использование звуков помогает придать характер продукту.

Методологии и общие вопросы

Information Architecture’s Two Schools of Thought

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

Service Design Magazine, Research Book and Poster

Журнал Service Design Magazine и сопутствующее исследование отрасли от группы организаций Финляндии и Эстонии. Они описывают историю и современное состояние отрасли.

Бюллетень Эргономист, выпуск 3 (PDF)
Вышел третий выпуск бюллетеня, посвященного прикладной эргономике.

Content Strategy for Decision Makers

Rahel Bailie и Noz Urbina опубликовали книгу о контент-стратегии с акцентом на процесс работы с лицами, принимающими решения в компании. Она временно доступна в бесплатном доступе.

Designing meaning — Translating insight into design

Simon Norris из компании Nomensa говорит о важности «проектирования смысла» при создании продуктов, а не просто интерфейсов. В современных командах дизайн, технологии и психология должны работать в одной связке для того чтобы получать востребованные решения. Позже автор опубликует модель этого процесса.

Parsons Journal for Information Mapping, volume 4, issue IV

Вышел Parsons Journal for Information Mapping за четвертый квартал 2012 года. В нем три статьи об инфографике и визуализации данных.

ASIS&T; Bulletin: IA Issue (Oct/Nov 2012)

Вышел свежий выпуск бюллетеня ASIS&T за октябрь-ноябрь 2012. Прямая ссылка на PDF.

Иван Замесин — Интерфейсы, usability и здравый смысл

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

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

Publishing and Presenting

Jim Ross мотивирует проектировщиков и дизайнеров чаще выступать на конференциях и публиковать статьи на профессиональную тему. Это серия статей с перечислением основных опасений вроде «мне нечего сказать» и конкретными советами по подготовке статей и презентаций. Вторая часть.

EPIC2012 Conference Proceedings

Материалы конференции EPIC2012 (Ethnographic Praxis in Industry Conference), посвященной практическому использованию этнографических исследований. Прямая ссылка на PDF-отчет с тезисами и материалами выступлений.

UX Magazine: Seminars

UX Magazine открыл раздел семинаров, в котором публикуются анонсы платных и бесплатных обучающих лекций. Правда, для количества в списке много посторонних тем вроде программирования или SEO.

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

Оригинал: http://www.jvetrau.com/2012/12/13/digest-2012-q4/.