Курс «Проектирование пользовательских интерфейсов» в МГППУ

События, Терминология

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

Предлагаем вашему вниманию слайды к вводной лекции:

Краткое описание программы курса

Люк Вроблевский об интерфейсах от первого лица

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

Интерфейсы, построенные на совокупности таких технологий, как геолокация, дополненная реальность, RFID-теги и прочих, часто называют собирательным термином «Интерфейсы от первого лица» (first person interfaces). Люк Вроблевский подготовил обзор таких систем для журнала Smashing magazine, проиллюстрировав его множеством видеороликов и скриншотов. Статья довольно удачно обобщает актуальные тенденции в этой области.

Enhancing User Interaction With First Person User Interface

Почему не стоит отбирать пользователей по демографии?

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

Джерид Спул взял интервью у Даны Чиснелл — одного из авторов второго издания Handbook of Usability Testing. Дана рассказывает о том, почему при планировании юзабилити-тестирований не стоит отбирать пользователей по демографическим показателям.

Например, если на вашем сайте есть форум, то не нужно ожидать, что восьмидесятилетние пользователи станут им пользоваться, даже если они входят в целевую аудиторию сайта в целом.

Avoiding Demographics When Recruiting Participants: An Interview with Dana Chisnell

Axureworld — 8 вебинаров об Axure

Инструментарий, События

Средство быстрого прототипирования Axure стремительно набирает популярность. Как результат — серия бесплатных вебинаров, которая пройдет 10 октября нынешнего года. Приглашаются проектировщики взаимодействия, инфоархитекторы, менеджеры проектов, графические дизайнеры, бизнес аналитики, программисты и UX архитекторы — все те, кто так или иначе вовлечен в процесс разработки программных продуктов. В России Axure так же популярен, как и в мире.

Организатор мероприятия — Эзра Шварц (Ezra Schwartz) — независимый проектировщик пользовательских интерфейсов.

Сайт мероприятия
RSS-канал мероприятия

CAPTCHA отпугивает 3,2% покупателей

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

В блоге UXbooth опубликована статья, описывающая преимущества и недостатки CAPTCHA — теста, позволяющего отсечь запросы к веб-сервису, поступающие от роботов.

Авторы ссылаются на A/B-тестирование, проведенное SEOmoz на материале 50 сайтов. Результаты показывают, что зачастую CAPTCHA приносит больше вреда, чем пользы.

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

CAPTCHA’s: Tough on Sales & Common Way to Test User Tolerance (статья UXbooth)
CAPTCHAs’ Effect on Conversion Rates (статья SEOmoz)

Юзабилити-марафон 2: теперь бесплатно

События

В этом году, в отличие от прошлого, юзабилити-марафон — это цикл онлайн-вебинаров. В нём по-прежнему принимают участие настоящие «зубры» в области юзабилити и UX с интереснейшими выступлениями. Вебинары будут проходить с 12 по 21 октября 2009 года. Через несколько дней мы опубликуем программу, а также начнем регистрацию участников.

Мы рады сообщить, что Ким Гудвин (Kim Goodwin) подтвердила участие в юзабилити-марафоне. Рекомендуем перед ее вебинаром прочитать книгу «Алан Купер об интерфейсе» — Ким активно развивает методику проектирования интерактивных продуктов, принятую в компании Cooper.

Участие бесплатное. Вебинары проводятся на английском языке.

Юзабилити-марафон – 2
Сайт прошлогоднего марафона
ЖЖ-комьюнити, посвященное обсуждению марафона

Основные принципы дизайна таблиц

Экранные интерфейсы

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

Designing Tables 101

Исследования интерфейсов в стиле «Эмо»

Гаджеты, Инструментарий, Процессы и методики, Социальные сети

David Güiza Caceido в качестве своей магистерской диссертации, защищенной в технологическом университете голландского города Делфт, представил сервис PanorEmo.

С его помощью можно узнать, какие эмоции вызывают у респондента какие-либо детали сайта, программы или даже жизненной среды, например, интерьера кафе или магазина.

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

Более «продвинутый» вариант реализован в виде мобильного приложения, которое позволяет вести журнал эмоций, ассоциируя их с фотографиями, видеозаписями и звуковыми заметками. Такое приложение, видимо, — идеальный инструмент для дневниковых исследований. С другой стороны, эту идею можно активно использовать в соцсетях.

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

PanorEmo (сайт сервиса)
emoments: Developing a tool to assess emotions elicited by services (статья в блоге автора по материалам его диссертации)

Как отсеять лгунов при рекрутинге респондентов

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

Гарри Бригнелл приводит пример виртуозного составления скринера для исключения из выборки лгунов.

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

Недавно эта же тема поднималась в докладе Дмитрия Павлова на третьей встрече проектировщиков интерфейсов uidesignersmeetup.

Screening out liars from your user research

Intelligent Home Screen — Стартовый экран для Android

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

В то самое время, как независимые разработчики пытаются создать альтернативный стартовый экран для iPhone, другие разработчики спокойно создают стартовые экраны для платформы Andorid. Компания Lavra Labs предоставила свою разработку под названием Intelligent Home Screen.

Самое интересное — это не внешний вид продукта, а то как он себя ведет. Видеозапись взаимодействия можно посмотреть на специальной странице с сайта разработчика. С нашей точки зрения платформа Android начинает наступать на пятки Apple. Если ситуация с контролем создания приложений сохранится, то Android начнет наступать и на носки.

Стартовый экран для Android в портфолио компании Lavra Labs

Courier — раскладушка от Microsoft

Видео, Гаджеты

Ожидание мифического tablet-компьютера от Apple облегчает компания Microsoft. Сегодня на сайте Gizmondo появилось видео внешнего вида и пользовательского интерфейса устройства Microsoft Courier — планшетного компьютера, который состоит из двух независимых экранов. Издание утверждает, что конечный вид гаджета будет практически таким же, как в прототипе.

Статья в Gizmondo о Courier

iPhone: исправляем стартовый экран

Гаджеты

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

Джефф Тихэн (Geoff Teehan) анонсировал собственную разработку, которая призвана решить эту проблему. Недостаток один — программу можно будет установить только на взломанные телефоны, так как Apple со своей жесткой политикой не позволяет продавать такого рода разработки.

Самое интересное, что Apple, похоже, готовит новую версию стартового экрана. В прессу просочились соответствующие патенты.

Статья Гиофа в собственном блоге
Статья о патенте Apple
Другой патент Apple на тему стартового экрана

Ярослав Перевалов о быстрой бизнес-аналитике

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

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

Карточка продукта: бизнес-аналитика по дешёвке или ТЗ для проектировщика интерфейса

На страже интерфейса: рассуждения разработчика о политике Apple

Гаджеты

Как известно, компания Apple старается строго контролировать соответствие приложений, создаваемых под ее платформы, собственным корпоративным стандартам. Авторитетный среди Apple-разработчиков блоггер alexmak достаточно эмоционально рассуждает о том, насколько полезен такой контроль для развития сферы iPhone-приложений. Что лучше: жесткое следование стандартам интерфейса или свобода самовыражения?

На страже интерфейса

В инфекционных больницах вместо выключателей будут голограммы

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

Полтора месяца назад мы уже публиковали видеоролик о голограммах с тактильной обратной связью. Технология, разработанная Hiroyuki Shinoda на основе пультов контроллеров Wii Remote и ультразвуковых волнах, вызвала определенный резонанс и в российских онлайновых сми.

OpenSpace.ru пишет о перспективах практического применения этой технологии:

Голограммы можно будет трогать

Пяток социальных моделей от Люка

Социальные сети

Люк Вроблевски опубликовал слайды со своего выступления на конференции IDEA09. Название выступления: «Влияние социальных моделей».

Люк выделяет следующие типы социальных моделей, которые встречаются на сайтах:

• Без социальных отношений (Amazon, автономные блог-сайты)
• Сайты с поддержкой сообществ (YouTube, Yahoo Answers)
• Группы (Yahoo Groups, Flickr Group)
• С симметричными взаимоотношениями (Facebook, LinkedIn)
• С асимметричными (однонаправленными) отношениями (Twitter, IM, Flickr)

У каждой модели свои преимуществ и недостатки, которые следует учитывать.

Некоторые наблюдения Люка:

• 1.8% пользователей Википедии генерируют 70% всех статей. Это согласуется с расхожим наблюдением, что в любом подобном проекте среди пользователей 1% писателей, 10% редакторов и 100% потребителей
• В Twitter 10% пользователей генерируют 90% статей. Противоположный пример — в сервисе Facebook 10% самых активных пользователей генерируют всего лишь 30% контента. Это, скорее всего, происходит по той причине, что в асимметричной модели генераторы знают, что аудитория сильно заинтересована контентом.
• В среднем пользователи сообщества YouTube генерируют на 58 000% больше контента на человека, нежели внутри Facebook

Эти и другие интересные факты и мысли смотрите в презентации Люка.

Сообщение в блоге Люка
Слайды презентации (PDF, 8,6 Мб)

Ответ Sony на Nintendo Wii

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

На выставке игровой индустрии E3 в июне был анонсирован новый 3D манипулятор для игровой приставки Sony Playstation 3. Недавно стало доступно видео с более подробной демонстрацией возможностей игрового манипулятора. Стоит отметить, что компания Nintendo была первопроходцем в этой области, и не так давно продается специальная насадка на знаменитый манипулятор «Wii Remote» под названием «Wii MotionPlus», которая как и будущее изделие от Sony позволяет тонко манипулировать объектами внутри игры. Будем с интересом следить за новым витком конкуренции!

Насколько цвет привлекает внимание пользователя?

Исследования, Экранные интерфейсы

Работая над сайтом компании AA, Дэвид Хэмилл — фрилансер из Великобритании — решил проверить, насколько подсветка кнопки другим цветом привлекает внимание пользователей к этой кнопке.

Для этого исследования он использовал сервис 5secondtest, о котором мы уже писали ранее. Этот сервис позволяет практически бесплатно получить данные, которые можно считать некоторым приближением к результатам фиксации движений глаз: в течение 5 секунд просмотра картинки участник исследования должен кликать в те места картинки, которые привлекают его внимание.

В результате оказалось, что ярко-синяя подсветка кнопки повысила процент заметивших ее пользователей с 15 до 35%.

What difference does colour make?

Наточили карандашики: рисуем потоки взаимодействия

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

Сотрудники компании 37signals помимо привычных понятий, таких как «сценарий», «use case», «user story», используют термин «поток взаимодействия». Представляя такой поток, они изображают своего рода раскадровки действий пользователя в интерфейсе, но не рисуя самих экранов, а лишь показывая последовательность действий пользователя и системы.

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

A shorthand for designing UI flows

Рекомендации по созданию дэшбордов — очередной выпуск

Экранные интерфейсы

Компания Juice Analytics опубликовала второй (и пока не последний) выпуск своего отчета о правилах создания дэшбордов — то есть, веб-страниц и приложений, на которых в сжатом виде представлена основная информация, необходимая конкретному специалисту для принятия решений и мониторинга основных параметров той системы, которой этот специалист управляет. В буквальном перевода с английского слово «dashboard» обозначает панель приборов.

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

Designing Great Dashboards — Part 2