Почувствуй себя 70-летним!

Процессы и методики, Видео, Исследования

В современном мире четко прослеживается тенденция к старению населения в связи с падением рождаемости и повышением продолжительности жизни. Согласно прогнозам, к 2050 году в Японии будет в 1,5 раза больше тех, кому за 65, чем тех, кому нет еще 20. Поэтому сейчас особенно важно прислушиваться к пожеланиям и потребностям старшего поколения. Если раньше это можно было делать, опираясь лишь на теоретические данные, то теперь есть возможность почувствовать себя «на все сто» в прямом смысле этих слов.

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

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

Поделиться:

Мини-принтер для вашего Твиттера

Социальные сети, Видео, Гаджеты

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

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

Поделиться:

Диетический UX: что это такое и с чем его едят?

Подкасты, Процессы и методики

Одно из модных слов 2011 года в области проектирования пользовательского опыта — Lean UX, то есть «постный» или «диетический» UX. UXеры повально заинтересовались «диетой» после статьи Джеффа Готелфа в Smashing Magazine «Диетический UX: уходим из бизнеса по продаже отчетов и документов».

Несмотря на популярность термина, большинство специалистов сомневаются, что все-таки за ним стоит. Поэтому Джаред Спул пригласил для записи своего подкаста самого Джеффа, чтобы уточнить спорные вопросы по информации «из первых рук». По словам Джеффа 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

Поделиться:

Пощупай Windows Phone 7 на своем iPhone или Android

Гаджеты, Экранные интерфейсы

Windows разместил в свободном доступе интерактивный прототип интерфейса Windows Phone 7, с которым можно ознакомиться прямо в браузере на других популярных смартфонах.

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

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

Поделиться:

Умный холодильник будущего

Видео, Инновации и идеи

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

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

Поделиться:

Google представил новую навигацию по порталу

Видео, Экранные интерфейсы

Полгода назад корпорация Google взялась за редизайн своих ключевых сервисов. Совсем недавно они представили пользователям тулбар черного цвета, расположенный вверху страницы поиска, почты и других сервисов. В результате все основные сервисы должны были получить красивые, интуитивные, а главное, единообразные интерфейсы. На днях компания объявила о запуске нового тулбара, который поможет объединить все сервисы, позволит пользователям быстро переключаться между ними и делиться найденной полезной информацией с нужными людьми через Google+.

Теперь под логотипом 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)

Поделиться:

Покупатели уходят в процессе заказа? У вас есть 20% шанс вернуть их

Остальное

Посетители, покидающие интернет-магазин, положив товары в корзину, или уже в процессе заказа — всем знакомая проблема. Линда Бустос — директор по исследованиям электронной коммерции компании Elastic Path — написала в блоге компании о том, как можно вернуть более 20% таких клиентов с помощью писем, напоминающих им о начатом процессе покупки. Часть из них могли просто отвлечься и забыть про заказ или забыть адрес сайта. У других могли возникнуть сомнения или вопросы.

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

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

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

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

8 Tips for Recovering Abandoned Shopping Carts

Поделиться:

Пригласите вашего пользователя к действию правильно

Книги, Гаджеты, Экранные интерфейсы

UX Booth опубликовали отрывок главы из книги Терезы Нил (Teresa Neil) Mobile Design Pattern Gallery («Галерея шаблонов для проектирования мобильных приложений»). Книга рассматривает типичные проблемы, с которыми сталкиваются разработчики мобильных приложений. На сайте UX Booth можно прочитать про приглашения  к действию (инструкции, подсказки, туры), которые позволяют вашим пользователям познакомиться с возможностями приложения и снижают количество отказов.

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

Об этих и других приглашениях к действию подробнее читайте на сайте UX Booth.

A Look Inside Mobile Design Patterns

Поделиться:

Распознавание эмоций пользователей и реагирование на них — теперь и по голосу

Инновации и идеи

Ученые из университетов в Мадриде и Гранаде: Давид Грилл Баррес, Сорайда Каллехас Карион и Рамон Лопез-Козар Дельгадо — разработали устройство, распознающее человеческие эмоции, выражаемые в голосе. Благодаря этому появилась возможность адаптировать диалоги с машиной под эмоциональное состояние человека.

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

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

A computer system allows a machine to recognize a person’s emotional state
Predicting user mental states in spoken dialogue systems (научная статья) [PDF, 1.60MB]

Поделиться:

Proto и другие приложения для планшетов от Adobe

Видео, Гаджеты, Инструментарий

Не так давно Adobe выпустил приложение Proto для планшетов. Пока его могут пощупать счастливые обладатели планшетов под управлением Android 3.1 и новее с диагональю не менее 8.9″. Однако в скором времени Adobe обещает выпустить Proto и всю линейку приложений Adobe Touch Apps и для iOS.

Proto позволяет рисовать быстрые блок-схемы интерфейсов, поддерживает модульные сетки, smart guides, позволяет просматривать получившиеся макеты в браузере с некоторой простой интерактивностью. Довольно интересна реализация быстрого добавления различных интерфейсных элементов при помощи соответствующих жестов. Например, если нарисовать пальцем X-образный крест, на экране появится плейсхолдер картинки.

Помимо Proto, Touch Apps включает графические редакторы Photoshop Touch (растровый) и Ideas (векторный), программу для презентации дизайнов Debut, приложение для сбора идей в виде интерактивных коллажей-мудбордов Collage, приложение для подбора цветовых комбинаций Kuler.

Adobe Proto
Adobe Touch App Family

Поделиться:

Перепроектирование сайтов по принципам Э. Тафти для инфографики

Инфодизайн

Райан Ван Дер Мерве — руководитель дизайна в южно-африканской e-commerce компании Kalahari написал для Smashing magazine о том, как стоит применять принципы, предложенные Э. Тафти для разработки инфографики, для минималистского дизайна сайтов.

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

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

При выборе стратегии перепроектирования, автор обращается к книге Эдварда Тафти The Visual Display of Quantitative Information, в частности к идее о соотношении объема данных и количества использованных чернил. Не смотря на то, что предложенные Тафти принципы относились к инфографике, автор статьи находит им применение и в веб-дизайне. Итак, вот 4 принципа, которые призваны помочь в перепроектировании:

1. Акцент на информацию. В центре внимания каждой страницы сайта должна быть первостепенная задача, которую решает пользователь с помощью представленной информации.
2. Избавьтесь от «лишних пикселей». Разобравшись с тем, на что должен быть сделан акцент на странице, необходимо убрать все лишнее, что отвлекает пользователей от достижения их первостепенных задач. Цвет, шрифт, иллюстрации, расположение компонентов — все, что привлекает к себе внимания, не заслуживая его, должно быть изменено.
3. Избавьтесь от избыточных элементов. В данном случае подразумеваются элементы, которые повторяются на странице без веских на то причин: избыточные диалоговые окна для простых задач («Вы уверены, что хотите добавить продукт в корзину?»), анимация для выделения элементов, ряды одинаковых кнопок (кнопки «Добавить в корзину» рядом с каждым товаром в длинном списке).
4. После того, как вы очистили свой дизайн, добавьте «чернила» там, где этого требуют задачи пользователей. Также на этом этапе нужно уделить внимание эстетичности вашего продукта.
5. Проверьте достигнутые результаты, внесите требующиеся правки. При необходимости повторите все пункты сначала.

В качестве одного из примеров перепроектирования в соответствии с этими принципами Райан приводит изменение шапки сайта Kalahari (слева — до, справа — после).

The Data-Pixel Approach To Improving User Experience

Поделиться:

Персональные помощники для ведения здорового образа жизни

Гаджеты, Инновации и идеи

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

Компания Jawbone воплотила в оригинальной форме уже не новую идею персонального помощника для отслеживания своей повседневной активности. Электронный браслет Up, прототип которого был представлен летом на TED Global 2011, собирает информацию о повседневной жизнедеятельности пользователя и передает данные на телефон или компьютер. Браслет следит за пройденным расстоянием, маршрутами, сожженными калориями, темпом и уровнем интенсивности физических нагрузок, а также часами сна. Помимо этого с помощью приложения для iPhone есть возможность вести учет потребленной пищи. На сайте Jawbone можно посмотреть отчеты о вашей повседневной жизнедеятельности, а также получить рекомендации. Браслет водонепроницаем, поэтому не переживайте, что его придется снять во время тренировки или приема душа, а потраченные калории не будут посчитаны, — все предусмотрено.

