Влад Головач о новых средствах прототипирования

Инструментарий

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

Основные тезисы Влада:

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

Это счастье?

Ай-трекинг и размещение рекламы в играх

Инструментарий, Исследования

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

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

Eye Tracking, Psycho-physiology & In-Game Advertising

История регистрации движений глаз и книга Якоба Нильсена про это

Инструментарий, Исследования, Книги

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

Первые технические приспособления для окулографии были изобретены в 1931 году Эрлом, Джеймсом и Карлом Тейлорами. Они применили изобретенные ими «офтальмограф» и «метроноскоп» для изучения движений глаз человека во время чтения, желая лучше разобраться в этом процессе с целью разработки лучших методик обучения чтению.

Некоторые считают, что ай-трекинг возник лишь в девяностых годах, но уже в 70-х он активно применялся, например, на факультете психологии МГУ. В 1975 году была защищена докторская диссертация Ю. Б. Гиппенрейтер «Движение глаз и деятельность». Несмотря на то, что в те времена метод требовал прикрепления к глазному яблоку присосок, многие студенты шли на это ради довольно существенного по тем временам денежного вознаграждения за участие в исследовании.

С 80-х годов окулография стала применяться в маркетинговых исследования и вскоре идею подхватили юзабилити-специалисты. С конца 90-х она стала очень активно применяться при тестировании веб-систем.

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

A Brief History of Eye-Tracking
Страница книги на сайте useit.com
Страница книги на Amazon

Justinmind prototyper — все для проектировщика в одном флаконе

Инструментарий

На сайте UXmatters появился обзор пока не очень известного, но весьма интересного средства прототипирования: Justinmind Prototyper.

Отличительной особенностью инструмента является наличие модулей, необходимых для работы на самых разных этапах проекта. Justinmind позволяет управлять требованиями к системе, описывать сценарии использования, рисовать статические наброски и динамические прототипы, экспортировать их в HTML и размещать в Сети для тестирования.

Таким образом, это один из наиболее продвинутых по функциональности инструментов прототипирования.

Посмотреть, насколько удобно для Вас будет рисовать прототипы в Justinmind, вы можете, воспользовавшись месячным тестовым периодом. Есть версии как для Windows, так и для Mac OS. К сожалению, для дальнейшего его использования в работе придется уплатить по $690 за каждую лицензию.

Product Review: Justinmind Prototyper
Сайт приложения

Кукольные мультфильмы для прототипирования (Animationizer)

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

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

А нынче у владельцев Mac’ов появилась возможность бесплатно использовать кукольную технологию для создания мультипликационных прототипов. В оригинале эта технология называется stop-frame (покадровая съемка). Эту возможность нам дал Крис Ниэль (Chris Neale) — проектировщик взаимодействия из Великобритании.

Для того, чтобы сделать свой прототип, необходимо:

• Скачать и установить вспомогательный пакет Processing для Mac OS-X.
• Скачать программу Криса Animationizer.
• Приобрести хорошую веб-камеру. Крис рекомендует Logitech’s Quickcam Vision Pro.

Вот, что получается в итоге:

Другой пример — с голосовыми комментариями:

Уверены, что найдутся люди, которые применят Animationizer не по назначению и создадут свой шедевр кукольной мультипликации!

Сообщение Криса Ниэля о доступности программы Animationizer
Осеннее сообщение, где Крис показывает примеры прототипов и внешний вид своей студии

Вышли бета-версии Visio 2010 и Project 2010

Инструментарий

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

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

Те, кто по долгу службы, занимается управлением проектами, вероятно, будут рады новых возможностям более интуитивной и быстрой работы с проектами в MS Project.

MS Visio 2010 (промо-сайт)
MS Project 2010 (промо-сайт)

Дополнение: Параллельно с Visio и Project, которые традиционно распространяются отдельно от остального пакета MS Office, вышла и бета самого «Офиса».
Обзор и обсуждение беты MS Office 2010 в сообществе FriendFeed

Скрипты Adobe InDesign для проектировщиков

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

Роман Верник из компании Юзетикс выложил в свободный доступ скрипты, которые он использует при проектировании в среде Adobe InDesign.

Скрипты Романа позволяют выравнивать объекты по сетке и по размеру. Подобные скрипты существенно ускоряют работу проектировщиков. Роман ждет ваших предложений по дальнейшему совершенствованию скриптов или по созданию новых

Ниже видео с демонстрацией того, как это все работает.

Выравнивание по сетке:

Выравнивание размеров объектов:

Массовая вставка элементов:

Скрипты InDesign: выпуск №1
Скрипты InDesign: выпуск №2
Скрипты InDesign: выпуск №3

MS Blend как средство демонстрации интерфейса

Инструментарий

