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

Другое дело — рисовать скетчи на бумаге. Для этого совсем необязательно быть искусным художником. Со временем вы научитесь визуализировать свои идеи на бумаге так, что они будут понятны окружающим. Наблюдая за реакцией на ваши скетчи вы подметите, что взгляд первым делом падает на наиболее детализированные и контрастные участки рисунка. Поэтому сначала необходимо понять как «работать с визуальными слоями» и научиться расставлять нужные вам акценты.

В статье The Messy Art Of UX Sketching, опубликованной на сайте Smashing Magazine даются советы, как самостоятельно научиться рисовать скетчи и выработать свою технику рисования.

The Messy Art Of UX Sketching

Долгое время руководства по стилю (UX guidelines) мобильной ОС Adnroid страдали от ряда недостатков: в них отсутствовало описание идеологии платформы, они были неполны, а также изобиловали ненужными техническими деталями. В этом плане руководства по стилю Apple iOS были куда более последовательны. Но ситуация изменилась, и теперь новое руководство для четвертой версии Android может служить образцом для подражания.

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

Android Design (руководство по стилю)

Запись десктопных тестов осуществляется легко с помощью такого программного обеспечения, как, например, Silverback для Mac, и Morae для PC. Однако запись тестов на мобильных устройствах требует особых ухищрений, особенно когда тестируется продукт, на который нельзя поставить никакое специализированное ПО (например Kindle). В таких случаях юзабилисты прибегают к камерам, расположенным на специальных подставках, самодельным или приобретенным в специализированных магазинах. Однако некоторые специалисты утверждают, что подобные конструкции вынуждают пользователей держать мобильное устройство в неестественном положении и оказывают влияние на результаты тестирований.

В статье «Анатомия снастей для юзабилити-тестов» приведен пример реальной лаборатории, где используется различная дорогая профессиональная аппаратура для записи тестов мобильных устройств. Так, например, автор использует две камеры – для записи экрана и лица, а также различные видео- и аудиомикшеры для того, чтобы транслировать «картинку в картинке» представителям заказчиков и получать видеозапись высокого разрешения для последующего анализа. В статье дается подробное описание всей использованной аппаратуры.

Anatomy of a Hardware Usability Testing Rig

BBC опубликовало подробную обзорную статью про управление при помощи бесконтактных жестов с упоминанием заметных проектов и крупных игроков рынка.

Пульты ДУ скоро станут достоянием прошлого, так что можете забыть про изнурительные поиски в очередной раз завалившейся за диван коробочки. Разработку бесконтактного ТВ контроллера ведет компания из Тель-Авива XTR3D, получившая внушительное инвестирование для своего проекта. XTR3D идет по стопам Microsoft, но их технология заметно отличается от Kinect. XTR3D используют 2D камеру для распознавания 3D объектов. Данная технология дает определенные преимущества по сравнению с 3D камерами, при этом недостатки не обнаружены. Теперь не будет помехой яркий свет, а цена станет более доступной. И главное, можно будет играть в Kinect игры на самом обычном ноутбуке.

XTR3D не единственная компания, которая стремится наполнить нашу жизнь бесконтактным взаимодействием. Сама корпорация Microsoft активно пытается найти применение Kinect не только в игровой индустрии. Они подписали контракт с 200 компаниями из 20 стран мира, среди которых, например, Toyota. По словам Шахрама Изади, исследователя из Microsoft Research Centre:

Израильская компания  PrimeSense, производящая чипы для Kinect, начала продажи своего собственного устройства, позволяющего при подсоединении к компьютеру получить эффект Kinect. Не отстает и Apple, за ними зарегистрирован патент на технологию бесконтактного «переливания» контента с одного устройство на другое (например с планшета на телевизор).

Другой крупный производитель чипов, компания Qualcomm, предложила технологию, решающую проблему распознавания жестов с близкого расстояния. Для этого помимо камер используются ультразвуковые сенсоры. Такая технология требует минимальных энергоресурсов.

Совсем скоро станет возможным отвечать на телефонные звонки, например во время приготовления еды, не отвлекаясь от плиты, а главное не пачкая экран. Так что господство бесконтактных интерфейсов ждет нас в ближайшем будущем!

Touchless smartphones and TVs could be on sale in 2012

Многие особенности современных интерфейсов теперь будет реализовать как никогда просто. Работа такой функциональности, как работа оффлайн станет простой и элегантной. При этом многие из описанных сайтов прекрасно работают и на устаревших браузерах.