Другое изобретение, призванное облегчить жизнь людям, которые борются с лишним весом — eButton. Устройство представляет собой значок с миниатюрной камерой, акселерометром, GPS и различными сенсорами, которые избавляют пользователя от необходимости ежедневно вручную вводить информацию о тренировках и приемах пищи. Также значок определит сколько времени вы просидели перед телевизором, а сколько провели на свежем воздухе, где были куплены продукты и как их приготовили, в каких ресторанах вы обедали и что заказали. Не ускользнет от крохи-изобретения и то, как вы общались во время приема пищи с друзьями и родственниками. Ученые полагают, что последнее оказывает не меньше влияния на ваше здоровье, чем спорт и еда. Неудивительно, что с таким набором функционала, у eButton довольно серьезное назначение — помочь в борьбе с ожирением в США.

Электронный браслет Up — дневник повседневной деятельности
Pitt Researchers Develop eButton, an Easier Way to Monitor Food Intake, Exercise, and Lifestyle

Поделиться:

Стэнфордский курс по взаимодействию человека с компьютером: теперь полностью интерактивный

События, Исследования

Недавно мы писали про Стэнфордский видеокурс по HCI, а также про серию интерактивных курсов Online education. Эти интерактивные курсы помимо видеолекций включают интерактивные домашние задания, тесты, экзамены и даже позволяют в результате получить итоговую оценку. Недавно было объявлено, что программа расширяется и после нового года она пополнится еще десятком новых курсов. Среди них и интерактивный курс по взаимодействию человека с компьютером.

Ведет курс Скотт Клеммер — адъюнкт-профессор, соруководитель группы по взаимодействию человека с компьютером в Стэнфордском университете, известный участник HCI-сообщества. В рамках курса он расскажет о принципах проектирования взаимодействия, проведении исследований пользовательской аудитории, прототипировании, сборе обратной связи от заказчиков и пользователей, основах графического дизайна, организации информации, особенностях процессов восприятия и познания, которые нужно знать проектировщикам, проведении онлайн-исследований.

Human-Computer Interaction by Scott Klemmer

Поделиться:

Foldit: играя в игру, приносим пользу науке

Исследования

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

Недавно в журнале Nature появилась статья, подтверждающая практическую полезность Foldit: с помощью участников удалось построить структурную модель белка ретровирусной протеазы M-PMV, которую не удавалось сформировать более традиционными методами. Этот белок занимает важнейшее место в исследованиях СПИДа и ВИЧ. Таким образом, Foldit потенциально может внести важный вклад в развитие биологии и медицины.

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

Официальный сайт Foldit
Paper uncovers power of Foldit gamers’ strategies
Crystal structure of a monomeric retroviral protease solved by protein folding game players (научная статья в Nature, доступ к полному тексту платный)

Поделиться:

Бортовой компьютер для лыжников и сноубордистов

Видео, Гаджеты, Инновации и идеи

Интересный шаг в область, называемую Ubiquitous computing, то есть повсеместную компьютеризацию: теперь пользоваться «бортовым компьютером» можно будет закладывая виражи на склоне или крутя трюки в сноу-парке. Для этого компания Recon Instruments выпустила MOD Live — прибор на базе ОС Android весом 65 грамм, который вставляется в стандартную горнолыжную маску.

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

Head-Up дисплей для горнолыжных очков
Страница MOD Live на сайте производителя

Поделиться:

Бесплатное удаленное мобильное тестирование

Процессы и методики, Инструментарий

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

Уже появился сервис Mobile UX Research от UserZoom, позволяющий вести удаленную запись происходящего на экране у мобильных пользователей. Но если вас не устраивает функциональность или цена решения от UserZoom, то вы можете сделать такую запись бесплатно. Правда, пока это возможно только на iOS 5 благодаря функции AirPlay Mirroring. Кроме того, на компьютере пользователя должны быть запущены приложение для получения видеокартинки с устройства и сервис для трансляции экрана.

В качестве первого на Mac следует использовать AirPlayer, а на Windows — AirMediaPlayer.

Why AirPlay Mirroring is the Biggest Thing to Happen to User Research in 2011

Поделиться:

Конструктивная критика для проектных групп от Джареда Спула

Процессы и методики

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

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

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

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

Спул призывает избегать критических замечаний, а свои предложения формулировать в виде вопросов: «А вы не думали о том, как будет вести себя приложение в отсутствие подключения к интернету?» Такой подход даст дизайнеру возможность подробнее рассказать о своей работе. К тому же всегда можно ответить: «Нет, еще пока не работал над этим. Отличная идея!»

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

Moving from Critical Review to Critique

Поделиться: