Мы провели исследование рынка, оказалось, что рынок реально есть. Потом узнали что будет DOU MIXER и решили развить идею там. Разделили обязанности, на мне исследование для будущего проекта, а на Руслане презентация. Пару раз встретились и составили план презентации. В итоге я сделал небольшой HTML прототип, придумал лого, а Руслан презентацию.

Я и Руслан

DOU Mixer начался в пятницу вечером на 20 этаже Горизонт Парк, пошли презентации идей, на все про все 2 минуты. Идей было около 30! Презентовались вместе с Русланом. Некоторые идеи уже приходили с готовыми командами. У нас изначально команды не было, но было желание и вера в нашу идею. После презентаций идей присутствующие разбивались на команды: некоторые идеи набирали команды, некоторые нет. Нам повезло! Наша идея набрала разработчиков. Мы собрали команду, мы еще раз рассказали идею, я показал прототип, определились с планом работ. Определили задачу минимум и задачи максимум. Разъехались.

На утро субботы собралась в Горизонт Парк вся команда. Команда у нас очень крутая, никто не подвел, всё что обещали, все делали. Начали работать, написали задачи. К нам приходили менторы давали свои дельные советы, за что им огромное спасибо. В Горизонт Парк был вкусный обед и ужин. Нужно сказать, что организаторы нас обеспечили всем необходимым: кофе, печенье комнаты для работы, интернет… В работе прошла суббота. Работали до 24.00.

Команда проекта: Киллево Даниэль, Лабунский Женя, Жакупов Руслан, Шаваран Александр, Карапузов Олег, Кузняк Александр

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

• Исследование времени «входа» на сайт.
• Полезные ссылки выпуск №3
• Korrespondent.net ложка дегтя

• Битва с самым худшим интерфейсом в мире
• Новая операционная система Windows8
• Как создавать ссылки в Axure RP

И в наш день мы желаем вам удобных интерфейсов!

А к тем кто не сделает интерфейсы удобными придем мы!

• User Experience Ukraine-2011
• Бесплатная библиотека для Axure RP «Цветное меню».
• Кто ходит в SEO по утрам?

По данным IMRG / Capgemini покупатели Великобритании потратили онлайн 13,16 миллиардов фунтов за последний квартал 2008 года, что на 15% больше, чем в последнем квартале 2007 года.
С другой стороны, статистика Jupiter Research за сентябрь 2007 года показывает, что 42% из 1179 опрошенных онлайн-покупателей покинули ресурс не осуществив покупку потому, что они не смогли найти ответы на вопросы о товаре, который уже был добавлен ими в корзину.

Что и почему мы хотели сделать.

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

•  контент страницы (описания продукта, доставка);
• непосредственно дизайн (шрифты, цвета);
•  функции (рекомендации, отзывы);
•  разметка страницы (два столбца или все таки три)

Страницы каких продуктов мы сравнивали?
Для этого исследования были выбраны продукты 6-ти из 10-ти крупнейших интернет-магазинов Великобритании на 2008 год. В них вошли:

•  Amazon
• Argos
• Tesco Direct
• Play.com
• M&S
• John Lewis

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

Как мы это делали?
Три сайта (главные страницы) были случайным образом выбраны и показаны каждому из участников, при этом каждый сайт в общей сложности был показан одинаковое количество раз. Участникам предлагалось найти любой (на их выбор) товар либо то, что они собирались купить.
Мы слушали комментарии участников по поводу онлайн шоппинга, наблюдали за их действиями и анализировали движения их глаз.

Что мы обнаружили:

Принцип 1. Призыв к действию должен быть очевидным.

Основной призыв к действию на странице продукта это добавить продукт в корзину. Следовательно, он должен быть хорошо видимым визуально и быть похожим на кнопку. Участники отметили, что на странице Tesco Direct для них было не понятно где они должны кликнуть чтобы купить товар так, как функция «Добавление в корзину» не в виде кнопки и плохо выделена визуально. Аналогичные замечания были сделаны и о серой кнопке на ресурсе John Lewis, которая такого же цвета как и другое содержимое страницы.
С другой стороны участникам было легко добавлять товары в корзину на сайте M&S, потому что кнопка визуально привлекает своим ярким цветом:

Принцип 2. Краткое описание продукта лучше представлять в виде маркированного списка.

Участники хотели чтобы описание продукта помогло им сделать выбор «покупать или нет». Кроме того, они ожидали увидеть «теплые» слова, которые бы поощряли их покупку, а не просто констатацию факта, что они что-то купили.
Пользователи также предпочитали, чтобы информация о продукте была в виде маркированного списка для быстрого сканирования текста, как сделано на сайте Argos. Представление описания в виде параграфов не только загромождает страницу, это так же требует больших усилий покупателей найти те детали, которые им нужны.
Участник прокомментировал страницу Tesco Direct так: «Это выглядит скучно и текст тяжело читать».
Участники предпочитают, чтобы все детали были показаны на одной странице (как у John Lewis и Amazon), а не в виде вкладок (как у Argos и Tesco Direct) так, как переключения вкладок это дополнительные действия для пользователей:

Принцип 3. Представляйте картинки товара только в хорошем качестве.

Первое на что всегда смотрели покупатели — фотографии товара, независимо от того, где они распложены на странице (ниже картинка «движения глаз»).

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

Принцип 4. Используйте простоту в расположении элементов.

Большинство участников предпочли видеть картинку продукта слева, а описание продукта справа (например, как у M&S).
Ресурс John Lewis имеет достаточно хорошее расположение элементов и отображается только важная информация. Участники просмотрели весь контент на странице, независимо от продукции (одежда, бытовые/цифровые товары и т.д.), которую они искали: «Мне нравится. Просто, стильно и не загромождено».
Тем не менее все участники пропустили раздел «Вами просмотренные товары» в нижней части страницы товара John Lewis. Они прокручивали вниз, но останавливались, когда заканчивалась секция контента, и прокручивали обратно вверх. Это потому, что секция «Вами просмотренные товары» визуально отделена от всего остального контента и поэтому выглядит как конец страницы. Но, в общих случаях вертикальная планировка призывает пользователей прокручивать страницу вниз:

Принцип 5. Не используйте длинные страницы.

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

•  «Даже если я прокручу вниз, я не буду на них смотреть» (про Amazon)

Ресурсы Play.com и Amazon оба имеют очень длинные страницы с продуктами (страница Amazon примерно в 8 раз длиннее чем Tesco Direct). Участники использовали фразу «пытаешься, но очень трудно» чтобы описать эту страницу. Участники видели только 2/3 всей страницы и полностью игнорировали остальную 1/3.

• «Не знаю, где она начинается и где заканчивается. Нужна концентрация чтобы прочитать» (про Play.com)
•  «Я просматривал только верхнюю часть страницы так, как знаю, что они выбрасывают бесполезную информацию вниз страницы, особенно в случаях таких длинных страниц. Так что я игнорировал их.» (про Amazon).

Принцип 6. Указывайте только необходимую информацию о продукте.

Не перегружайте покупателей. Указывайте только важную информацию относительно тех продуктов, которые продаете.
Не очень хорошая идея выбрасывать всю имеющуюся информацию на покупателей и давать им право выбора, что именно они хотят знать о продукте. Лучше досконально изучить товар и предугадать что захотят о нем знать покупатели.
Пользователи очень легко игнорируют либо пропускают информацию, которая может быть важна для них, когда на странице продуктов находится слишком много информации. На ресурсе Amazon участники исследования не прокручивали вниз страницы, где были размещены отзывы клиентов. Таким образом, они упустили такую важную информацию как обсуждения и отзывы клиентов, а так же раздел «Просмотрите похожие товары».

Принцип 7. Расставляйте акценты на важный контент.

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

Принцип 8. Избегайте размещения важной информации не на приоритетных участках.

Когда пользователи находится на странице продуктов его основная задача заключается в понимании того, что это за продукт и как его можно купить. Пользователи не любят когда их отвлекают от их цели, поэтому они просто блокируют информацию, которая, как им кажется, не поможет я решении их задачи. Таким образом, все участники полностью проигнорировали левую и правую колонки на сайте Play.com, особенно когда на ресурсе информация о продукте находится вертикально в одну колонку. Однако, когда на странице продукты расположены в 3 колонки (2 колонки предназначены для информации о продукте), участники были более склонны обратить свое внимание (хотя и не намного) на левую колонку так, как на сайтах M&S и John Lewis:

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

Принцип 9. Обеспечьте достаточно пространства и не злоупотребляйте цветами.

Ресурс M&S пересыщен информацией: рядом с картинкой продукта справа находится имя продукта, цена, код продукта, рейтинг, обзоры, описание продукта и информация о его наличии. Более того, все шрифты одинакового размера и между ними недостаточно белого пространства. Этот раздел выглядит перенасыщенным и участники, как только не могли найти нужную им информацию, игнорировали его.
Цвета используемые на странице отвлекали участников. Tesco Direct использует больше 5-ти цветов для шрифтов:

• Красный для цены
• Черный для контента
• Зеленый для «Добавить в корзину»
•  Голубой для вкладок с этикетками
•  Серый для некоторых ссылок

Это сбивало с толку участников и увеличивало визуальный беспорядок:

Принцип 10. Избегайте требования клика если хотите, чтобы пользователь прочел информацию.

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

Итог.

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

Перевод Натальи Лейви.

• Воздушный интерфейс будущего
• Обзор политики в интернете
• 7 решений, которые помогут успешно продавать юзабилити

Для тех кто делает только первые шаги в Axure RP мы создали короткое видео о том как создавать ссылки.

• 20 рекомендаций для прототипирования в Axure RP Pro
• Бесплатная библиотека для Axure RP «Цветное меню».
• Отчет о конференции «User Experience Ukraine 2011»

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

Советы

У меня есть только два правила. Мое первое правило: будьте ленивы.
В течение многих лет практики я стал поклонником этого правила. Но почему лень — хороший атрибут в проектировании? Потому что это препятствует созданию идиотских симпатичных вещей. Несомненно, некоторые из этих симпатичных вещей могли бы быть просто блестящими, но большинство из них плохо повлияет на эргономичность продукта или займет много вашего времени и ни к чему толковому не приведет. Точно так же как в эволюции есть много мутаций, но только очень немногие из них фактически будут полезны.
Я также узнал для себя, что быть ленивым является своего рода фильтром для того, чтобы добавить новые особенности к UX-дизайну продукта. Когда я думаю о чем-то новом, что добавить или улучшить, я обычно сразу делаю пометку об этом, но затем откладываю в сторону. Если несколько человек, которые тестируют продукт, предлагают ту же самую функцию, то вполне возможно это было хорошей идеей. Как только у меня есть обоснования для идеи, я мотивирован и избавляюсь от лени, чтобы реализовать новшество.

Мое второе правило: копируйте хороший UX-дизайн, когда встречаетесь с таковым.
Это легкая задача. Все делают это, но я подозреваю, что большинство людей чувствует себя неудачниками при этом. Я призываю воспользоваться подражанием. Если вы видите продукт, который обладает отличным UX-дизайном, скопируйте материал и подгоните его под себя. Каждая первоклассная игра-шутер — копия оригинала 3-D Волфенштайн. Я очень рад, что никто в Bungie не думал, что их назовут плагиатчиками, когда те создали Halo.

Замечания в beta-версии

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

В конечном счете, я решил внедрить обратную связь для замечаний непосредственно в продукт. Теперь люди смогут протестировать что-то и затем в какой-то момент я посажу их у экрана и сделаю опрос по да/нет, или правда/ложь вопросам с полями для ответов. Другими словами я улучшил UX-дизайн для тестировщика бета-версии. Вместо того чтобы просить писать мне по электронной почте свои замечания, я помещал их в среду с конкретными вопросами. И отвечая на эти вопросы, они будут вдохновленно писать объяснения.
Это то, что вы тоже можете включить в производство. Я экспериментировал с произвольно появляющимся окном обратной связи по окончанию игры. Но уважайте время пользователей. Не создавайте им преграды в виде одних и тех же вопросов и не ожидайте, что они ответят на вопросы, требующие на ответы немало времени. Я обычно стремлюсь к такому, на который уйдет 30 секунд.

Отслеживание (tracking)

Я не могу недооценить важность использования средств для слежения за поведением пользователя и аналитики полученных данных. Вы должны знать, в какой стране находится пользователи вашего продукта, таким образом сможете узнать, какой язык необходимо использовать и другое. Я использую Google Analytics для каждого приложения или игры, которую создаю, но иногда и этих данных мне не достаточно. Поэтому я добавляю код для отслеживания, чтобы узнать специфические детали, которые помогут мне сделать улучшения. Например, я хочу увидеть, какая частота кадров у пользователя во время определенных частей игры. Формируются значения и высылаются на сервер. Это трудно реализовать первые несколько раз, но код в итоге можно использовать повторно в проектах. Правда, избегайте отправки данных, например, в середине геймплея или во время процесса приложения, где это повлияет на время отклика продукта.

Игровая оболочка

Если Вы создаете игру, не забывайте, что у Вас есть оболочка вне игры. Мне нравится думать о каждой игре как об игре, встроенной в приложение. И это приложение должно быть столь же дружественным и забавным, чтобы быть непосредственно игрой. Ну, возможно, не совсем такой забавной как сама игра но, по крайней мере, не должно быть отстоем. Так при создании игры, не просто сконцентрируйтесь на игровых взаимодействиях. Сделайте эту оболочку тем, чем можно гордиться. Это та полировка, который присуща крупным играм.

Делайте приложение как игру

Когда вы создаете приложение, думайте, как пользователи будут взаимодействовать с ним и предоставьте им такое управление, с помощью которого можно было бы быстро и просто справиться. Вы думаете, что приложение для создание отчетов внутренних продаж, которое делаете, является скучнейшим приложением, но люди, которые будут использовать его, считают своим инструментом для выполнения заданий. Сделайте такое управление приложением, в котором пользователи нуждаются. Так, чтобы они могли при работе с ним ощущать, будто играют в игру на подобии Civilization. Хотя бы удостоверьтесь, что порядок расположения элементов управления правильный. Если можете добавить сочетания клавиш (shortcuts), будет еще лучше. Помните также о том, что вы практически не будете пользоваться своим продуктом, а пользователи, для которых вы создаете, могут использовать его до смерти.

Не берите пример с Duke Nuken

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

Думайте как ваши пользователи

Я считаю, что невозможно одновременно выполнять разработку и UX-дизайн. То, каким образом я рассуждаю во время разработки, не позволяет мне увидеть те очевидные вещи для UX. Пытайтесь продумать UX-дизайн до того, как начнете работать над проектом. Вы должны подойти к своему проекту с новым свежим взглядом. Порой вы будете сами себя спрашивать: «О чем я думал, когда создавал это?»

Проектируйте UX-дизайн как можно раньше

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

Автор: Dan Florio

Оригинал: http://www.uxmag.com/design/ux-tips-for-non-ux-designers

• Полезные ссылки выпуск №6
• Полезные ссылки выпуск №8
• Как использовать визуальную иерархию в веб-дизайне

Я завидую терпеливости этой пары!

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

• Исследование времени «входа» на сайт.
• Отдых с блондинкой от uatravel
• Полезные ссылки выпуск №6

Видение

За последний год работы в Yahoo! я имела удовольствие принимать участие в 3 редизайнах сайтов. Все они прошли достаточно успешно, но со слов коллег я знаю, что так бывает не всегда.

