Fresh: новости мира юзабилити
Для бумажного прототипирования существует множество вспомогательных инструментов: от традиционных блокнотов таких марок, как Moleskine и Whitelines, до специализированных альбомов и трафаретов.
Новинка на этом рынке: большие самоклеящиеся листки UXstickynotes с рамками в виде окна браузера или смартфона iPhone. Их можно приклеить к стене, доске, странице тетради — куда угодно.
Поделиться:
Если вы поставили себе цель повысить конверсию вашего сайта, то обратите внимание на многомерное тестирование. В отличие от традиционного A/B-тестирования, где сравниваются несколько вариантов одной страницы, здесь в центре внимания отдельные ее элементы и различные сочетания их вариантов.
Конечно, страница может содержать огромное количество элементов, и сравнивать их все просто нецелесообразно. Скажем, например, вы решили проверить, какое сочетание заголовка и кнопки ведет к большему числу подписчиков. Вы тестирует Заголовок 1, Заголовок 2, Кнопку 1 и Кнопку 2. Таким образом, общее количество вариантов 4 (З1 + К1, З1 + К2, З2 + К1, З2 + К2). При добавлении еще одного элемента или варианта данных элементов общее число тестируемых вариантов будет расти экспоненциально. Поэтому очень важно выделить те элементы, которые играют особую роль в конверсии посетителей.
Обычно многомерные тесты включают следующие элементы: заголовок или «шапка», кнопки, призывающие к действию, контент, картинки. Однако, чем больше у вас вариантов, тем больше трафика вам нужно, а потому не целесообразно тестировать более 25 вариантов. Информацию о том, как правильно выбрать элементы страницы для тестирования, рекомендации по проведению многомерных тестов и список ПО, поддерживающих их вы найдете в статье, недавно опубликованной в Smashing Magazine. Там же даются ссылки на проведенные многомерные тестирования и их результаты. Так, например, правильно выбранный заголовок и кнопка Download помогли повысить количество загрузок на 60% в разделе ПО на сайте Paras Chopra.
Multivariate Testing 101: A Scientific Method Of Optimizing Design
Обновление: По наводке Александра Всехвальнова обнаружили перевод этой статьи на русский язык: 
Мультивариативное тестирование 101: научный метод оптимизации дизайна
Поделиться:
Довольно давно мы не писали об инструментах работы проектировщиков. Хотя новые сервисы и программы появляются постоянно, прорыва произвести так и не удается: список наиболее популярных средств прототипирования за последние несколько лет не претерпел практически никаких изменений.
Тем не менее, заметка в блоге UX for the masses с 25 бесплатными инструментами для работы проектировщика может быть для многих полезна. Правда часть из них в реальности не бесплатна, но позволяет бесплатно воспользоваться ограниченной или демо-версией системы.
В списке не только средства прототипирования, а широкий набор инструментов полезных UX-специалистам, таких как средства снятия скриншотов, проведения исследований, рисования диаграмм и т.д. Так, весьма полезна бесплатная программа для записи видео с экрана CamStudio. В отличие, например, от TechSmith Camtasia, она позволяет записывать звук с звуковой карты компьютера, а не только с микрофона (по крайней мере, на некоторых звуковых картах), а также не требует специализированного кодека для просмотра получившегося видео.
Поделиться:
«Состязательное (A/B) тестирование» может избавить людей, ответственных за веб-сайт компании от головной боли, как при создании и поддержании жизнедеятельности сайта учесть пожелания всех: начальника, отдел маркетинга, юзабилистов, и даже симпатичной девушки из приемной (которую не хочется обижать, что ее мнение практически не важно).
С помощью нехитрого программного обеспечения, например Visual Website Optimizer можно провести так называемое «состязательное тестирование» (Split testing, также известное как A/B testing), где каждый участник может легко воплотить свое видение сайта и проверить, как будут реализоваться задачи на деле. После чего в процессе коллективного мозгового штурма, вы наверняка достигнете согласия, а попутно еще и сплотите команду.
Пусть Вас не введет в заблуждение название тестирования. Здесь одновременно тестируется несколько вариантов элементов интерфейса вашего сайта для того, чтобы выбрать наилучший из них.
Killer idea: play the split testing game with your boss and colleagues
An Introduction to Website Split Testing
Поделиться:
Как известно, одним из лучших способов передать опыт является рассказ историй, которые случились в своей практике. Редакторы блога UX Storytellers решили сделать так, чтобы специалисты в области проектирования взаимодействия смогли делиться друг с другом своим опытом. В данном блоге 42 специалиста из разных стран делятся случаями из своей практики, а также всем тем, что показалось им примечательным и полезным. В числе именитых авторов, например, Аарон Маркус, человек, посвятивший 40 лет дизайну и юзабилити.
К текущему моменту на страницах блога накопилось достаточно историй для их издания в виде целой книги. Она доступна бесплатно в формате PDF.
Если вы хотите поделиться своей историей с коллегами по всему миру, то, изложив ее на английском языке, вы можете отдать ее на рассмотрение авторам блога, и, возможно, стать официальным рассказчиком данного блога. Вот каким опытом предлагают делиться с читателями авторы блога:
Блог с UX историями
Бесплатно скачать книгу «UX Storytellers —Connecting the Dots» (PDF – 15,5 Мб)
Отправить авторам блога свою историю
Поделиться:
25 октября стартует UX Марафон 2010, в прошлом году он носил название Юзабилити марафон. Как и в прошлом году, презентации будут проходить в формате онлайн-вебинаров, большинство на английском языке со стенограммой на русском.
Однако на этот раз для вебинаров будет использована другая платформа, которая позволит видеть лицо докладчиков в реальном времени. Главная секция UX Марафона 2010 посвящена Мобильным интерфейсам, вторая секция рассматривает Тенденции будущего. Приглашенные докладчики — являются признанными экспертами из разных стран (США, Дания, Нидерланды, Великобритания, Финляндия, Россия), в их числе Джаред Спул, Рольф Молик и Люк Вроблевски.
Вы можете задавать вопросы докладчикам (на страницах с описанием каждого доклада).
Официальный хеш-тег мероприятия: #uxm.
Поделиться:
9 и 10 октября в гостеприимной Самаре пройдет фестиваль «веб-разработчиков, интернет-деятелей и сочувствующих им» под названием 404. Перечислим доклады, которые могут оказаться интересными для всех, кто интересуется темой юзабилити.
Вот доклады секции Юзабилити:
В секции Дизайн Артем Геллер расскажет про «Доступность сайтов для людей с ограниченными возможностями».
А в секции Организация работы выступит Платон Днепровский с докладом «Как мне надоело работать руководителем». При чем тут юзабилити? Платон руководит именно юзабилити-компанией.
Поделиться:
В последнее время многие западные проектировщики стали использовать как средство прототипирования аналог 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
Поделиться:
На сайте UXmatters появился обзор пока не очень известного, но весьма интересного средства прототипирования: Justinmind Prototyper.
Отличительной особенностью инструмента является наличие модулей, необходимых для работы на самых разных этапах проекта. Justinmind позволяет управлять требованиями к системе, описывать сценарии использования, рисовать статические наброски и динамические прототипы, экспортировать их в HTML и размещать в Сети для тестирования.
Таким образом, это один из наиболее продвинутых по функциональности инструментов прототипирования.
Посмотреть, насколько удобно для Вас будет рисовать прототипы в Justinmind, вы можете, воспользовавшись месячным тестовым периодом. Есть версии как для Windows, так и для Mac OS. К сожалению, для дальнейшего его использования в работе придется уплатить по $690 за каждую лицензию.
Product Review: Justinmind Prototyper
Сайт приложения
Поделиться:
В глубоком детстве, многие из нас не любили кукольные мультфильмы, так как они были не такие «крутые», как рисованные, однако сейчас, понимаешь, что такие шедевры как Варежка многое бы потеряли в рисованном исполнении.
А нынче у владельцев Mac’ов появилась возможность бесплатно использовать кукольную технологию для создания мультипликационных прототипов. В оригинале эта технология называется stop-frame (покадровая съемка). Эту возможность нам дал Крис Ниэль (Chris Neale) — проектировщик взаимодействия из Великобритании.
Для того, чтобы сделать свой прототип, необходимо:
Вот, что получается в итоге:
Другой пример — с голосовыми комментариями:
Уверены, что найдутся люди, которые применят Animationizer не по назначению и создадут свой шедевр кукольной мультипликации!
Сообщение Криса Ниэля о доступности программы Animationizer
Осеннее сообщение, где Крис показывает примеры прототипов и внешний вид своей студии
Поделиться:
Долгожданные новые версии MS Visio и MS Project должны будут появиться в продаже в начале следующего года, но уже сейчас можно бесплатно скачать бета-версии. Для этого нужно только зарегистрироваться и заполнить небольшую анкету.
Новый Визио обзавелся Ribbon-интерфейсом, в нем есть новые средства для быстрого построения красивых и аккуратных диаграмм. Проектировщики найдут в новой версии Visio возможность установки фона страниц, страницы бесконечного размера и другие приятные нововведения.
Те, кто по долгу службы, занимается управлением проектами, вероятно, будут рады новых возможностям более интуитивной и быстрой работы с проектами в MS Project.
MS Visio 2010 (промо-сайт)
MS Project 2010 (промо-сайт)
Дополнение: Параллельно с Visio и Project, которые традиционно распространяются отдельно от остального пакета MS Office, вышла и бета самого «Офиса».
Обзор и обсуждение беты MS Office 2010 в сообществе FriendFeed
Поделиться:
Роман Верник из компании Юзетикс выложил в свободный доступ скрипты, которые он использует при проектировании в среде Adobe InDesign.
Скрипты Романа позволяют выравнивать объекты по сетке и по размеру. Подобные скрипты существенно ускоряют работу проектировщиков. Роман ждет ваших предложений по дальнейшему совершенствованию скриптов или по созданию новых
Ниже видео с демонстрацией того, как это все работает.
Выравнивание по сетке:
Выравнивание размеров объектов:
Массовая вставка элементов:
Скрипты InDesign: выпуск №1
Скрипты InDesign: выпуск №2
Скрипты InDesign: выпуск №3
Поделиться:
Последняя — третья версия Microsoft Blend приобрела массу положительных качеств. Год назад Алексей Копылов писал о предыдущей версии, и подверг ее достаточно суровой критике. Главный вывод — MS Blend не годился для проектирования произвольных интерфейсов, то есть, для тех, которые не будут работать в инфраструктуре Microsoft. Однако, разработчики этот год не сидели сложа руки и реализовали множество интересных возможностей (например механизм sketchflow). Кевин Сильвер (Kevin Silver) поделился своим опытом использования последней версии программы.
| Внедрение Blend в мой процесс проектирования стал для меня откровением. Я наконец-то могу создавать динамические прототипы быстро и просто |
Далее в статье Кевин дает советы, каким образом лучше всего использовать этот инструмент.
Using Expression Blend to Explore, Demonstrate, and Document Design Solutions
Поделиться:
Сервис Pidoco° — это одновременно онлайновый сервис для прототипирования и средство для удаленного модерируемого юзабилити-тестирования.
Гарри Бригнелл пишет:
| Хотя мне пока удалось лишь краткое знакомство с Pidoco° на конференции UX Brighton на прошлой неделе, я был впечатлен увиденным. Они интегрировали инструмент для прототипирования в стиле Axure с инструментом удаленного модерируемого тестирования. Все это по очень конкурентноспособной цене: $45/месяц за базовый пакет. Используя Protoshare (который предназначен только для прототипирования) и Uservue (средство модерируемого тестирования), вы заплатите в сумме около $200/месяц: это почти в три раза дороже! |
При прототипировании Pidoco° позволяет создавать интерактивные элементы страниц, а также рендерить нарисованный прототип с использованием различных скинов: от карандашно-скетчевого до реалистичного. Как средство тестирования, Pidoco° предлагает встроенную VoIP-функциональность и трансляцию изображения с монитора пользователя.
Pidoco° — prototying and remote, moderated user testing — combined! (статья Гарри Бригнелла)
Сайт сервиса
Поделиться:
Стандартная поставка инструмента для быстрого прототипирования веб-сайтов Axure не отличается хорошим ассортиментом готовых интерфейсных элементов и паттернов. Однако поклонники этого продукта работают над этим — количество альтернативных библиотек с интерфейсными элементами растет как грибы после дождя. На сайте Wireframes появился список таких библиотек. Вот пример прототипа на основе библиотеки «A Clean Design»:
Axure Libraries & Widgets Compilation
Поделиться:
Презентация Алексея Копылова и Платона Днепровского с фестиваля 404fest.
|
Разработка сайта это сложный процесс, в который вовлечено много самых разных специалистов. У каждого из них свои рабочие цели и свои проблемы. Создание прототипов пользовательского интерфейса теоретически позволяет всем этим людям понимать, над чем они совместно работают и помогает действовать слаженно. Однако плохой, малопонятный, допускающий разночтения прототип может все испортить – результат не будет достигнут, проект развалится, команда распадется. Что предпринять, где постелить соломки, чтобы не было такого грустного исхода? Как сделать так, чтобы прототип одинаково легко понимался и использовался всеми, кому он необходим? |
Другие презентации компании UIDESIGN GROUP.
Поделиться:
Есть интересная ссылка? Пришли ее нам!