Видение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Конференция UX Ukraine 2011

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

1. Место проведения

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

2. Доклады иноСтранных гостей

После приветственного слова начался доклад Дэйва Рота (MISI Company ltd.) под названием «The Kings are Dead».
Основной идей доклада было необходимость перестать думать понятием «пользователь» и чаще использовать «ЛЮДИ». Вся функциональность продукта должна быть направлена на человека. А не как часто бывает — создается удобный, но бесполезный продукт.

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

Второй доклад начался со слов Эрика Райса(FatDUX): «Дэйв Рот как всегда не прав!» Его доклад назывался «Users, Experience, and beyond». Эрик выступал очень энергично и даже театрально, что дало ему преимущество и внимание всего зала. Основные тезисы, которые я записал:
1. «Без содержания, нет контекста». Необходимо понимать, где и в каких обстоятельствах находится ваш человек.
2. Решение потребности человека можно описать с помощью параметров: отношения, ожидания, наличия времени, окружающей средой, происхождением потребности. Хороший пример о поиске отпуска для себя или босса, объяснил, как эти параметры используются.
3. Взаимодействие с продуктом делятся на активные, пассивные и второстепенные.

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

3. Каждый попал в поток.

Далее всех разделили на 3 потока: аналитики, менеджеры и проектировщики.

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

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

4. Вечерний бриз

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

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

5. Потребности кроликов и мини-доклады.

На следующий день параллельно с работой над проектом мы прослушали несколько интересных докладов о майндмепинге, как создали Viasat, секреты в Axure, SEO в юзабилити и социальный анализе от userreport. От Евгения Мусиенко (ТурумБурум) узнали, что такое deliverable и как его произносить.

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

6. Финальные прототипы и юзабилити-тестирование

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

На примере интерактивного прототипа созданного с помощью Axure провели наглядное тестирование для всех участников.

7. Результаты и выводы

Итоги конференции подводили в автобусе, там же были вручены книги самым «облайканым» участникам.

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

Конференция помогла правильно получить и закрепить опыт работы с проектами, добавила энтузиазма и желания получать и делиться опытом со всеми. Не хватило доклада Дмитрия Сатина (мем «сатинамало») и Андрея Сикорского, но они с радостью отвечали на вопросы и делились опытом при личном общении. За что им спасибо! )

От чистого сердца благодарю главного организатора Ольгу Горенко (UsabilityLab) и её помощников: Дарью Иващенко, Владимира Сахарова, Юрия Грановского и Марию Томин.

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

• Конференция «User Experience 2009»
• User Experience Ukraine-2011
• Юзабилитилаб (Usabilitylab) — будущее юзабилити

• Еще один ролик о правильном проектировании
• Отчет о конференции «User Experience Ukraine 2011»
• В чем залог успешности редизайна сайта?

Критика и вопросы:
1. Как смс проектируеться на окно и как будет изменяться цвет текста от того на какой фон он проектируеться. На ролике почти всегда белый цвет на голубом небе )
2. Надевая очки девушка может просматривать информацию и снова вопросы: «Куда фокусируеться глаз? Не будет ли он уставать? И как черт возьми она глазами управляет?» )
3. Когда девушка отвечает на СМС то это только смайлы ) Странно почему не показали как она набирает текст.
4. Любопытно как в таких очках можно смотреть фильм или фото.

• Юзабилити анализ сайта oceni.com.ua
• Полезные ссылки выпуск №2
• Воздушный интерфейс будущего

Навеяно usability.by

• Виды usability-специалистов
• Полезные ссылки выпуск №3
• Полезные ссылки выпуск №8

На видео можно заметить основные этапы работы проектировщика интерфейса.

Это :

• Сбор требований
• Создание персонажа
• Разработка сценариев
• Структура (карта) сайта
• Разработка прототипа

• Будущее цифрового мира от Nokia + критика
• Еще один ролик о правильном проектировании
• Программист добавил полезную функцию