Сайты, представленные в подборке, используют такие возможности, как работа оффлайн, встроенный поиск в реальном времени, тег <progress> для реализации индикатора выполнения, хранение информации об элементах в data-* атрибутах, отзывчивая верстка, продвинутые инструменты работы со звуком, видео, холстом и шрифтами, геолокация, использование акселерометра, редактируемое содержимое страницы (атрибут contenteditable), формат векторной графики SVG, CSS-анимация, возможности аппаратного графического ускорения в рамках WebGL. Скоро также появится элегантная реализация механизма Undo-Redo.

Как написал сам автор подборки:

Quite a few of them made my jaw drop with the feeling “I can’t believe this is the native web”. Некоторые из этих сайтов просто поразили меня и заставили подумать: “Не может быть, что это реализовано с помощью нативных для веба технологий”.

Посмотрите только на реализованные без капли Flash диджейские вертушки, аниме-мультфильм, 3D-модель машины формулы 1 и просмотрщик шрифтов, в который файлы со шрифтами можно перетаскивать прямо из локальной папки!

TechCrunch, в свою очередь, дает прогнозы развития HTML5 в 2012 году: мы получим более элегантные и функциональные веб API, в браузеры придет знакомая по телефонам функциональность — push-уведомления, геолокация и т. д., все больше приложений будут реализованы на HTML5, CSS и Javascript и смогут поддерживать работу оффлайн, Microsoft, вероятно, сделает серьезный прорыв на рынке браузеров, развитие магазинов приложений в браузерах получит серьезный толчок к развитию, производители онлайн-игр начнут портировать их в браузер при помощи WebGL, HTML5 займет место Flash на рекламном рынке, а JavaScript станет работать существенно быстрее, Facebook станет играть еще более важную роль в качестве базы для семантического графа интернета.

2011 in review: 20 HTML5 sites that changed the game
The Definitive Guide To HTML5: 14 Predictions For 2012
HTML5: A technical specification for Web developers
HTML 5 Demos and Examples

Креативный директор Fast Company Роберт Фабрикант выделил 5 ключевых уроков, которые мы получили в течение прошедшего года:

• Сейчас стоит следить не за технологическими прорывами, а за тем, как футуристические разработки десятилетней давности приходят в виде приложений для совершения покупок в супермаркетах, умных принтеров и прочих до боли обыденных вещей. «Для многих из нас это все равно, что наблюдать, как твои дети входят во взрослую жизнь».
• Эти технологии постепенно перестают быть игрушками для гиков и проникают в такие критически важные области, как транспорт и другие системы жизнеобеспечения города.
• Чтобы добиться успеха, необходимо строить сервисы, которые позволяют связывать между собой всех людей, а не живут на какой-то одной платформе. А новые семантические технологии помогают нам делать это.
• Чтобы существенно улучшить повседневную жизнь людей, нам все больше нужно уходить от содержимого дисплея и переключаться на физические артефакты, имеющие отношение к используемым продуктам и сервисам.
• Видео — мощнейший инструмент в работе современного проектировщика взаимодействия. Обилие концептуальных видеороликов показывает мощь этого средства для демонстрации и тестирования заложенных в систему идей.

5 Lessons From The Best Interaction Designs Of 2011

Harvard Business Review и Gigaom публикуют свои прогнозы о том, в каких областях стоит ждать прорывных новинок.

• Корпоративные пользователи стали ожидать качества опыта взаимодействия, привычного им по потребительским продуктам: соцсети проникают в рабочее общение, Blackberry сдает позиции как мобильная ОС для корпораций.
• Носимые гаджеты в виде часов, браслетов и прикрепляемых к одежде блоков: Jawbone Up и Fitbit Ultra — лишь первые ласточки. Эти средства, в частности, очень помогают развитию лайф-логгинга — нового хобби человечества, заключающегося в постоянном подсчете всего происходящего: килокалорий, чекинов, прослушанных песен и прочего.
• Революция в гостиной: количество разнообразных мультимедиа-телеприставок наконец должно перейти в качество. Конечно, тут многие возлагают надежды на выход телевизора от Apple.
• Прорыв в банковской сфере, который в первую очередь связан с интеграцией финансовых инструментов в мобильные телефоны (Square, Google Wallet и т. д.).
• Появление Siri заставило поверить в перспективу голосовых и жестовых интерфейсов, не требующих смотреть на экран или прикасаться к устройству.
• Развитие средств для общественного активизма на основе социальных сервисов, открытых API и т. д. Такой «активизм сидя на диване» в западных медиа уже прозвали метким словом slacktivism.
• Приход дополненной реальности в мейнстрим: в первую очередь, активное ее использование в оффлайн-магазинах.

