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

Я и Руслан

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

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

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

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

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

А. Ускорение восприятия производительности

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

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

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

Пользователь здесь проходит четыре этапа:

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

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

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

Б. Оптимизация отдельных элементов интерфейса

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

• Элементы на экране.  Количество и тип элементов пользовательского интерфейса на экране, будет влиять на производительность этого экрана. Например, медиаконтент (аудио, видео, карты) будет влиять на производительность более простых элементов (статические изображения, текст и т.д.)

• Характеристики элементов. Характеристики элементов, таких как разрешение или размер изображения, влияет на время загрузки картинки. Например, на Android, каждый изображение (JPG, PNG) декодируется в растровом (bitmap) формате, так что каждое оптимизированное изображение может привести к уменьшению числа килобайт. Можно ведь еще уменьшить глубину цвета? Или уменьшить разрешение?

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

• Google хочет захватить весь мир Интернета.
• Cоздание мобильной версии сайта.
• Iforum — форум интернет деятелей (1.04)

Драгоценные пиксели монитора — самая ценная недвижимость в мире. Кнопка «Add to Cart»  на Amazon имеет размеры 160×27 пикселей, это 0.003 квадратных фута (0.0003 квадратного метра) в обычном разрешении монитора 100 dpi. Вы можете застелить пол обычного американского дома, стоимость которого на данный момент составляет 160 000$, с помощью 800 000 кнопок «Buy». Даже одиночная кнопка «Buy» будет приносить много, не говоря уже о доходе от 800 000 кнопок.

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

8 лет назад я проанализировал распределение пространства у 50 главных страниц веб-сайтов и выяснил, что только 40 % экранного пространства использовалось для навигации или необходимого для пользователей контента. Было время, когда разрешения мониторов были 800×600, тогда пространство экрана было особенно драгоценным. Сегодня веб-сайты получше, да и современные большие размеры мониторов дают больше места для выполнения действий.

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

Потраченное впустую мобильное пространство

Даже на большом настольном мониторе пространство в большом почете и оно должно быть использовано. Мобильные экраны являются настолько маленькими, что грех тратить пространство впустую.
Давайте взглянем на интерфейс приложения для iPad, исследование которого мы недавно проводили. Стиль приложения напоминает тот уродливый дизайн, который преобладал раньше в приложениях для iPad:

Приложение ABC News iPad: главный экран.

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

Несмотря на эти положительные начальные отзывы, пользователям не нравился экран и они переходили к альтернативному варианту, как только узнавали о его существовании. Постоянные пользователи приложения ABC рассказали нам, что предпочли стандартный вид новостей как основной.

Это то, чем действительно пользуются люди.

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

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

Второй пример из недавнего исследования для NASA:

Приложение NASA для iPad: главный экран с раскрытым выпадающим меню.

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

В пользовательском тестировании основной проблемой такого отображения стал риск выбора неправильного небесного тела прикосновением: было использовано лишь 60 % наших указаний по удобству пользования для отделения объектов на сенсорном экране. (См. полное описание по советам юзабилити в мобильных технологиях.)

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

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

Проектировщики попытались воссоздать мега меню, но не справились и не добились его преимуществ по нескольким причинам:
1.    Нет никакой классификации пунктов меню — в хорошем мега меню миссии были бы разбиты по группам со своим заголовком. Выполнив это таким образом, можно было бы намного легче найти определенные типы спутников, например, спутники для исследования внутренности планеты.
2.    Метки не имеют объяснений — например, было бы не плохо знать, что «ACE» измеряет высокоэнергетические частицы, тогда как «AIM» изучает лед мезосферы.
3.    Иллюстрации бессмысленны. Это небольшой промах, но все же.

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

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

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

Больше — Лучше

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

Есть несколько исключений из правила о том, что большой размер в пользовательских интерфейсах — это хорошо. Один пример найден на сайтах, которые заставляют развернуть окно в полный размер даже на самых больших мониторах. Как только у людей появляется 30-дюймовый монитор, они не хотят разворачивать браузер на весь экран — это очень раздражающе работать, скажем, со словарем размера 2560×1600 пикселей, который загораживает другие окна, с которыми работаешь.

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

