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

Взглянем на ТОП 11 трендов в 2011 году.

1. Больше CSS3 и HTML5

Наконец-то можно вздохнуть с облегчением! CSS3 и HTML5 были на горизонте веб-дизайна последние пару лет, но сейчас, в 2011, мы видим взрыв этих технологий. Дизайнеры начинают уходить от технологии Flash. Вы и так знаете что она не всегда работает хорошо, новые технологии теперь доступны вашим постоянным и потенциальным посетителям. В 2011 вы отойдете от Flash и познаете всю магию HTML5. Просто взгляните на примеры:

Теперь когда вы взглянули на примеры, поймите, что Flash и HTML не равные соперники. Есть достаточно места для обоих в 2011 году. Проблема в том что дизайнеры в 2010 (и ранее) не правильно использовали Flash. HTML5 снимает часть той ответственности, которую мы положили на плечи Flash, однако, HTML5 еще не может заменить отдельные элементы дизайна которые мы можем получить только с помощью Flash.

Возможно, еще более захватывающим является тот факт, что CSS3 в полной мере доступна нам в этом году. Заменеят Photoshop (не-не-не, Adobe еще не ушел на покой), ведь с помощью CSS3 можно легко создать тень для текста или прозрачности картинки. Если вы еще не начали, то самое время погрузиться в изучение CSS3 и HTML5.

2. Простые цветовые гаммы

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

С помощью оттенков зеленого была создана эта примочка для твиттера. Примечание: Этот сайт был создан с помощью XHTML/CSS и Javascript.

Красный может быть довольно раздражающим, если использован неправильно.

3. Mobile Ready

Смартфоны, планшеты, нетбуки, о Боже! Головокружительное количество мобильных гаджетов доступны покупателю в 2011 году. Это значит что веб-дизайн должен быть кроссплатформенным.

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

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

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

4. Параллакс скроллинг

Параллакс скроллинг предназначен не только для олдсульных видеоигр. Как отмечалось ранее, один из трендов на 2011 год — создание ощущения глубины. Что может быть удобней для создания этого ощущения чем параллакс скроллинг? Он использует слои для создания иллюзии трехмерного пространства. Эффекта можно добиться с помощью простых CSS трюков или jQuery плагина Spritely. Самый эффективный вариант использования многоуровневого скроллинга в качестве вторичного элемента дизайна. Например, шапка, футер или фон. Сделав его неотъемлемой частью навигации вы крайне разочаруете пользователя.

5. Проектируйте для тач скрина, не для мыши

Технологии стали намного более осязаемы. Юзабилити преобразовывается из абстрактного в нечто осязаемое. Тачскрин используется планшетами, большинством смартфонов и некоторыми десктопами. Приспособлен ли ваш дизайн к управление пальцами?

Сколько из ваших работ ориентированы на мышь? Как дизайнеры, мы используем непосредственно мышь. Когда мы наводим на ссылки они подсвечиваются (Примечание переводчика: «Если дизайнер не полный «чудак», то подсвечиваются»). Как ни странно у тачскрина нет наведения как такового. Как ваш дизайн покажет пользователю что это ссылка? Что на счет выпадающих меню? Это так же не взлетит при пользовании тачскрином.

Как посетителю ознакомиться с вашим сайтом? Достаточно спорный момент, однако для тачскрин-ориентированого сайта горизонтальная прокрутка может оказаться куда более удобной, чем вертикальная. Идеально вписывается в эту нишу концепция журнала, где посетитель фактически листает странички вашего сайта.

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

Ребенок смотрит на iPad. Фотография Стива Пейна, Flickr

6. Восприятие глубины

Нет, я не говорю сейчас о эфемерном «Я вижу твою чашку кофе и клавиатуру». Суть глубины восприятия — объем, да такой, что некоторые элементы вашего сайта кажутся ближе, чем другие. Это создает отличный 3D-эффект, когда сделано умело. Вспомните каково это смотреть 3D блокбастер «Аватар»? Предметы буквально выпрыгивают из экрана.

Хотя 3D технологии еще толком и не добрались до веб-дизайна, вы можете воссоздать этот объем.

7. Большие фотобэкграунды

Количество больших фонов-тянучек возрастет в 2011. Эти изображения будут выского разрешения и будут покрывать сайт целиком. Большие фото — легкий способ захватить аудиторию. Естественно фоновое фото должно быть связано с контентом. Разместив милую картинку, которая будет выпадать из контекста, вы навредите юзабилити. Тренды говорят нам о том, что лучшим выходом будут слегка прозрачные образы, не бросающие тени на контент, гармонично вписываясь в него.

8. Интересные доменные имена и их использование

Это конечно не самый острый вопрос в веб-дизайн, однако очень хочется увидеть по-больше оригинальных доменов. Когда-то желанное .com потеряло свою привлекательность, в первую очередь потому, чтобы найти свободный домен нужно придумать еще и свой язык, вроде клингонского(баловство переводчика, в оригинале — язык Na’Vi). В 2011 году мы заметим более редкое использование домена .com и учащенное использование таких причудливых доменов как .me и .us. Задумайте о возможностях и хватайте их до того, как они исчезнут.

9. QR: Quick Response

Если вы видели эти квадратные штрих-коды появившиеся на журналах, визитных карточка и еще много где, вы знаете что они — горячий тренд 2011 года. Как это перейдет в веб-дизайн? Удивительно хорошо, на самом деле.

Эти штрих-коды называются QR, коротко от Quick Response. Просто сфотографируйте уникальный штрих-код вашим телефоном, и как по волшебству откроется сайт, к которому этот штрих-код относится. Удобство QR-кодов в том, что есть миллиарды способов их использования. Разместите его на сайте для того, чтобы у посетителей была ссылка на мобильную версию. Так же вы можете отслеживать ваших посетителей через QR-коды, размещая специальный рефералльный код в URL. Когда вы комментируете статьи на сайте, подобном этому, используйте QR-код в качестве аватара.

