Мини аудит сайта goldenrent.ru

Надеюсь, вы успели соскучиться? 😉 Очередной мини аудит, в этот раз сайт по аренде авто в Питере и Москве: http://www.goldenrent.ru/

Юзабилити баг в Google Play маркет

Не могу молчать! Очень банальный, но неприятный косяк в маркете Google Play… Конкретно, в разделе «книги», а именно его я в первую очередь и использую – сам по себе сервис (и соответствующие приложения) крайне удобен!

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

После нажатия на «купить за 199.00 руб.» меня перекидывает на формочку:

И тут пошли косяки:

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

Как видите, и у «больших» бывают косяки.

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

Всем удачи!

Мини-аудит сайта visasuk.ru

Сегодня в обзоре сайт услуг по оформлению виз в Великобританию visasuk.ru

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

Как оптимизировать формы регистрации и заказа

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

Известны некоторые очевидные способы:

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

Но это далеко не все методы повышения конверсии подобных форм!

Инновационное решение – слияние текстовых полей

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

Количество полей для ввода данных

Заполняя форму, представленную слева, или форму, представленную справа, пользователь ответит на одинаковое количество вопросов. Однако слияние некоторых полей позволяет оптимизировать ввод данных. Форма справа выглядит более простой, короткой, удобной – в ней всего 6 строк и, соответственно, 6 полей. Тогда как в традиционной форме ввода личных данных – 7 строк и целых 14 полей.

Поля в виде выпадающих списков

С одной стороны, выпадающие списки, из которых пользователь выбирает нужные пункты-ответы – автоматизируют ввод информации. Но упрощают ли они заполнение формы? – Не праздный вопрос.

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

Точки визуальной фиксации и траектория взгляда

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

Заполняя форму традиционного вида, пользователь фиксирует взгляд на каждом поле – т.е., 14 раз. Траектория движения глаз – сложная. Человек переводит взгляд и сверху вниз, и слева на право. При обращении к форме с объединенными полями все выглядит значительно проще: 6 точек фиксации и прямая траектория перемещения взгляда – сверху вниз.

Использование клавиатуры, мыши, табуляция

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

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

Объединяя текстовые поля, как показано на рисунке справа, мы заметно сокращаем количество табуляций и вынужденных остановок.

Текстовые подсказки внутри каждого поля формы

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

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

Основной метод повышения конверсии – эксперимент

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

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

Юзабилити по методу Стива Круга

Как сделать сайт удобным. Юзабилити по методу Стива Круга

Сразу хочется сказать, что в оригинале название выглядит немного иначе: Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems. Чуствуете разницу?

В этой книге знаменитый Стив Круг, автор мирового бестселлера “Не заставляйте меня думать” (Don’t Make Me Think: A Common Sense Approach to Web Usability), излагает принципы своего метода по улучшению юзабилити интернет-сайтов. В присущей ему ироничной манере автор описывает процесс тестирования и обнаружения проблем с юзабилити, а также их эффективного устранения.

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

Кстати, именно так и есть: иронично и с обилием воды рассказываются и без того простые вещи.

После упомянутой первой книги Круга эта вызвала странное ощущение. Если вы практик, то берите первую 🙂

Основные тезисы, которые сам автор выносит списком в конце книги:

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

Собственно книга об этом. Но подробно. Купить на Озоне.

Юзабилити: сделайте мне удобно

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

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

  1. На главной странице и всех прочих страницах, на которые попадают посетители (из поисковых систем, с PPC систем), призыв к действию (баннер со спецпредложением или кнопки BUY NOW) должен быть виден без прокрутки страницы, т.е. не ниже 400-500 пикселей от верхнего края страницы.
  2. Если где-либо на сайте упоминается товар, то надо обязательно указывать его цену и по возможности кнопку “Buy now”.
  3. По возможности, на каждой странице, где человек принимает решение о покупке, выделяйте свои особые условия: “доставка в течение 7 дней”, “при покупке такой-то подарок” и т.п.
  4. Качество картинки с товаром имеет значение: постарайтесь сделать его максимально высоким.
  5. На каждой странице помещайте телефон и иные средства связи (если есть онлайн служба поддержки, то тоже на видное место).
  6. Тексты должны легко читаться (предложения короткие, слова простые, абзацы 2-4 предложения), а страница “сканироваться”, т.е. человеку должно быть достаточно пробежаться по странице глазами, чтобы увидеть все основные моменты (о чем тут речь, какие условия, цены, как купить, стоит ли доверять данному сайту).
  7. Отслеживайте запросы, по которым пользователи приходят на ваш сайт из поисковиков – убедитесь, что самые популярные товары из этих запросов представлены на главной странице сайта. Аналогично для поиска по сайту (желательно вообще сделать так, чтобы поиск по сайту редко был нужен).
  8. Не используйте строки длиннее 13-15 слов. Исследования показывают, что более длинные строки в сети читать напряжно и этого почти никто не делает.
  9. Если у вас есть сомнения о размере шрифта, то смело используйте бОльший.