Последняя — третья версия Microsoft Blend приобрела массу положительных качеств. Год назад Алексей Копылов писал о предыдущей версии, и подверг ее достаточно суровой критике. Главный вывод — MS Blend не годился для проектирования произвольных интерфейсов, то есть, для тех, которые не будут работать в инфраструктуре Microsoft. Однако, разработчики этот год не сидели сложа руки и реализовали множество интересных возможностей (например механизм sketchflow). Кевин Сильвер (Kevin Silver) поделился своим опытом использования последней версии программы.

Далее в статье Кевин дает советы, каким образом лучше всего использовать этот инструмент.

Using Expression Blend to Explore, Demonstrate, and Document Design Solutions

Pidoco° — прототипирование и удаленное тестирование в одном флаконе

Инструментарий

Сервис Pidoco° — это одновременно онлайновый сервис для прототипирования и средство для удаленного модерируемого юзабилити-тестирования.

Гарри Бригнелл пишет:

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

Pidoco° — prototying and remote, moderated user testing — combined! (статья Гарри Бригнелла)
Сайт сервиса

Библиотеки для Axure

Инструментарий

Стандартная поставка инструмента для быстрого прототипирования веб-сайтов Axure не отличается хорошим ассортиментом готовых интерфейсных элементов и паттернов. Однако поклонники этого продукта работают над этим — количество альтернативных библиотек с интерфейсными элементами растет как грибы после дождя. На сайте Wireframes появился список таких библиотек. Вот пример прототипа на основе библиотеки «A Clean Design»:

Axure Libraries & Widgets Compilation

Группен прототипен — презентация с 404fest

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

Презентация Алексея Копылова и Платона Днепровского с фестиваля 404fest.

Другие презентации компании UIDESIGN GROUP.

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструментов для прототипирования уже больше 40!

Инструментарий

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

Rapid Prototyping Tools
Инструменты быстрого прототипирования (перевод статей Дэна на Хабре)

ForeUI: новый инструмент прототипирования

Инструментарий

У нас установилась традиция раз в неделю писать об очередном инструменте прототипирования. На этот раз новичком стала настольная программа ForeUI.

Отличительные особенности именно этого инструмента:

• Инструмент мультиплатформенный, то есть, запускается из-под разных платформ: Windows, Mac OS X, Linux, Solaris;
• Имеется возможность в любой момент менять стиль получаемых макетов. Например, можно выбрать низко-детальный эскизный стиль;
• Имеется возможность программировать поведение получаемых прототипов.

ForeUI — официальный сайт проекта
Демонстрационный прототип (требует установленного пакета Java)

MocFlow: рисуем интерфейсы в браузере, быстро

Инструментарий, Экранные интерфейсы

В последнее время кружится голова от средств быстрого прототипирования . Но это не мешает создавать все новые. Подоспел еще один веб-сервис: MocFlow.

Основные отличия:

1. Не требует больших усилий для изучения
2. Поддержка шаблонов страниц
3. Возможность обсуждения готовых прототипов
4. Готовые шаблоны позвоялют проектировать разные виды приложений — настольные и онлайновые

Можно попробовать поработать бесплатно — в этом случае можно создать один прототип о четырех страницах/экранов. За $49 в год все ограничения сразу пропадают.

MockFlow: Super-easy Wireframing

Инструментарий для регистрации движений глаз

Инструментарий

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

Eye-Tracker software/hardware recommendations

PSD- и Visio-стенсилы для проектирования интерфейсов Android

Инструментарий

Журнал Smashing Magazine опубликовал стенсилы для проектирования приложений, функционирующих в мобильной ОС Android. Стенсилы оформлены в формате PSD, который используется в Adobe Photoshop. Создатель стенсилов — молодой чешский дизайнер Павел Мачек.

Ранее чешско-украинская компания Artful Bits опубликовала аналогичные стенсилы для MS Visio.

Android GUI PSD Vector Kit (PSD-стенсилы)
Android GUI Prototyping — v1.3 (Visio-стенсилы)

Краткий обзор интерфейса MS Visio 2010

Инструментарий

MS Visio — «молоток» многих проектировщиков взаимодействия, в новой 2010 версии получит ленту (ribbon) вместо привычной инструментальной панели (toolbar). Разработчики решили заранее рассказать об этом в своем блоге и приложили к статье изображение каждой вкладки ленты Visio.

The Office Fluent UI in the Visio 2010 Technical Preview

OpenHallway — аудио- и видеозапись удаленного тестирования без единого приложения!

Инструментарий

Новый сервис удаленного тестирования OpenHallway позволяет проводить немодерируемые удаленные тестирования и записывать происходящее на экране пользователя, а также звук с микрофона. Вы спросите: «Что в этом нового?» Сервис интересен тем, что он не требует установки каких-либо приложений ни на стороне пользователя, ни на стороне тестировщика. Стоимость услуг OpenHallway — от $49 до $199 в месяц.

Среди недостатков сервиса отсутствие обратной связи с пользователем и функциональности для рекрутирования пользователей.

OpenHallway
OpenHallway — A New Usability Testing App (обзор в блоге UsabilityPost)