Автор: Jakob Nielsen

• 14 советов для создания приложения для iPad
• Полезные ссылки выпуск №5
• Интерфейс для таблетки

Какой формат события?
Участники будут заняты практической работой над скетчами нтерфейсов для приложений под руководством специалистов в области юзабилити.
Все участники конференции будут разделены на группы (максимум 5 человек). Каждая группа — отдельная боевая единица, которая будет бороться за весьма весомые и приятные призы.

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

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

• Кому надо юзабилити?
• Баланс — принцип дизайна
• Проектирование взаимодействия своими руками

Общеобразовательное

UX-миф: пользователи пользуются вашим продуктом именно так, как вы предполагаете

http://uxmyths.com/post/1048425031/myth-24-people-always-use-your-product-the-way-you-imagi
Интересный ресурс, который собирает мифы юзабилити. И миф, на который ведет ссылка, очень распространен сегодня среди разработчиков и заказчиков.

Психология цвета: кнопки, призывающие к действию

http://www.paulolyslager.com/call-to-action-buttons-psychology-color
Какими должны быть кнопки, чтобы на них хотелось нажать и какой цвет этому поспособствует.

Когда обучение важнее удобства

http://www.uxbooth.com/blog/when-is-learnability-more-important-than-usability/
Все стремятся к тому, чтобы пользователю не пришлось учиться пользоваться интерфейсом. Однако, на смену обычным мобильным телефонам с кнопками пришли телефоны с тачскрином, которым приходилось учиться пользоваться. Есть и другие вещи, где пользователя необходимо научить, об этом идет речь в статье.

Веб

5 элементов, которые должен иметь каждый вебсайт

http://www.paulolyslager.com/top-5-elements-every-website-must-have
Все мы знаем, какие составляющие главной страницы. В статье можно черпнуть информацию о том, каким образом размещать те или иные элементы, как они должны выглядеть и какие функции выполнять.

Даешь читаемый текст!

http://contrastrebellion.com/
На сайте в интересной форме предоставлены примеры оформления текста на фоне (хорошие примеры и антипримеры) и объяснение, как сделать текст лучше читаемым.

Если ваша форма не дает ожидаемого результата

http://outspokenmedia.com/usability/online-form-usability/
Простые истины, о которых многие могут забыть при создании формы на сайте. Перейдите по ссылке и больше не забывайте, что пользователи ведут себя не так, как от них могут ожидать.

Мобильные девайсы

Юзабилити батл мобильных ОС: iOS, Blackberry, Windows Phone, Android.

http://www.electronista.com/articles/11/08/08/harvard.study.says.iphone.wp7.have.best.interface/
Ребята из Гарварда протестировали четыре телефона на удобство таких функций, как набор номера и звонок, добавление нового контакта, написание смс. Результаты смотрите в видео ролике по ссылке.

Долой диспетчеров такси, которые не берут трубку

http://lifehacker.ru/2011/08/08/intaxi-zakaz-taksi-dostojjnyjj-xxi-veka/
Как всегда сайт Лайфхакер радует полезными программами и выходками. На сей раз в обзоре приложение для iPhone (написано, вскоре и для Android), которое поможет жителям Москвы и Санкт-Петербурга найти себя на карте (кому-то это пригодится) и выбрать конечную точку. Читайте обзор по ссылке.

Инструменты

Приложение Prototype под Mac, которое превратит ваш макет в интерактивный прототип

http://prototypesapp.com/
Программа позволяет превратить созданный «плоский» макет в кликабельный прототип с эффектами и переходами по страницам. Этим прототипом потом можно поделиться и провести пользовательское тестирование.

• Полезные ссылки выпуск №3
• Cоздание мобильной версии сайта.
• Полезные ссылки выпуск №8

Никто не сможет отрицать, что для успеха приложения или игры важен 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
• Полезные ссылки выпуск №4

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

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

• Исследование времени «входа» на сайт.
• Отдых с блондинкой от 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 решений, которые помогут успешно продавать юзабилити