Five big things to watch out for in 2012
Innovative Ideas to Watch in 2012

Net promoter score (NPS) — метрика, традиционно используемая в маркетинговых исследованиях для измерения удовлетворенности клиентов. Она отражает готовность клиентов рекомендовать продукт или бренд своим знакомым, которая, в свою, очередь крайне важна для коммерческого успеха бренда. Особенно в современном мире социального шопинга. Так, например, лонгитюдное исследование крупных брендов в ряде областей американской промышленности, опубликованное в Journal of Marketing, показало, что именно NPS существенно влияет на рост прибыли компании в среднесрочной перспективе.

Джаред Спул высказывает свою критику данной методики, говоря, что не следует слепо полагаться на ее результаты. На примере различных внутренних авиалиний, обслуживающих город Бостон, он показывает, что зачастую клиентам приходится выбирать лучшее из худшего, и то, что они якобы порекомендовали бы своим друзьям, может быть далеким от того, что они считаю действительно хорошим сервисом. Net Promoter score и схожие опросные методики должны использоваться осторожно и с оглядкой на то, что, возможно, вы упускаете общую картину того, как пользователи воспринимают дизайн вашего сервиса и сам сервис.

Net Promoter Measures The Wrong Thing (or Why I Don’t Like United Airlines)
Net Promoter Score (NPS) – Best practice
A Longitudinal Examination of Net Promoter and Firm Revenue Growth (научная публикация) [PDF, 388 KB]

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

Использование компактного вертикального меню придает сайту опрятный и аккуратный вид, однако создает огромные проблемы для «ручного управления». Точность попадания пальца по ссылке значительно ниже, чем курсора мыши, а потому требуется больше свободного пространства между соседними ссылками. Не меньшую проблему представляют «пейджеры» — ссылки с цифрами для листания страниц. Ну, и само собой, не размещайте кнопки слишком близко друг к другу, особенно, когда одна из них — «Купить».

Итак, главное правило — используйте крупные кнопки и много свободного пространства между соседними элементами навигации. Вы можете проверить, насколько ваш сайт удобен для работы на iPad с помощью сервиса iPadPeek.

Improve Your Site’s iPad Usability in 1 Simple Step

В статье приведены четыре основные идеи, которые образовательным учреждениям стоило бы позаимствовать у проектировщиков, дизайнеров и архитекторов:

• Культура взаимодействия с конструктивной критикой и вниманием к процессу проектирования, а не только к результату. В традиционных школах слишком большое внимание уделяется конечному результату — сочинению, выполненной контрольной, заполненному тесту. Школьников и студентов нужно обучать эффективной совместной креативной деятельности.
• Внимание к междисциплинарному взаимодействию. Ведь разделение знаний о мире на предметы: математику, физику и литературу — весьма условно.
• Культура поиска решений путем проб и ошибок, постановки и проверки гипотез, разработки и тестирования прототипных решений.
• Гармоничное использование как новейших электронных, так и традиционных средств: карандаша и бумаги, доски, компьютера, современных гаджетов и разнообразных продуктов пост-PC эры.

4 Lessons The Classroom Can Learn From The Design Studio

В последнем номере журнала Interactions редакторы обратили внимание на интересный проект Флориана Мюллера из Стэнфордского университета и его группы под названием Exertion Interfaces — Jogging over a distance. Хотя прототип системы был создан еще несколько лет назад, идея до сих пор не внедрена в практику.

Идея Jogging over a distance проста — это помощник для бега, который позволяет не просто отслеживать GPS треки и физиологические показатели, но и общаться с друзьями, которые бегают вместе с вами. Даже если они сами находятся на другом континенте. Jogging over a distance позволяет не чувствовать себя одиноким во время бега: вы можете слышать дыхание и голос партнера. При этом звук голоса слышен спереди или сзади в зависимости от того, лидируете вы или отстаете. Кроме того, «соревноваться» между собой могут новички и продвинутые бегуны. Для этого устройство вносит специальную поправку на навык спортсмена.