2011 год весьма «мобильный» и будет полезно использовать эту относительно новую техническую фишку.

10. Превью (миниатюры)

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

Если ваш сайт использует флеш, с превью возникнут проблемы. Превью не будет отображать флешевые элементы дизайна.

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

11. Постоянная связь / Лайфстриминг

Последнее, но не менее важное, это постоянная связь. Интернет по своей сути абсолютно стерильная среда. Мы делаем его человечным, рассказывая о наших жизнях в открытой беседе, ожидая больше личных подробностей. Характерной особенностью блогов и портфолио в 2011 станет полная интеграция с Twitter’ом (больше это не будет просто ссылкой на страничку в нем), а люди все чаще будут говорить вам где они сейчас с помощью Foursquare.

Оригинал: http://webdesignledger.com/tips/web-design-trends-in-2011

Перевод: http://nsamoylov.habrahabr.ru/

Банальности? Да! Но, на мой взгляд, в большинстве интернет-магазинов Рунета можно повеситься, прежде чем ты найдешь то, что искал.

Итак, сначала рассмотрим что и где посетители вашего будущего интернет-магазина будут искать мышкой на экране:

Очевидно, что именно в местах наиболее «черных» и «насыщенных» и стоит размещать элементы страницы.

Исходя из этой информации можно накидать структуру «идеального» интернет-магазина:

Здесь вроде тоже всё понятно. Главное условие — стараемся не удивлять посетителя расположением элементов, это совершенно не нужно!

Регистрация

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

Вот отличный вариант решения этой проблемы:

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

И помните, что по статистике (Статистика от компании interUX) избавление пользователя от обязательной регистрации повышает конверсию на 20-40%.

Поиск

С поиском всё сложнее. Главная Ваша задача — показывать в результатах поиска только нужную информацию.

Рассмотрим пример с books.ru:

Поиск ozone.ru:

Сделайте вывод сами

Спасибо огромное компании Rindo за эту статью.

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

Чтобы этого не случилось мы, в UXDepot, пишем для каждого проекта небольшой документ (пара-тройка страниц, не более), который служит нам верой и правдой на протяжении всей работы по проекту.

В нем нет воды и писанины не по существу. Наоборот — четкие и краткие ответы на несколько необходимых вопросов:

1. Какие цели преследуют создатели проекта?
2. Какие потребности пользователей удовлетворяет проект?
3. Целевая аудитория.
4. Какие возможности будут у пользователя проекта?

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

Во время дальнейшей работы этот документ обычно дорабатывается и слегка корректируется в сторону выбранного курса.

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

Автор: Ярослав Бирзул

Usability.by предоставили материалы с Юзабилити Украина ’10 которые я решил опубликовать здесь тоже.