Редизайн бывает 2 видов: первый является причиной групповых страданий, второй — возможностью для творчества и перерождения. За время моей карьеры я определенно сталкивалась и с тем, и с другим. Так в чем же разница? Что позволяет одному редизайну работать, а другому превращаться в месяцы пустой болтовни? К счастью, мне также удалось поучаствовать в нескольких разборах неудачных проектов, и я думаю, что разница состоит в вИдении.

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

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

Общее видение

Обычно видение воспринимается как нечто, что вождь внушает своим войскам. Когда редизайн идет неудачно, войска жалуются: «У нас не было видения». Иной раз видение было, но вождь не сообщил его, или, что чаще, никто не дал себе труда вникнуть в него. Тогда уже вождь жалуется, что ему никто не повинуется. Но обычно проблема лежит глубже, чем в обоих сценариях: проблема состоит именно в том, что нет общего видения.

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

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

Итак: лидер должен выступить с идеей:

— наш сайт не позволяет нам реализовать новую бизнес-модель; мы должны переделать его

или, возможно, распознать ее:

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

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

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

Конкретные проблемы и направления движения

Давайте предположим, что по какой-то причине именно вы претворяете общее видение в окончательную форму. Возможно, вы лидер, возможно, что лидер не дал вам окончательное видение, и вследствие этого вы недостаточно уверены в проекте. Чтобы претворить протовидение в видение, вам нужно провести серию интервью. Обычно я отбираю людей, которые помогают мне сформировать видение, по нескольким критериям: экспертиза в данной области, интеллект, системный подход и открытое мышление. Я всегда провожу интервью один на один. Это позволяет избежать влияния группы, к тому же люди излагают свое мнение более откровенно в отсутствии аудитории. Интервью касается 3 тем: обзор прошлого, обзор будущего и собственно протовидение.

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

Например, вы специалист по исследованию поведения клиента:

Я: Почему вы думаете, что нам нужен редизайн?
Вы: Потому что люди не могу ничего найти
Я: Почему они не могут ничего найти?
Вы: Навигация не является интуитивно понятной
Я: Почему она не является интуитивно понятной?
Вы: Мы не делали никаких исследований во время ее проектирования, только исследование юзабилити после.
Я: Почему так случилось?
Вы: Ну, бюджет был урезан…
Я: Да? (Я сказала «Да?», поскольку устала говорить «Почему?»)
Вы: Кажется, компания не очень ценит обратную связь с потребителем…

Из этой короткой беседы я узнала несколько вещей. Специалист по исследованию поведения клиента считает проблему нахождения информации ключевой проблемой, он считает, что ее поможет решить исследование, и он чувствует, что на это исследование не будет выделено финансирование. Я могу вернуться к любому месту диалога, в котором я спрашивала «почему?» и узнать больше о проблеме, обозначенной в этом месте. Я могла спросить: «Почему вы считаете, что сайт не является интуитивно понятным?», чтобы узнать больше об этой проблеме. Я могла спросить «Почему вы считаете, что исследований юзабилити было недостаточно?» или продолжать выяснять, почему компания не считает важным исследование пользовательского поведения, или я могла использовать другие 5 «почему», чтобы выяснить, является ли обратная связь с клиентом ценной и почему. Чтобы выполнить работу основательно, я действительно должна была исследовать все эти темы.

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

Позже, когда я буду просматривать мои заметки, я постараюсь выяснить конкретные проблемы и направления движения. Конкретные проблемы войдут в мой план по редизайну, направления движения послужат сырьем для видения. Мои наборы вопросов могут привести меня к выводам по обоим пунктам. «Наш сайт неудобно использовать — наши клиенты говорят, что им нужно находить и брать фильмы в аренду быстрее, потому что они часто делают это на работе». Этот постулат выдвигает требования к быстроте и простоте (конкретная проблема). «Наши клиенты устали от блокбакстеров, которыми наводнен их соседний магазин; они хотят фильмы, которые они раньше никогда не видели». Этот постулат влечет требование к всеобъемлющему ассортименту или уникальной коллекции (направление движения).

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

