• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
27 Satin Optimization2008
 

27 Satin Optimization2008

on

  • 664 views

 

Statistics

Views

Total Views
664
Views on SlideShare
664
Embed Views
0

Actions

Likes
1
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 2006 год для компании, содержащей крупный веб-ресурс, стал годом падений и взлетов. В начале года продажи резко сократились, и это было вызвано разными причинами, в том числе и техническими проблемами — аппаратная часть не справлялась с нагрузкой. Предпринимались попытки исправить сложившуюся ситуацию при помощи технической поддержки, рекламы, привлечения новых клиентов. Однако привлечение новых клиентов вызывало новую нагрузку на сервер, и проблема не решалась: продажи не поднимались даже до уровня начала года. Стало понятно, что нужно использовать также и другие методы, и было принято решение внедрить перепроектированную форму оплаты. Форма оплаты — это та часть сайта, изменение которой могло серьезно изменить продажи, как в большую, так и в меньшую стороны. Внедрение перепроектированной формы оказалось удачным решением. Продажи начали стремительно расти. К окончанию 2006 года план продаж был выполнен на 150 %. При этом число клиентов осталось тем же, затраты на рекламу и продвижение даже снизились, снизилась и нагрузка на сервер.
  • Почему старая форма не очень удачна: Создается впечатление, что покупать более 2-ух кредитов за раз невыгодно, т. к. дорого. Не понятно, зачем вообще нужно покупать кредиты. «Есть много других бесплатных сайтов знакомств — почему я должен платить тут?». Не понятно, что ожидает клиента на следующем шаге. Значения в форме не сохраняются от покупки к покупке, и клиенту приходится снова заполнять поля. Форма выглядит неаккуратно, используется слишком яркий фон для полей (обычно фоном подсвечиваются уже заполненные, а не пустые поля).
  • Почему новая платежная форма стала лучше: Стало понятно, что выгоднее всего покупать сразу 100 кредитов, т. к. в этом случае цена одного кредита будет меньше (флажки перевернуты «вверх тормашками», добавлен столбец « Per credit », или «Цена 1 кредита»). Добавилось пояснение о назначении кредитов — что именно оплачивает клиент, приобретая кредиты. Теперь клиент знает, что платит за перевод писем, за проверку девушек и т. д. и, следовательно, знает, что на сайте все это делается, значит, сайт отличается от других, и в лучшую сторону. За это можно и платить. Добавлена услуга автоматической покупки кредитов (флажок «Automatically process a purchase at this rate and amount whenever I need more credits»). Этот сервис хорош тем, что позволяет клиенту не отвлекаться на вспомогательные действия вроде покупки кредитов и заниматься только тем, зачем он приходит на сайт,— общением с девушками. Как показала практика, этой услугой действительно пользуются, несмотря на то что клиент имеет шансы потерять контроль над своими расходами. Форма с платежной информацией расположена на том же экране, причем после первого заполнения все данные сохраняются, и она не отображается. Присутствует только ссылка « Change », которая открывает форму платежной информации со введенными в нее данными. Добавлен просмотр истории покупок. Было решено отказаться от ярких фона и разделителей. Минимальные действия клиента для повторной покупки: ДО: Нажать кнопку « Next ». Заполнить 12 полей платежной информации. Нажать кнопку « Submit » . При этом клиент купит только 2 кредита (что чаще всего и делалось). ПОСЛЕ: Нажать кнопку « Submit ». При этом клиент купит 100 кредитов.
  • Пользователь читает свой гороскоп и никакие баннеры его не интересуют.
  • Пользователь читает свой гороскоп и никакие баннеры его не интересуют.
  • Во время перехода со страницы на страницу, первое, что видят пользователи: верхняя часть страницы. Соответственно, существует очень большая доля вероятности, что пользователь обратит внимание на этот баннер, расположенный наверху. Но если тематика баннера не интересна пользователю, то он больше не вернется к просмотру этого баннера и при повторных посещениях страницы не будет смотреть в это место. Баннер с собачками находиться рядом с основной навигационной частью страницы и заслужил некоторое количество фиксаций взгляда на себе. Также внимание привлек баннер с изображением лица. Баннер же с изображением женского тела остался неотмеченным женским взором.
  • Опять заметен верхний баннер. И Баннер с изображением лица.
  • Верхний баннер
  • Человеческие лица в первую очередь привлекают взгляд пользователя. Поскольку это уже не первая
  • Верхний баннер приковал внимание. Правый незаметен.