Помимо Jogging over a distance группа Мюллера разработала целый ряд прототипов различных спортивных сервисов: дистанционный бокс, настольный теннис и аэрохоккей, а также игровой тренажер виса на перекладине.

Jogging over a Distance

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

MIT Suit Simulates What It’s Like To Be 70 Years Old

Little printer (страница проекта)

Несмотря на популярность термина, большинство специалистов сомневаются, что все-таки за ним стоит. Поэтому Джаред Спул пригласил для записи своего подкаста самого Джеффа, чтобы уточнить спорные вопросы по информации «из первых рук». По словам Джеффа Lean UX — это не методология, а философия работы внутри команд и с внешними заказчиками, которая позволяет приблизить мир UX к agile методологиям, существующим в разработке.

По самой своей природе работы по проектированию интерфейса всегда были частью водопадного процесса: проектировщики и юзабилити-эксперты подготавливали документы, которые передавались на следующий этап в жизненном цикле продукта. Поэтому Джефф предлагает отбросить так называемый big design upfront (длительную фазу проектирования в начале проекта), а вместо этого работать в тесном общении с разработчиками таким образом, чтобы каждая итерация проектирования позволяла проверить некоторую дизайн-гипотезу.

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

Подкаст: Проигрывать в окне | Скачать (Продолжительность: 30:44 — 16.2MB)

Is There Any Meat on This Lean UX Thing?
Jeff Gothelf — Understanding Lean UX

Так методом проб и ошибок подбирают себе одежду онлайн шопперы. Однако теперь они также могут прибегнуть к удобному сервису-помощнику по подбору правильного размера — UPcload. Идея довольно простая — вам нужно сфотографироваться на вашу веб-камеру с CD-диском в руках. Последний используется для определения масштаба. Сервис сам рассчитает ваши объемы и рекомендуемые размеры.

Пока сервис проходит бета-тестирование в партнерстве с брендом North Face.

UPcload (сайт сервиса)
Order Perfect Jacket Size From The North Face Using Your Webcam

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

Откройте эту ссылку на смартфоне:
http://m.microsoft.com/windowsphone/en-us/demo/index.html или используйте QR-код.

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

Теперь под логотипом Google рядом со строкой поиска будет располагаться выпадающее меню, где вы найдете ссылки ко всем используемым вами сервисам Google. А справа от строки поиска будет поле для обновления статуса в Google+.

Если у вас все еще нет доступа к обновленному интерфейсу Google, то включить его можно, воспользовавшись рецептом, опубликованным пользователями «Хабрахабра».

The Next Stage in Our Design (Официальный блог Google)
Как включить новый дизайн Google

Кристиан Хольст — один из авторов исследования E-Commerce Checkout Usability — описал для Smashing Magazine процесс оптимизации стандартного паттерна для выбора страны. Безусловно, длинные выпадающие списки почти всегда неудобны.

За несколько итераций Кристиан пришел к следующему решению: оптимальным элементом для выбора страны будет поле ввода с автодополнением, учетом синонимов, частичного совпадения и приоритетности элементов.

Redesigning The Country Selector

В блоге The UX Bookmark опубликована подборка из 11 бесплатных онлайн книг по проектированию взаимодействия, взаимодействию человека с компьютером, общедоступности и информационной архитектуре.

Налетай!

Free User Experience books (Interaction design, HCI, web accessibility & Information Architecture)

Такие письма можно рассылать зарегистрированным пользователям, у которых что-то отложено в корзину, или незарегистрированным пользователям, которые успели ввести свой Email. Для этого Линда советует ограничить первый шаг заказа единственным полем ввода для адреса электронной почты.

Линда также советует не тянуть с отправкой и письма и делать это почти сразу после ухода посетителя. Более половины заказов, которые удается заполучить обратно, происходят в течение первых нескольких часов после первого захода.

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

Чтобы завлечь еще часть покупателей, можно через несколько дней присылать им предложение со скидкой. Правда, с этим стоит быть осторожным: если давать такую скидку каждый раз на все товары, то пользователи могу специально забрасывать заказ, чтобы дождаться скидки. Поэтому нужно выбрать отдельные сегменты, на которые распространять такое предложение.

И последний совет: можно использовать сервис Google Remarketing, чтобы показывать баннеры тем, кто ушел с вашего сайта.

8 Tips for Recovering Abandoned Shopping Carts