Я: Как вы думаете, должны ли мы предоставить доступ к каждому фильму через Интернет?
Вы (бизнес-лидер): Нет, я думаю, мы позиционируем себя в качестве альтернативы Netfix — важнее иметь полный ассортимент или независимые фильмы в своей коллекции.
Я: Ммм… Вы можете рассказать поподробнее? (Другая альтернатива «Почему?»)
Вы: На этом рынке не хватает предложения — мы можем достичь преимущества здесь, а не пытаться забрать долю рынка у крупных игроков.
Я: Что требуется, чтобы удовлетворить этот рынок?
Вы: Поговорите об этом с Салли из отдела исследования поведения клиентов, если я правильно помню, она говорила, что нам нужно иметь 500 тыс. фильмов в коллекции, чтобы действительно удовлетворять все ожидания.
Я: Имея столько фильмов, как можно найти желаемое?
Вы: Как я понимаю, вы должны решить эту проблему…
Я: Но это действительно является проблемой? Мы действительно должны сделать сайт простым в использовании?
Вы: Еще бы! Мы должны удовлетворить этот рынок — это влияет на все остальное.

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

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

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

Усваивайте и выражайте свои мысли

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

Теперь поработайте с пользовательской базой. Берется набор из 100 слов и словосочетаний, которые характеризуют качества продуктов, который вы предлагаете. Приглашается от 10 до 15 человек, которые имеют отношение к вашему (почтовому, коммерческому, исследовательскому) сайту. Для каждого продукта некоторые слова из вашего стандартного, общего для всех продуктов, списка, заменяются другими, имеющими отношение к именно этому продукту — в данном случае, к вашему редизайну. К примеру, новостной сайт должен внушать доверие к словам, персональный сайт вместо этого должен обладать теплой атмосферой. Следующее, что вы делаете — просите пользователей расположить слова в порядке убывания важности. Когда вы проанализируете этот обзор, вы поймете, какие пять слов получат наивысший рейтинг — они станут столбовыми камнями для вашей работы. Вы также сможете их позднее использовать эти пять слов при оценке юзабилити (по шкале от 1 до 5 насколько этот сайт внушает доверие?) или для тестирования визуальных зацепок в обзорах.

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

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

Придайте видению рыночную ценность

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

Далее вам следует придать вашему видению рыночную ценность:

• Презентация PowerPoint. Первое предложение видения — это первый слайд. Далее вы объясняете, каково значение видения, каковы аспекты видения, почему это видение правильно, и что нужно, чтобы его осуществить.

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

• Мемы: Это броские фразы, которые поясняют суть отдельных ключевых положений видения. Используйте их, чтобы время от времени сверять ход работы с видением. Если аспектом вашего видения является быстрота, заключаемая в быстрой загрузке страниц, мем может выглядеть так: «Каждый пиксель должен работать». Броские фразы — это удачная находка, заставляющая каждого сосредоточиться на видении… Если в вашей команде есть кто-либо с талантом творить такие фразы, используйте их. Если ваши мемы достаточно броские, они будут на языке, и каждый акт работы будет находиться в контексте этих моментальных снимков видения.

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

В молитве о видении

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

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

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

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

• Какие должны быть качества у хорошего юзабилити профессионала?
• 7 решений, которые помогут успешно продавать юзабилити
• Cоздание мобильной версии сайта.

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

Рано судить на сколько она будет успешной, но хорошо что делается что-то новое и интересное.

Как вам такая система?

• Полезные ссылки выпуск №1
• О юзабилити в Microsoft
• Свежий против Знакомого: насколько агрессивны пользователи к редизайну.

• Презентация о важности графики
• Полезные ссылки выпуск №6
• 7 решений, которые помогут успешно продавать юзабилити