27 Satin Optimization2008 27 Satin Optimization2008 Presentation Transcript

  • Юзабилити сайта Дмитрий Сатин UsabilityLab
  • Юзабилити Инженерия
    • Повышение эффективности бизнеса за счет повышения эффективности, продуктивности и удовлетворенности пользователей информационных систем.
    • Возврат от инвестиций в разработку - живые деньги, которые можно посчитать
    • Это возможно при соответствии функций сайта задачам и потребностям пользователей.
  • Считаем деньги
    • Доллар…
      • вложенный в рекламу, возвращает 5
      • в юзабилити – от 10 до 100
    • Затраты…
      • на рекламу превышают бюджет разработки
      • на юзабилити < 10% от бюджета разработки
    • При одинаковом притоке посетителей больше денег зарабатывает тот сайт, на котором пользователи могут быстро и результативно реализовать свои потребности.
  • Улучшение платежной формы График продаж за 2006 год Внедрение новой платёжной формы
  • Платежная форма до изменения Шаг 1 Шаг 2
  • Платежная форма после изменения
  • Платежная форма после изменения
  • Две ценности Ценность для бизнеса Ценность для пользователя
  • ISO 13407 &quot;User Centered Design»
    • Провести исследование пользователей
      • актуальных, если текущей задачей является удержание;  или потенциальных, если задачей является привлечение новых пользователей.
    • Спроектировать сайт (или изменения)
      • быстро разработать прототип решения, не вкладываясь в его реализацию
    • Провести оценку интерфейсов
      • крайне желательно, с привлечением пользователей (юзабилити тестирование)
  • Исследование пользователей
    • Каковы пользователи?
    • Что пользователям нужно от сайта? Какие задачи они будут пытаться реализовать?
    • В каких условиях пользователи будут работать с сайтом?
    • Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.
  • Сценарии использования
    • Приступая к проектированию необходимо определиться, какие сценарии использования должны быть ключевыми, и должны быть реализованы в прототипе сайта.
    • Сценарии - это всегда реалистичные описания жизненных ситуаций, в которых пользователю может быть полезен разрабатываемый сайт.
    • Сценарии направляют разработку прототипа. Проектировщик думает не о том, где разместить навигацию, а где форме регистрации, а о том, как наиболее эффективным способом решить задачу пользователя, оберегая его от возможных ошибок.
  • Проектирование интерфейсов
    • Соблюдать стандарты и заимствовать хорошие решения с других сайтов?
    • Добиваться консистетности интерфейсов?
    • Добиваться успешности сайта!!!
    • Сайт должен служить одной цели – помочь пользователю решить свою задачу.
  • Юзабилити тестирование
    • Необходимо найти людей, соответствующих критериям целевой аудитории.
    • Посадить их за компьютер, дать им задания, которые мы выбрали в качестве сценариев.
    • И внимательно наблюдать за тем, как они справляются с этими заданиями, фиксируя проблемы с которыми они сталкиваются.
  • Юзабилити тестирование
    • Есть большая разница между тем, что пользователь говорит, &quot;что он хочет&quot;, и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением.
    • Оптимальным количеством для тестирования является 6-9 пользователей в каждой группе. Если пользователей больше чем 9, то срабатывает закон убывающей приростной отдачи, то есть, затрачиваемые усилия не будут оправдываться повышением точности результатов.
  • Технология eye-tracking Фиксация Контрастная область Saccade
  • Технология eye-tracking 1878.
  • Технология eye-tracking . Наши дни. Tobii x120 Tobii T60
  • Управление взглядом
  • Think aloud Retrospective Source: Dr L Ball, Lancaster University
  •  
  •  
  • Какая позиция в модуле контекстной рекламы является наиболее заметной? Вопрос 1:
  •  
  •  
  •  
  • Существует ли «баннерная слепота»? Вопрос 2
  • Пользователям предлагалось найти свой гороскоп и прочитать его.
  • Верхний и правый баннеры остались незамеченными. Нижние пункты меню, стилизованы под баннеры также не привлекли взгляд пользователя.
  • Женщинам предлагалось найти гороскоп и просмотреть его. На слайде представлены те области страницы, на которые обратили внимание пользователи.
  • Верхний баннер привлек внимание пользователей. Баннер, расположенный рядом с основным навигационным элементом сайта также привлекает внимание.
  • Пользователям предлагалось найти на сайте афишу и посмотреть информацию про любой фильм.
  • Внимание пользователя опять привлечено к верхнему баннеру. Правый баннер опять остался незамеченным.
  • Верхний баннер с изображением мужчины находится в области внимания пользователей.
  • Пользователям предлагалось найти интересную для них информацию
  • Пользователям предлагалось найти информацию про мультфильм «Мадагаскар». Помимо картинок и текста сайта замеченным пользователями также оказался левый баннер.
  • Пользователям предлагалось найти девушку/ молодого человека, который его заинтересует. Стоит отметить, что левый баннер остался отмеченными взглядом пользователя. Но наибольшее внимание привлекла реклама, которая стоит фоном на форме поиска.
  • В данном случае левый баннер представляет собой небольшой флэш-ролик. Все пользователи обратили на него внимание, часть пользователей нажали на Play и просмотрели ролик.
  • В данном случае левый баннер остался незамеченным, поскольку он уже присутствовал на других страницах сайта и пользователи могли его уже посмотреть, а также на этой странице все внимание пользователя собрано на фотографиях.
  • Рекомендации
    • Будьте внимательны, предоставляя выбор пользователю.
      • Когда пользователь вышел на &quot;финишную&quot; прямую, например, готов купить товар, или зарегистрироваться на сайте, следует уменьшить количество альтернатив, с которыми сталкивается пользователь. В этот момент лишние выборы губительно сказываются на скорости принятия решения пользователем. Этот принцип не уникален для юзабилити, продавец в магазине может продолжать показывать ассортимент товаров даже тогда, когда покупатель уже принял решение о покупке, и тем самым сбивать покупателя с толку.
  • Рекомендации
    • Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной.
      • Старайтесь, чтобы реклама, которую вы размещаете на сайте, повышала ценность сайта, а не разрушала её. Изучайте своих пользователей, запоминайте, что они любят, чем интересуются, пытайтесь понять в чем они могу нуждаться. Таргетированная (адресная) реклама не только более эффективна, она может придавать вашему сайту дополнительную ценность.
      • Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.
  • Рекомендации
    • Формируйте ожидания пользователей уже в тексте рекламного объявления.
      • С психологической точки зрения, дефект - это несоответствие реальности ожиданиям. Рекламное объявление может формировать неверные ожидания. Пользователи, откликнувшиеся на него, будут разочарованы, даже если с сайтов все в порядке.
      • С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.
  • Рекомендации
    • Не используйте на одном экране более одной формы, а в формах - более одной кнопки.
      • Исходите из принципа, что люди обязательно будут ошибаться там, где можно ошибиться. Две формы (например, авторизация и регистрация, написание комментария и проставления рейтинга) на одном экране обязательно запутают пользователя. Он сделает не то, что хотел, в лучшем случае, просто расстроиться, к худшем - покинет сайт, ругаясь.
  • Рекомендации
    • Говорите с пользователем на его языке.
      • Хотя вроде бы все знают, что с человеком нужно говорить на его языке, мы постоянно допускаем жаргонные слова (логин, плагин, и т.д.). Пользователи не знают, что означают эти слова, а это приводит к тому, что они домысливают значение этих слов, и как правило неверно. Например, слово &quot;плагин&quot; чаще всего вызывает у них ассоциацию с &quot;вирусами&quot;. Это явно не то, к чему стремятся разработчики сайта.
  • Спасибо за внимание! Дмитрий Сатин [email_address]