5-го ноября в конференц-холле Президент-Отеля в Киеве прошла первая всеукраинская конференция Юзабилити Украина`10.

Конференция Юзабилити Украина 2010 закончилась и самое время подвести итоги. С главной задачей организаторы справились – им удалось собрать 250 заинтересованных в теме людей и дать им возможность поделится опытом, обсудить проекты и сделать их лучше и удобнее.

И главную роль в этом сыграли, конечно, эксперты и докладчики из украинских и российских компаний: Алексей Ильин, Алексей Копылов,Андрей Воропай, Сережа Рачок, Юрий Ветров, Евгений Мусиенко, Владислав Флакс и Юля Леонова, Павел Гокин, Ярослав Бирзул, Ольга Марченко, Юрий Пероганич, Роман Рыбальченко, Антон Анисимов, Алексей Мась, Ольга Горенко и Олег Карапузов.
В течение восьми часов они старательно стимулировали мыслительную деятельность огромного количества людей: рассказывали о своих проектах и показывали слайды, комментировали распечатанные участниками страницы на “стене проектов”, отвечали на вопросы и вникали в проблемы участников конференции.

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

Это первое в Украине мероприятие такого масштаба, посвященное вопросам юзабилити.
Организаторы планируют продолжать свою деятельность – проводить конференции и семинары – не только в Харькове и Киеве, но и в других крупных городах Украины.

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

А вот здесь можно посмотреть сами доклады!

Методы и практики

7 Useful Design Strategies for a Successful Pricing Table
Серия принципов, которые позволят сделать страницу выбора тарифного плана более эффективной в продажах. Статья описывает принципы подачи информации и ценообразования в целом.

10 Reasons to Use Color
Connie Malamed, автор книги “Visual Language for Designers”, описывает цели использования цвета в дизайне и интерфейсе. Каждый способ привязан к определенной цели.

Which Types of Form Fields Lower Landing Page Conversions?
Dan Zarella описывает результаты исследования онлайн-форм на более чем 40 000 страницах, в ходе которого были найдены снижающие конверсию поля ввода. Хотя выводы достаточно краткие, сама информация более чем полезная.

Content Strategy Week @ Johnny Holland
Онлайн-журнал Johnny Holland выпустил серию статей, посвященных контент-стратегии. Ее пять основных тем — организация, целостность, понимание, стратегическое планирование и оценка.

8 Principles for Creating UX Poster Deliverables
Jason Wishard описывает восемь принципов работы над постерами, посвященными интерфейсу. Это отличный способ наглядной подачи результатов исследований и хороший итоговый документ для клиента.

Professor Q. Bert — Six lessons from games to bring fun to non-game apps and maximize a positive user experience
Статья Michael Zuschlag, в которой он рассказывает об игровых способах вовлечь пользователя в работу с продуктом. Автор описывает 6 правил, которые позволят сделать приложения и веб-сервисы более вовлекающими.

The Subtle Art of Seduction (презентация Stephen Anderson)
Отличнейшая презентация Stephen Anderson, в которой он показывает массу интересных примеров представления информации, форм и других элементов интерфейса в вовлекающем и эмоциональном виде.

What is User Experience Design? Overview, Tools And Resources
Да, это очередной обзор на тему “что такое user experience”. Но это лучший среди таких обзоров, так что если появляется необходимость объяснить это кому-либо из друзей или коллег — эта статья идеально подходит.

Инструменты

MeeGo UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.

Bada UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС Bada от Samsung. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам —http://friendfeed.com/jvetrau/3876c515.

Free Toolbar Icons for Interface or GUI Designer
Отличный набор черно-белых иконок, который идеально подходит для использования в wireframes. Особенно хорошо то, что они представлены в двух вариантах — черно-белом и бело-черном.

Паттерны

iPad: Scroll or Card?
Oliver Reichenstein из компании Information Architects описывает два основных принципа подачи контента — скроллируемая и слайдовая подача. Он описывает предысторию холиваров на эту тему и дает рекомендации по поводу того, когда и что использовать.

Label Placement in Austrian Forms, with Some Lessons for English Forms
Внимание: к материалу этой статьи нужно относиться скептически — сложно оценить репрезентативность исследования. И все-таки сам поставленный вопрос более чем интересный — насколько удобно и понятно расположение названий полей формы под ними?

Процесс

Interfaith Marriage: Experience Design Meets Agile Development
Larry Constantine описывает хорошие и плохие сценарии работы проектировщика и дизайнера в рамках гибкого процесса разработки. По его мнению, меняться приходится в основном специалисту по интерфейсам, подстраиваясь под существующий процесс. Вторая часть статьи —http://www.informit.com/articles/article.aspx?p=1636984.

Кейсы

Beyond Staggered Sprints — How TheLadders Integrated UX into Agile
Команда проектирования рекрутингового сервиса TheLadders.com рассказывает о том, как менялся процесс работы над интерфейсом в рамках перехода к гибким методикам разработки. Статья особенно хороша тем, что авторы описывают весь путь становления нового процесса, включая все неудачи.

Making Sense of Complex Controls (Ford & IDEO Collaboration)
История о том, как Ford сотрудничал с дизайн-агентством IDEO с тем чтобы привнести в приборные доски автомобилей интерфейсные идеи из современных смартфонов. Первые результаты этой работы будут доступны на рынке в 2011 году.

Теория

Clear Reporting & Critical Thinking — Why User Experience Needs to Remember its Roots in Psychology
Отличная критическая статья Whitney Hess, которая предостерегает проектировщиков и дизайнеров от того чтобы слепо верить “результатам исследований и юзабилити-тестов”. Она рассказывает о том, что нужно знать о методологии и репрезентативности таких исследований.

The Invisibility of Disability
Alexander Dawson предлагает свой способ классификации степеней доступности (accessibility) продуктов. Его классификация хороша тем, что включает в себя не только физические ограничения пользователей.

Research: How Effective is Animation in Showing Temporal Trends?
Enrico Bertini из онлайн-журнала Information Aesthetics описывает результаты исследования компании Microsoft на тему эффективности использования анимации в визуализации данных. И хотя одно исследование не может охватить такую комплексную тему, в нем есть подтверждения эффективности подхода.

Everyone Forgets Memory
Статья Jeremy Britton и Dmitry Dragilev, в которой описывается принцип работы человеческой памяти и ее влияние на работу с интерфейсами. Авторы рассказывают о том, что именно запоминают люди и как использовать эти особенности.

История

Joypad Evolution — Design Patterns and Innovations in Game Controllers
Steve Cable из компании CXPartners подготовил масштабный постер, исчерпывающе рассказывающий историю развития игровых контроллеров. В сопроводительной статье есть несколько интересных выводов.

Тренды

Mobile First (презентация Luke Wroblewski)
Одно из выступлений Luke Wroblewski на тему “сначала проектируем для мобильных”, записанное в рамках LinkedIn Tech Talks. Он также написал обзорную статью на эту тему для издания TechRadar.
В новом окне

Материалы конференций

Design for Mobile 2010
Отчеты, презентации, конспекты и видео с третьей конференции Design for Mobile 2010, проходившей 20-24 сентября в Чикаго.

IDEA 2010
Отчеты, презентации, конспекты и видео с пятой конференции IDEA 2010, проходившей 30 сентября-2 октября в Париже.

User Experience Russia 2010
Презентации и видео с четвертой конференции User Experience Russia 2010, проходившей 6-8 октября в Москве.

Warmgun 2010
Отчеты, презентации, конспекты и видео с первой конференции Warmgun 2010, проходившей 8 октября в Сан Франциско.

via Юрий Ветров

Привожу пост Юрия Ветрова о прошедшей конференции Юзабилити Украина 2010.

В конце прошлой недели, с 5 ноября, в Киеве прошла первая профессиональная конференция “Юзабилити Украина 2010“. Я выступил на ней с докладом “Повысить конверсию или удобство использования? Оба варианта лучше. Кейс с сайтом Московского Кредитного Банка“. Почему бизнесу мало интересно абстрактное “удобство использования”? Презентация рассказывает о том, что сайт для значительной части клиентов — инструмент продаж и в первую очередь необходимо решать коммерческие задачи, оставляя “неподчеркнутые ссылки” на второй заход.

Презентация

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

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

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

Как измерить эффективность вложений в перепроектирование? Для этого существуют метрики, выражающие ключевые показатели в цифрах, и способы подсчета ROI (уровень возврата вложений) на их основе. В презентации дается пример такой калькуляции для метрики “конверсия посетителей в потенциальные клиенты”. Используя условные цифры, делается вывод о том, насколько нужно повысить конверсию для того чтобы вложения в юзабилити как минимум вернулись, а еще лучше — принесли прибыль. После чего рассказывается о кейсе работы над интерфейсом Московского Кредитного Банка, улучшение которого позволило увеличить конверсию по входящим заявкам на 20%.

Впечатления о конференции

Я уже второй раз за последние полгода участвую в киевской конференции (первой был UXCamp.UA 2010) и каждый раз организаторы предлагают интересные форматы. Если в случае с июльским UXCamp это была активная командная работа над реальными проектами, то на Usability.UA 2010 организаторами была предложена “стена проектов” — здесь любой желающий мог разместить распечатки страниц своего продукта и получить комментарии о хороших и плохих сторонах интерфейса. Кроме того, интересным получился конкурс идей для новых турникетов киевского метро, которое как раз отмечает полувековой юбилей.

Отличным экспромтом также получилось живое юзабилити-тестирование сайта TSN.ua, которое мы вместе с Алексеем Копыловым из компании UI Design провели ближе к завершению конференции. Его целью было показать, как не нужно проводить такие тестирования — и мы постарались сделать как можно больше ошибок. В результате получился неожиданный стендап, хорошо повеселивший подуставших к концу мероприятия участников. Этому неожиданно помог ноутбук с системой MacOS, благодаря которому родился мем “сколько нужно юзабилистов, чтобы переключить язык на Маке?”. А также показал, что интерфейсы в первую очередь “привычные и непривычные”, а не “удобные и неудобные”.

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

P.S. Другие материалы и обзоры конференции:

• Фотографии от Usability Ukraine;
• Фотографии от Usabilist.com.ua;
• Отчет от Алекса Федотова;
• Отчет от Сергея Щербака;
• Отчет от Игоря Рудяка;

WUD’09 Russia 

Вот здесь вы найдете 12 записанных докладов.

Спасибо большое Ксении Тайченачевой за отличную статью и обзор инструментов для юзабилистов.

Всемирный День Юзабилити (World Usability Day, WUD) — ежегодный профессиональный праздник специалистов в области человеко-машинного общения, он отмечается ежегодно, начиная с 2005 года, во второй четверг ноября. В этом году он приходится на 11 ноября.

Главный лозунг Всемирного Дня Юзабилити — «Сделай жизнь проще!», а его задача — делать окружающий мир более дружественным к пользователю.

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

Зачем нужно проводить юзабилити тестирование?

• Чтобы получить обратную связь от пользователей (иногда еще на этапе проектирования) и понять, что ожидают люди от сайта и соответствует ли сайт их ожиданиям.
• Чтобы изучить поведение пользователей и выяснить, что работает, а что не работает в дизайне и в интерфейсе ресурса.
• Цель такого исследования — понять, как сделать сайт или веб-приложение проще и удобнее для посетителей.

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

UsabilityHub

На сайте доступны три онлайн инструмента, позволяющие тестировать юзабилити веб-страницы по ее скриншоту:

• Navflow. Приложение позволяет анализировать, насколько легко пользователи ориентируются на странице сайта.
• ClickTest. Выявляет области веб-страницы, на которые пользователи кликают наиболее часто. Результатом теста является карта кликов (heatmap), позволяющая понять, как люди взаимодействуют с интерфейсом сайта.
• Fivesecondtest. Как известно, посетители сайтов не читают веб-страницы с начала до конца, они быстро «сканируют» их на наличие нужной информации. Как только в поле зрения человека попадает ссылка, хотя бы отдаленно напоминающая ту, которую он ищет, он тут же переходит по ней. Пятисекундный тест предназначен для того, чтобы проанализировать, какие элементы страницы привлекают наибольшее внимание пользователей и какие элементы интерфейса наиболее важны для них.

Как это работает?

Выбираем тип теста.

Для примера выбрали пятисекундный тест.

Загружаем скриншот веб-страницы.

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

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

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

Запускаем тест и задаем желательное количество тестеров для страницы. Кода они ответят на вопросы, получаем результаты.

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

У каждого пользователя приложения есть своя «карма». Свежезарегистрированный пользователь получает 20 очков кармы, плюс, за каждую протестированную страничку еще по 1 очку. Сколько очков — столько тестировщиков могут просмотреть ваш скриншот и откомментировать его.

Например, я хочу, чтобы мой скриншот просмотрели 50 человек, но у меня не хватает для этого кармы. Придется поработать….

UserPlus

На этом сайте можно протестировать веб-страницы двумя способами:

• Самостоятельно, с помощью The Advisor Tool.
• С помощью реальных людей-тестеров, инструмент так и называется:The Tester Tool.

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

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

Как это работает?

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

Затем размечаем скриншот элементами интерфейса.

Отвечаем на вопросы check-листа по всем выбранным элементам интерфейса. Список вопросов получается довольно внушительный.

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

Usabilla

Тестирование юзабилити на сайте Usabilla проходит в пять этапов:

• Создаем новый тест: указываем URL сайта, который собираемся тестировать, и язык тестирования. Доступно 20 языков, в том числе русский.
• Указываем страницы сайта для тестирования. Можно загрузить их скриншоты с компьютера или указать путь к ним на сайте.
• Выбираем вопросы, на которые хотим получить ответы от пользователей. Можно воспользоваться стандартными, заранее предопределенными вопросами или сформулировать свои собственные.
• Приглашаем людей, готовых принять участие в тестировании и поделиться своим мнением.
• Программа аккумулирует результаты тестов и отзывы пользователей, а затем предоставляет статистику, сгруппированную в удобном для анализа виде. Тестируемые страницы можно просматривать в виде тепловых карт активности (heatmap).

Видео дает довольно точное представление о том, как работает Usabilla.

Ах, да! Бесплатно можно протестировать две страницы на десяти людях.

СonceptFeedback

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

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

В рунете есть ресурсы, аналогичные ConceptFeedback: re:visionи Russian Creators.

OptimalWorkshop

На сайте OptimalWorkshop можно оптимизировать сайт, используя три разных инструмента:

• Optimalsort. Инструмент, который помогает организовать структуру сайта с помощью метода сортировки карточек.
• Treejack. Приложение для тестирования многоуровневой информационной архитектуры (ИА) сайта. Чтобы начать тестирование, структуру веб-сайта необходимо организовать как таблицу и загрузить в Treejack.
• Calkmark предназначен для тестирования юзабилити веб-страниц. Он помогает понять, насколько просто (или сложно) пользователям сайта находить нужную информацию. Чтобы начать работу, загружаем скриншот веб-страницы и ставим перед пользователями какую-либо задачу. Calkmark накапливает ответы и выдает результаты тестирования в виде тепловой карты кликов (heatmap), а также сообщает среднее время, необходимое для выполнения каждой задачи.

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

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

• OptimalSort: десять участников и 30 карточек за один опрос.
• Chalkmark и Treejack: 10 участников и 3 обследуемые задачи за один опрос.

4Q

Этот бесплатный онлайн инструмент можно интегрировать на сайт. Он создает небольшой опрос посетителей сайта, состоящий всего из 4 вопросов. Вопросы сформулированы таким образом, чтобы можно было выявить наиболее достоверную обратную связь от пользователей.
Интегрируется с Google Analytics и доступен на 10 языках, хотя русского, к сожалению, среди них пока нет.

Feng-GUI

Feng-GUI имитирует взгляд пользователя в течение первых 5 секунд воздействия визуального эффекта. Это приложение создает карту движения глаз по странице (heatmap) на основе алгоритма, который предсказывает, на что, скорее всего, будет смотреть реальный человек.

Прямо на главной странице сайта можно загрузить скриншот и увидеть вероятные области повышенного внимания посетителя.

Userfly

Добавление кода Userfly на сайт позволит записывать на видео поведение пользователей и получать интересную и полезную информацию о том, как они взаимодействуют с веб-страницами.

Видео на главной странице сайта хорошо иллюстрирует, как это работает.

ClickHeat

Это бесплатное программное обеспечение с открытым кодом интегрируется на сайт и создает визуальную тепловую карту кликов (heatmap) посетителей веб-страницы. А так как код ClickHeat находится непосредственно на сервере, то карта отражает результат работы реальных пользователей сайта.

Вашему вниманию предлагается перевод статьи с сайта Techcrunch о том, как компании-разработчики социгр создают Playbook’и – своеобразные сборники рецептов и схем, следуя которым можно создавать «супер-пупер-крутые» игры.

Пока Zynga шифруется, SCVNGR (разработчик социгр для мобильных платформ) натуральным образом «раскрывает карты».

Проект «Playdeck» от SCVNGR – это «колода карт, в которой описано около 50 различных игровых механик, которые могут смешиваться, создавая фундамент для различных видов игр»

«Игровая колода SCVNGR пытается разложить игровую механику на составляющие части. Некоторые элементы – «достижения», «статусы», «виртуальные товары» являются базовыми. Однако существуют и более сложные: «механика назначенной встречи» (пользователь должен вернуться в определенное время и выполнить действие, чтобы получить награду, как в Farmville), «бесплатный обед» (игрок получает что-то благодаря усилиям других людей, как в Groupon), «весело однажды – весело всегда» (простейшее действие, поддерживающее минимальный уровень удовольствия независимо от того, сколько раз оно выполняется), и «Теория постепенной подачи информации» (выдача информации по капле, чтобы заставить игрока томиться догадками и двигаться по сценарию дальше)».

«Некоторые из механик интересны для общего понимания теории игровой динамики («эпические победы», социальная структура игр). Многие из этих концепций общеизвестны – они были собраны для колоды SCVNGR со всех уголков интернета и почерпнуты из опыта известных деятелей (Jane McGonigal, Ian Bogost и Jess Schell), а также из материалов сайта Gamasutra.com, некоторые используются только в разработках компании и могут не сработать вне проектов SCVNGR.»

Колода игровых механик от компании SCVNGR

Определение: Виртуальное или материальное выражение результата выполнения действия. Достижения часто рассматриваются как награда, либо сами по себе.
Пример: Медаль, уровень, вознаграждение, очки… наградой будет все, что может считаться таковой.

Определение: Механика, в которой, для достижения успеха, нужно вернуться в игру в определенное время для совершения некоего действия. Механика назначенной встречи зачастую тесно связана с интервальным графиком вознаграждений или механикой избегания (читай ниже).
Пример: Cafe World и Farmville, в которые нужно возвращаться в назначенное время, чтобы сделать что-то хорошее, а если этого не сделать – случится что-то плохое.

Определение: Акт стимулирования игрока не наградой, а избеганием наказания. Помогает поддерживать постоянный уровень активности согласно задуманному разработчиком расписанию.
Пример: Нажимайте рычаг каждые 30 секунд во избежание шокового удара.

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

Определение: Склонность игрока продолжать делать то, что он делал.
Пример: в одном из своих выступлений Jesse Schell написал: «Я десять часов проиграл в Farmville. Я умный человек и не потратил бы 10 часов на что-то бесполезное. Стало быть, это полезно, и я могу продолжить играть дальше».

Определение: Идея в том, что в процессе игры мы чувствуем себя счастливее трудясь, чем отдыхая. Собственно, все человечество эволюционировало в ходе выполнения работы за вознаграждения.
Пример: Jane McGonical, выступая на конференции TED, отметила, что игроки World of Warcraft играют в среднем по 22 часа в неделю, зачастую после полного рабочего дня, и сделала вывод, что они готовы упорно трудиться, возможно, даже усерднее чем в реальной жизни, ради вознаграждения за усилия в игровом мире.

Определение: Теория, согласно которой для полного понимания игры информация игроку должна выдаваться минимальными дозами.
Пример: Демонстрация, первым делом, базовых действий, а затем – открытие доступа к другим, более сложным.

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

Определение: Игровой механизм, в котором все сообщество объединяется для совместного поиска решений загадок, преодоления преград и брошенных игрой вызовов. Обладает ярко выраженным «вирусным» эффектом.

Определение: Игры, в которые можно играть на разных платформах.
Пример: Игры, в которые можно играть на iphone, facebook, xbox без изменений в геймплее.

Определение: Проблема, которую игрок должен преодолеть в рамках сценария вознаграждений (состоящего из трех частей: «Случайное событие», «Усиление» (пункт 36) , «Реакция на событие» (пункт 37)).
Пример: 10 орков блокируют вам путь.

Определение: Ситуация, для решения которой игрокам дается ограниченное количество времени. Данный метод позволяет резко повысить уровень активности игрока, по сравнению с его первоначальной активностью (но только на определенный период времени).
Пример: В Bejeweled Blitz игроку дается 30 секунд, чтобы заработать как можно больше очков. Также к данной механике относятся: бонусные уровни, уровни на время.

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

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

Определение: Игры без концовки. Чаще всего встречается в социальных и казуальных играх, которые могут развиваться вечно, либо к играм, где статическое (но позитивное) состояние само по себе является наградой.
Пример: Farmville (победа в постоянстве вещей), SCVNGR (загадки и головоломки беспрерывно создаются сообществом, таким образом, игра постоянно обновляется и не имеет окончания).

Определение: Желание обладать тем, чем владеют другие игроки. Чтобы этот механизм работал, необходимо давать игрокам возможность посмотреть, что есть у друга/соседа (эксплуатируется тяга индивидуума к вуаеризму).
Пример: у моего друга есть эта вещь, и я ее хочу!

Определение: Игроки будут в высшей степени мотивированы, если будут считать, что создают нечто великое, впечатляющее, что-то намного более важное, чем они сами.
Пример: Из выступления Jane McGonical на конференции TED, в котором она упоминает мир WoW. Wikipedia – крупнейшая Вики в мире, а вот второй по размерам Wiki является база статей по World of Warcraft в которой насчитывается более 80 тысяч статей написанных игроками и более 5 миллионов посетителей в месяц которые читают, дополняют и корректируют имеющиеся материалы.

Определение: Термин, обозначающий прекращение предоставления награды. Цель данного метода – вызов в игроках злости. В качестве побуждающего мотива используется чувство обиды из-за отсутствия ожидаемой награды. Этот метод снижает общую пользовательскую активность.
Пример: Убийство 10-ти орков больше не дает новый уровень.

Определение: Вознаграждение выдается постоянно, после определенного промежутка времени, скажем, в 30 минут. Отличительной чертой этого механизма является снижение уровня активности после получения игроком награды, а затем – к постепенно возрастающей активности на время выдачи вознаграждения, после чего следует очередная пауза в активности игрока.
Пример: Farmville, подождите 30 минут – и ростки появятся.

Определение: Механизм, согласно которому игрок получает вознаграждение после выполнения определенной цепочки действий. Применение данной механики поначалу снижает активность игрока (поскольку совершение первого действия не дает награды), однако, затем активность играющего повышается, по мере того как вознаграждение становится все ближе и ближе.
Пример: Уничтожьте 20 крейсеров – и получите уровень, посетите 5 локаций – и заработайте медаль.

Определение: Сценарий, в процессе которого игрок чувствует, что получает что-то бесплатно, потому что кто-то другой выполнил его работу. Очень важно, чтобы работа воспринималась выполненной (просто не самим игроком), во избежание потери доверия к сценарию. Игрок должен чувствовать, что ему «повезло» с чем-то.
Пример: Groupon. Благодаря тому, что 100 других людей осуществили сделку, вы получаете ее задешево. Нет незавершенности, потому что вы узнаете, что работа была сделана (100 человек потратили деньги), но вам самим не пришлось этим заниматься.

Определение: Концепция, согласно которой действие доставляет игроку удовольствие вне зависимости от количества его повторений. Как правило, это относится к простым действиями.
Пример: По данной концепции создаются задания для игроков, состоящие из поиска и «посещений» определенных локаций, запусков игровых механизмов.

Определение: вознаграждения, выдающиеся по истечении определенного времени. Есть две разновидности: переменные и постоянные.
Пример: Подождите N минут – и соберите арендную плату.

Определение: Игровая динамика, в которой победитель определяется случайным образом. Создает высокую заинтересованность игроков в «шаровой» награде. Справедливость такой методики несколько сомнительна: победители, как правило, продолжают играть неопределенное количество времени, в то время как проигравшие, в обиде, быстро покидают игру, несмотря на случайный характер распределения призов.
Пример: Многие виды азартных игр, лотерейные билеты.

Определение: Механизм создания лояльной аудитории посредством налаживания духовной связи игрока с игровым миром. Достигается с помощью внушения игроку чувства причастности к игровому миру (к примеру, обладанием личной собственностью в игре). Зачастую подкрепляется особыми визуальными образами, заметными другим игрокам; статусами или особыми наградами.
Пример: Преданность вассалов в WоW. В реальном мире: особый статус клиента в заведении (портрет на стенде «любимые клиенты заведения»).

Определение: Игра, встроенная внутрь основной игры. Такие игры обычно находятся случайно игроками, и не афишируются разработчиками (чтобы не вызывать путаницы) и, как правило, в них играет около ~2% основной аудитории. Они несут опасность, так как могут вызвать неразбериху (если будут легко обнаружены), но интересны разработчикам тем, что игроки получают большое удовлетворение, находя подобные сюрпризы.
Пример: Спрятанные квесты/достижения в мире Warcraft, требующие совершения специальных (неочевидных) действий по мере прохождения других квестов.

Определение: Отдельные рейтинги для мини-игр. Хороши для игр с несколькими разнообразными игровыми механизмами, если вы хотите проводить много мини-соревнований. Также, такая диверсифицированная система наград помогает повысить лояльность игроков (больше возможностей получить награды).
Пример: Будь лучшим игроком в баре Джо на этой неделе – и получи бесплатную закуску.

Определение: Артефакт, который при использовании влияет на результат других действий. Как правило, модификаторы зарабатываются после выполнения серии заданий или ключевых действий.
Пример: Модификатор X2, удваивающий очки во время следующего совершаемого действия.

Определение: Риск того, что принудительно раздавая награды игрокам, вы стираете «удовольствие от выполнения действия» и замещаете его «удовольствием от получения игровой награды». Предоставляя слишком много стимулов для совершения действия, можно уничтожить чувство удовольствия, получаемое игроком от принятия решений. Как следствие, если забрать все очки и награды, игрок потеряет мотивацию для совершения (изначально увлекательного самого по себе) действия.
Пример: Перефразируя Jesse Schell, «Если я буду давать вам бонусы каждый раз, когда вы чистите зубы, вы в итоге перестанете чистить зубы из-за того, что это полезно, и будете делать это только за бонусы. И если бонусов не станет, ваши зубы развалятся».

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

Определение: Чувство обладания и радость за свое достижение.
Пример: Я собрал 10 медалей. Они мои. Таких медалей много, но эти – мои. Ура!

Определение: Идея заключается в том, что у игрока всегда есть информация не для посторонних людей. Условие распространить данную информацию может стать как демотиватором (я не буду выполнять действие, потому что не хочу делиться этим), так и мотиватором (поделившись этим, я укрепляю свои позиции).
Пример: Весы, ежедневно публикующие ваш вес в Twitter (это пример из жизни, он является проверенным мотиватором для соблюдения диеты). Или публичная трансляция вашего местонахождения каждый раз, когда вы что-то делаете (это вторжение в личную жизнь, и данного метода, в идеале, стоит избегать).

Определение: Механизм, который отображает рост игрока в процессе выполнения игровых задач.
Пример: Индикатор, отмечающий прогресс пользователя, от паладина 1-го уровня до 60-го.

Определение: Награда предоставляется после выполнения серии действий. Есть две разновидности: переменная и постоянная.
Пример: Убейте 10 орков – получите прибавку к силе.

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

Определение: Вознаграждение, выдаваемое в случае, если ожидаемое действие осуществляется в рамках сценария вознаграждений (состоящего из трех частей: «случайное событие», «реакция на событие» и «усиление»).
Пример: Получение уровня после убийства 10-ти орков.

Определение: Вознаграждение, выдаваемое за действие игрока в рамках сценария вознаграждений (состоящего из трех частей: «случайное событие», «реакция на событие» и «усиление»).
Пример: Игрок выполняет действие для убийства 10-ти орков.

Определение: Сроки и механизмы, посредством которых вознаграждения (очки, призы, повышение уровня) доставляются игроку. Сценарий вознаграждений состоит из трех основных частей: «случайное событие», «реакция на событие» и «усиление».
Пример: Получение уровня за убийство 10-ти орков, очистка строки в Тетрисе, получение новых ростков в Farmville.

Определение: Реальный приз (обладающий реальной стоимостью), который может быть выигран любым игроком, если тот соответствует определенным требованиям.
Пример: Быть первым в чем-то.

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

Определение: Идея в том, что люди нравятся друг другу сильнее после совместной игры, они начинают больше доверять друг другу и сплачиваются.
Пример: Jane McGonicgal на конференции TED заявила, что совместная игра требует высокой степени доверия между людьми, т.к. игроки проводят много времени вместе, играют по одним правилам, преследует общие цели.

Определение: Ранг или уровень игрока. Игроков можно успешно мотивировать более высокими уровнями или статусами.
Пример: Белый паладин 20-го уровня в WоW (то есть, не просто паладин 20-го уровня, а _белый_ паладин 20-го уровня).

Определение: Крайняя степень самомотивации. Желание действовать безотлагательно для устранения препятствия в сочетании с верой в свой успех.
Пример: Идея в том, что в правильных играх «эпическая победа» или просто «победа» достижимы, а значит, они стоят того, чтобы за них побороться.

Определение: вознаграждения, которые выдаются не в четко обозначенный час, а в пределах определенного срока. Данный механизм позволяет создать довольно высокий уровень пользовательской активности, при этом всплеск активности происходит не взрывообразно, а размеренно и протяжно, так как игрок может получить награду в любой момент, но не знает, когда именно. Этот механизм защищен от резкого спада активности игроков, но и не может дать максимальных показателей, из-за отсутствия четкого срока выдачи наград.
Пример: Подождите примерно 30 минут – и появится новое оружие. Возвращайтесь так часто, как пожелаете, но это не ускорит процесс. Как правило, игроки не врубаются в эту идею.

Определение: вознаграждения, которые выдаются в награду за выполнение неявной цепочки действий. Данный механизм повышает количество выполняемых игроком последовательных действий (так как после каждого нового действия всегда может следовать награда), но никогда не порождает взрывной активности последовательно выполняемых цепочек, как в случае с механизмом «вознаграждения за выполнение определенной цепочки действий», ввиду неочевидности действия для получения награды. Из очевидных плюсов использования – активность пользователя после выполнения ряда «стандартных» действий и получения приза за них снижается не так стремительно (игрок надеется заработать что-то большее).
Пример: Потопите примерно 20 кораблей – и получите уровень. Посетите несколько локаций (около 5-ти) и получите медаль.

Определение: Части игры, сыграть в которые можно лишь пригласив большое количество людей (или в которые играть лучше и веселее вместе с другими людьми).
Пример: Farmville. Вы станете успешнее, если привлечете в игру новых людей.

Определение: Цифровые подарки, награды, объекты, найденные или взятые в процессе прохождения игры. Часто эти товары могут продаваться или дариться.
Пример: Товары в Gowalla, подарки в Facebook, медальки.

Оригинал: http://techcrunch.com/

Перевод: http://inwebwetrust.org/

Методы и практики

Dancing with the Cards — Quick-and-Dirty Analysis of Card-Sorting Data
Shanshan Ma рассказывает об интересной технике при использовании карточной сортировки — с помощью удобной и наглядной матрицы она позволяет сортировать и группировать близкие друг к другу варианты. Помимо того что это полезный в работе инструмент, итоговый результат еще и отлично походит для презентации клиентам.

The Power of PET Design in Action
Простое, но очень эффектный демонстрационный ролик, в котором Spencer Gerrol пошагово показывает способы улучшения представления информации на сайте туристической компании. Эти шаги позволяют превратить простой информационный блок в продающий и завлекающий клиентов.

Three Reasons Why Persuasive Design Isn’t Enough to Influence Change
Статья Collen Jones об ограничениях “убеждающего дизайна” — практики, которая в последние несколько лет стала особенно актуальной. Она приводит три причины, по которым этот подход еще не до конца зрел и требует более глубокой проработки.

Recruiting Participants for Unmoderated, Remote User Research
Jim Ross из компании Electronic Ink Philadelphia дает серию советов о том, как подбирать респондентов для удаленного немодерируемого юзабилити-тестирования. Он рассказывает о самом процессе, его основных методиках и инструментах, которые помогут найти испытуемых.

What’s the real value behind UNMODERATED remote user testing?
Специалисты компании Userzoom, предлагающей онлайн-инструмент для немодерируемого юзабилити-тестирования, развенчивают мифы об этой методике. Они приводят примеры из практики, ссылаются на опыт работы собственного продукта и отвечают на десяток вопросов по теме.

Recommendations for Usability in Practice
Jasper van Kuijk собрал коллекцию практических рекомендаций по улучшению юзабилити, которые легли в основу его докторской диссертации. Хотя многое из этого слышано уже не раз и достаточно очевидно, сама по себе подборка достаточно полезна.

Инструменты

Review App — Drag, Drop, Review
Приложение для iPhone, которое позволяет быстро тестировать дизайн мобильных приложений на экране телефона. Оно учитывает и старые экраны, и новый retina display. Программа выполняет схожие задачи с выпущенной ранее LiveView.

Паттерны

Testing Accordion Forms
Один из главных специалистов по онлайн-формам, Люк Вроблевски, описывает результаты эксперимента с представлением форм виде “аккордеона”. Итоги проведенной серии юзабилити-тестов обнадеживающие — пользователь видит меньше ненужной “здесь и сейчас” информации, не ждет загрузки новых страниц, не теряет фокуса.

So You Wanna Build a Library, Eh? The Big Questions to Ask Before Building a Pattern or Component Library
Статей о построении библиотеки паттернов написано за последние годы много, но эта — одна из лучших. Nathan Curtis из компании EightShapes описывает важные этапы процесса, которые позволят не просто создать, но и эффективно использовать на практике такую библиотеку.

Процесс

8 Must-see UX Diagrams
Andrew Maier собрал вместе одни из наиболее известных диаграмм процесса проектирования интерфейсов — от классических “сот” Peter Morville и “элементов” Jesse James Garrett до сравнительно свежих постеров.

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

Кейсы

iPhone App Designs Reviewed — Critique Board and Lessons Learned
Александр Комаров опубликовал серию экспертных оценок интерфейса приложений для iPhone. Он разбирает дизайн трех продуктов и дает советы по их улучшению.

Теория

Playing Hard to Get — Using scarcity to influence behavior
Stephen P. Anderson рассказывает о том, как использовать дефицит для вовлечения пользователей в работу с продуктом. Он рассказывает о причинах, по которым этот трюк работает, и приводит несколько примеров из практики.

ROIs on PhDs — How much are trailing letters worth to you?
Kath Straub пытается выяснить, стоят ли того усилия, затраченные на получение степени доктора наук для специалистов по юзабилити. Она исследует два основных повода — повышение авторитета в профессиональном сообществе и большую зарплату.

Improve Site Usability by Studying Museums
Alexander Dawson собрал отличную коллекцию примеров из музейной практики, которые хорошо применимы при построении интерфейсов. Они описывают навигацию, подачу материала, системы помощи и другие схожие моменты.

Children’s Websites — Usability Issues in Designing for Kids
Jakob Nielsen рассказывает о результатах проведенного его компанией исследования поведения детей 3-12 лет в интернете. Статья рассказывает об особенностях их работы с сайтами, сравнивает поведение детей и взрослых, делает выводы об изменениях по сравнению с предыдущим исследованием.

The Space of Design
Hugh Dubberly описывает несколько моделей процесса проектирования и дизайна, отдельно останавливаясь на дизайн-матрице Jay Doblin. Она позволяет смоделировать производительность и эстетику продуктов, унитарных систем и сложных систем.

Juicy Stories Sell Ideas
Статья Whitney Quesenbery и Kevin Brooks об использовании историй при проектировании интерфейсов и том, как они помогают продавать товары, услуги и идеи. Они описывают процесс в целом и приводят несколько примеров из практики.

История

Essential Interaction Design Essays and Articles
Dan Saffer опубликовал подборку ключевых статей и публикаций за последние полвека, которые являлись поворотными и просто важными для дисциплины проектирования интерфейсов. В списке несколько десятков статей от классики Vannevar Bush и Paul Fitts до современных публикаций.

A Brief History of the Magic Number 5 in Usability Testing
Jeff Sauro пытается проследить источники появления правила юзабилити-тестирований “достаточно 5 пользователей”. Статья приводит цепочку событий начиная с 1981 года, которые повлияли на появление правила.

Тренды

SCVNGR’s Secret Game Mechanics Playdeck
Erick Schonfeld описывает принципы игровой механики мобильного социального приложения SCVNGR. Это колода из 50 карт, каждая из которых обозначает определенную технику вовлечения и позволяет сделать продукт более интересным. Кстати, доступен ее русскоязычный перевод.

Материалы конференций

EuroIA 10
Отчеты, презентации, конспекты и видео с конференции EuroIA 2010, проходившей 23-25 сентября в Париже.

mobileHCI 2010
Отчеты, презентации, конспекты и видео с конференции mobileHCI 2010, проходившей 7-10 сентября в Лиссабоне.

UX Australia 2010
Отчеты, презентации, конспекты и видео с конференции UX Australia 2010, проходившей 25-27 августа в Мельбурне.

И конечно это продолжает нас радовать своими обзорами Юрий Ветров. Огромное ему спасибо за это!