Прототипирование iPad-приложений в Keynote

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

В последнее время многие западные проектировщики стали использовать как средство прототипирования аналог PowerPoint от Apple — программу Keynote. Особенно удобной она оказывается для проектирования приложений для iPad — ведь презентации Keynote очень удобно просматриваются на планшете от Apple.

Консультант по опыту взаимодействия Амир Хелла рассказывает и показывает, как спроектировать приложение для iPad с помощью Keynote буквально за 30 минут.

Помимо статьи Амира за последнее время вышел также обзор на эту тему от Люка Вроблевского.

How to prototype interactive iPad applications in 30 minutes or less using Apple Keynote (статья Амира Хеллы)
Designing with Keynote (обзор Люка Вроблевского)

Удаленное тестирование: опыт использования различных средств

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

Эллен Белднер, занимающая в YouTube столь важную должность, как «monetization lead», рассказывает в своем блоге об опыте использования различных средств удаленного тестирования.

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

Пока что Эллен написала вводную статью об удаленном тестировании и статью с советами и описанием опыта использования для модерируемого исследования системы видеоконференций GoToMeeting. Скоро должна выйти третья часть: о работе с сервисом анализа поведения посетителей сайта ClickTale.

Adventures in remote usability, Part 1: Why remote?
Adventures in remote usability, Part 2: GoToMeeting

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

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

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

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

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

Это счастье?

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

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

Специалисты компании 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-стенсилы)