Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Юзабилити веб-форм или онлайн-заказ по-человечески

Интерфейсы *
Из песочницы
Сегодня мне пришел заказ от весьма крупной компании. Они просят реализовать на одном из их сайтов вот такое решение (орфография оригинала, названия изменены):

Пользователь на сайте заходит в «Калькулятор стоимости решения „ЗАО Рога и Копыта“.
Там он отвечает на 11 вопросов для расчета стоимости решения. После этого пользователю должно быть предложено заполнить свои ФИО, должность, название организации и email.
На указанный email должно быть отправлено уведомление: „По указанному адресу в скором времени Вам будет выслана стоимости решения “ЗАО Рога и Копыта», на основе заполненной на сайте rogaiko.pyta анкеты".
На нашу почту должены прийти контакты пользователя и ответы на вопросы. В течении суток мы рассчитываем решение и высылаем на указанный адрес.

(прим.авт. — средняя стоимость решения более миллиона рублей).

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

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

2. Большинство пользователей настоящих онлайн-калькуляторов подсчитывают на них что-то, в основном, ради любопытства, пусть и не праздного. Для них это быстрый способ узнать, стоит ли им тратить время на общение с этой компанией, или нет, а если да, то можно ли как-то сэкономить на том или ином решении. Для этого они могут пользоваться калькулятором несколько раз, вводя разные параметры и сравнивая результаты. Делается это, как правило, без особой предварительной подготовки, и некоторые параметры пользователь может ввести с изрядной погрешностью, что называется, «от фонаря». Заниматься этим будет, вероятно, сотрудник невысокой должности и квалификации, либо просто частное лицо.
Факт использования калькулятора совершенно не означает готовности пользователя пойти дальше и сделать заказ. Калькулятор лишь облегчает ему процесс принятия решения. И возможность быстро, навскидку, сравнить несколько результатов ему в этом сильно помогает.
Читать дальше →
Всего голосов 68: ↑60 и ↓8 +52
Просмотры 5K
Комментарии 30

Медвежий балет и искусственный интеллект

Интерфейсы *
«Массивный, громоздкий зверь неуклюже переступает с лапы на лапу. Танцует медведь просто ужасно, но чудо не в том, что он танцует хорошо, а в том, что вообще танцует».
Алан Купер об интерфейсах, «Психбольница в руках пациентов»


Графический интерфейс и командную строку часто противопоставляют другу другу. Причем то, что поклонники GUI считают достоинствами, в глазах любителей CLI — недостаток. И наоборот. «GUI — самодокументированный интерфейс. — говорят первые, — Мне не нужно читать инструкцию, чтобы разобраться в грамотно спроектированном GUI, я просто смотрю на него, открываю меню, другое, третье, и через несколько минут (или секунд) делаю, что мне надо». «А как насчет десятого или сотого раза? — возражают вторые. — Всё это изобилие кнопочек и значков превращается в раздражающий визуальный шум и мешает работать. А скорость? Разве может сравниться хождение по многоуровневым менюшкам со стремительностью клавиатурных команд?» «Стремительность, говорите? — отвечают первые, — А изучать руководство на сотни страниц мелким шрифтом, чтобы выйти из вашего Vim-а, это тоже стремительно?»

Этот спор можно растянуть еще на несколько абзацев, но лучше подумать вот о чем: так ли уж необходимо терпеть недостатки каждого из интерфейсов? Нельзя ли быстро запрягать и так же быстро ехать? Ведь сторонники GUI на самом деле любят не кнопочки и разноцветные значки, они любят легкость обучения. Шедевры графического интерфейсостроения всегда легки и лаконичны, в них не встретишь буйства красок и россыпей кнопок. А любители командной строки привязаны не к монохромному аскетизму, а к скорости, ненавязчивости и предсказуемости консоли. Достаточно взглянуть на обилие цветовых схем подсветки синтаксиса того же Vim, чтобы убедиться в том, что суровые консольщики тоже любят, чтобы было красиво.

Медведь, танцующий не хуже балерины, интерфейс с большими и красивыми графическими подсказками, которые при этом не мозолят глаза, с гибким и мощным набором клавиатурных команд и сокращений, которые не надо изучать — фантастика, да и только. А вот и нет. Такие интерфейсы уже существуют. Только они почему-то занимают довольно узкую нишу. Но о них чуть позже.
Читать дальше →
Всего голосов 79: ↑66 и ↓13 +53
Просмотры 1.6K
Комментарии 58

Вовлечение пользователя: комплекс упражнений по увеличению конверсии

Веб-дизайн *
Из песочницы
Между человеком, который вам симпатичен, и сайтом, который вам интересен, гораздо меньше отличий, чем можно ожидать.

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

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

  • визуальный контакт,
  • вербальный контакт,
  • физический контакт.


Точно так же, используя те же приемы, мы «развиваем отношения» с сайтом.
Здесь надо понять важную вещь: всё, с чем мы можем так или иначе общаться (то есть получать некий фидбек в ответ на наши действия) подсознательно приравнивается нами к другому живому существу со сходным образом мысли. Отсюда привычка вести философские беседы с неработающим прибором, отсюда тяга наших предков давать человеческое лицо природным и физическим явлениям, отсюда даже смайлы.
Ведь куда проще найти общий язык с другим человеком, чем с неведомой бездушной штуковиной, верно?
Читать дальше →
Всего голосов 50: ↑45 и ↓5 +40
Просмотры 2.4K
Комментарии 15

Баннерная слепота

Я пиарюсь
eye-tracker.ruОб «эффекте баннерной слепоты» слышали многие. Но вокруг этого термина накручено такое большое количество самых разных слухов и интерпретаций, что часто под этим термином люди понимают совершенно противоположные вещи. Не претендуя на абсолютную истину, попробую описать свое мнение на эту тему, опирающееся на нескольколетний опыт айтрекинг-исследований.
Читать дальше →
Всего голосов 27: ↑16 и ↓11 +5
Просмотры 2.5K
Комментарии 30

Дешевый говнотрафик с vkontakte

Интерфейсы *
image
Вот что бывает, если делать шрифты в рекламе и активный пункт меню одним шрифтом.

Заодно вполне себе способ сделать объявление с зашкаливающим CTR (читай, дешевый трафф).

Отрадно, что этим занимается именно Групон. Надувается перед IPO что-ли? (вполне вероятно, что охват интересует инвесторов не сильно меньше финансовых показателей).

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


upd: словил еще объявление. Ссылка была вот такая: click.ad1.ru/?r=[какой-то id], после уже редиректило на Групон. Так что, скорее всего, это партнеры развлекаются. Как объявление прошло модерацию, пока непонятно.
Всего голосов 205: ↑160 и ↓45 +115
Просмотры 2.2K
Комментарии 120

Кейс-стади: аудит юзабилити Хабрахабра

Блог компании Webprojects
Здравствуй, хабрачеловек!

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



Сразу небольшой дисклеймер. Аудит Хабрахабра — это конечно вызов. Что можно сказать по поводу юзабилити идеала социального СМИ? В общем-то мы сами удивились, но рекомендаций получилось много. Фактически мы придумали, как собрать этот конструктор заново и по-другому. Получилось у нас или нет — решать вам.

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

В свою защиту можем заявить только одно: Мы Habrahabr.

Пожалуй, хватит лирики. Перейдем к делу.

Аудит юзабилити Хабрахабра, PDF (3,23 Мб).

P.S. Проводить аудиты популярных сайтов мы планируем на регулярной основе. Следующий на очереди — известный интернет-магазин.
Всего голосов 138: ↑93 и ↓45 +48
Просмотры 14K
Комментарии 123

Регистрация на сайте может понизить трафик на ваш сайт на 80%

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

Регистрацию мы унаследовали из прошлого. Это естественный орган сайта, развившийся в историческом контексте развития интернета и сайтов вообще. Но сегодня это просто рудимент, который не раздражает народ, а отодвигает ваш сайт в рейтингах, и понижает сумму цифр на счетчиках.
Читать дальше →
Всего голосов 45: ↑25 и ↓20 +5
Просмотры 1.8K
Комментарии 31

Несчастные часов не наблюдают. Режим работы на сайте

Веб-дизайн *

Контакты — всему шапка, но...


Размещать контактный телефон (и другие варианты связи) в заметном месте страниц сайта стало стандартом.

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

Часы, минуты, дни работы


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

Это та вещь, которая в обязательном порядке должна быть размещена рядом со сквозным блоком контактной информации. Дни работы и время.
Читать дальше →
Всего голосов 43: ↑32 и ↓11 +21
Просмотры 2.4K
Комментарии 35

Как измерить лояльность посетителей сайта?

Блог компании НеВсем Веб-дизайн *

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

Расскажу еще об одной относительной величине, которую можно измерить — лояльность ваших посетителей. А точнее — динамику ее изменения.
Читать дальше →
Всего голосов 10: ↑6 и ↓4 +2
Просмотры 10K
Комментарии 4

Как организовать юзабилити тестирование сайта?

Блог компании KidsReview.ru Usability *
Recovery mode
Читательская аудитория журнала KidsReview.ru очень разная. Нас читают и дети, и подростки, и молодые родители, и бабушки с дедушками. У всех читателей разный уровень Интернет-граммотности, режим онлайн-жизни, цели. Нам важно быть понятным и удобным информационным ресурсом для всех, потому мы потратили немало времени и средств на проведение развернутого usability тестирования KidsReview.ru. Хотим поделиться с вами некоторыми мыслями по организации этого процесса, который оказался для нас очень полезным.

Читать дальше →
Всего голосов 4: ↑2 и ↓2 0
Просмотры 7.6K
Комментарии 2

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

Веб-дизайн *Интерфейсы *Usability *
 
Всего голосов 24: ↑13 и ↓11 +2
Просмотры 983
Комментарии 22

Опыт создания системы навигации на Ajax

Разработка веб-сайтов *jQuery *
Из песочницы
Tutorial
Меня всегда интересовало, почему при разработке сайтов, так редко в системе навигации используется Ajax? Ведь преимущества по-моему очевидны! Сайт на аякс работает в разы быстрее любого обыкновенного сайта, и даже если учитывать кэш браузера, это заметно.
Читать дальше →
Всего голосов 84: ↑62 и ↓22 +40
Просмотры 58K
Комментарии 136

Конверсия сайта. Превращаем посетителей в покупателей

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

  • Название: Конверсия сайта. Превращаем посетителей в покупателей (англ.: Convert!: Designing Web Sites to Increase Traffic and Conversion)
  • Автор: Бен Хант
  • Дата выхода: июнь 2012 года

image

Аннотация книги

В последнее время все большее число разработчиков, веб-дизайнеров и владельцев интернет-проектов стали понимать важность такого показателя, как «конверсия», — процента посетителей сайта, ставших клиентами или постоянными пользователями ресурса. Интернет-предприниматели уделяют повышенное внимание анализу посещаемости проекта, оценке поведения аудитории сайта и поисковой оптимизации.
Читать дальше →
Всего голосов 15: ↑9 и ↓6 +3
Просмотры 11K
Комментарии 0

Конференция Internet Life 2013. Москва, 27-28 мая

Блог компании Software People Разработка веб-сайтов *


В этом году, 27-28 мая, во второй раз пройдет конференция Internet Life.
Internet Life — это конференция, ориентированная на людей, которые пользуются интернетом и хотят научиться использовать его с максимальной для себя эффективностью. Мы уверены, что Интернет – это величайшее изобретение человечества и сейчас там сосредоточено множество полезной и интересной информации. На конференции будет представлено множество уникальных докладов от экспертов и представителей как российских, так и мировых компаний-лидеров интернет-индустрии.
Читать дальше →
Всего голосов 3: ↑2 и ↓1 +1
Просмотры 1.6K
Комментарии 0

Эпидемия онлайн-консультантов

Интерфейсы *Usability *
image


В Рунете набирает обороты повальное увлечение онлайн-консультантами. Если раньше при активном серфигне они попадались на 1-2 сайтах, то теперь практически каждый сайт, продающий товары или услуги, встречает вас бездушным «Добрый день. Чем могу помочь?»

Я постарался проанализировал этот феномен на основе отзывов владельцев сайтов, их посетителей и своих личных ощущений. В первую очередь я рассматривал применение онлайн-консультантов в среде интернет-магазинов. В конце статьи даются краткие рекомендации для тех, кто собирается или уже установил консультанта себе на сайт.
Читать дальше →
Всего голосов 82: ↑73 и ↓9 +64
Просмотры 92K
Комментарии 96

Быстрый интерфейс: почему сервис должен летать?

Интерфейсы *
В рамках одного из моих проектов, я провел небольшое исследование — как медленный интерфейс влияет на поведение пользователя?

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

Эксперимент проводился довольно просто, по принципу A/B тестирования. Аудитория A работала с сервисом «быстро», так как они и работает. А у аудитории B при отдаче каждой страницы был сделан sleep на 700 миллисекунд.
Читать дальше →
Всего голосов 77: ↑67 и ↓10 +57
Просмотры 32K
Комментарии 44

Как пользователи ведут себя на сайте?

Блог компании ALTWeb Group Веб-дизайн *
image

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

Читать дальше →
Всего голосов 49: ↑38 и ↓11 +27
Просмотры 48K
Комментарии 15

Кое-что получше A/B тестирования

Я пиарюсь
Всем привет! Меня зовут Василий. Мое главное занятие — повышать конверсию сайтов, ключевую метрику в любом IT-бизнесе.

По статистике, средняя конверсия сайтов в рунете не превышает 1 процента и это значит, что огромное количество интернет-предпринимателей каждый день теряет много денег. Этих предпринимателей можно мысленно разделить на два основных типа: первые — это те, кто просто сидит и смотрит на свой не оптимизированный ресурс и ничего не делает. К сожалению, они обречены быть раздавленными временем инновациями и конкурентами. Вторые — это те, кто пытается что-либо с этим делать. Как правило, для этого они рисуют лендинги, экспериментируют с каналами рекламы и проводят A/B тестирование. A/B тестирование — это крайне необходимый инструмент современного маркетинга, он позволяет определить, какой вариант продающей страницы является наиболее эффективным для большинства пользователей. Чтобы понять, насколько этот метод эффективен — достаточно вспомнить нашумевшую историю про Обаму и 60 млн $. Однако, у этого метода есть и обратная сторона, заключается она в том, что все люди разные, и если к примеру статистика покажет, что женщины по большей части любят котиков, совсем не обязательно что у твоей девушки нет на них аллергии. То есть, если у нас A/B тест показал, что некий вариант лендинга идеален для 60% пользователей и мы выбираем его для нашей рекламной компании, то мы автоматически теряем оставшиеся 40%, которых он ни чем не цепляет. Значит, A/B тестирование не идеально и нужно срочно что-то с этим делать. Причём прямо сейчас, потому что мы ко всем чертям теряем 40% лидов и это вообще не круто!

image
Читать дальше →
Всего голосов 41: ↑24 и ↓17 +7
Просмотры 5.2K
Комментарии 34

5 убийц унылых лэндингов

Блог компании Generate.club Веб-дизайн *Usability *
Recovery mode
Перевод
В последнее время я заметил активный рост количества креативных посадочных страниц, а также появление новых стратегий для повышения конверсии. В течение долгого времени посадочные страницы были довольно похожи — заголовок, несколько триггеров и форма заявки.

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

Мы вступили в новую эру оптимизации посадочных страниц. Дизайнеры, профессиональные маркетологи, SЕО-оптимизаторы, CRO, UX-эксперты и другие специалисты объединили свою коллективную мудрость для разработки нового типа посадочных страниц, которые выходят за стандартные рамки и не поддаются традиционной логике. Это будут посадочные страницы будущего.

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

image
Читать дальше →
Всего голосов 52: ↑34 и ↓18 +16
Просмотры 47K
Комментарии 42

Как использовать психологические принципы для увеличения конверсии

Блог компании Generate.club Веб-дизайн *Usability *
Перевод
Оптимизация конверсии — это увеличение вероятности того, что пользователь выполнит какое-либо целевое действие на вашей странице.

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

image
Читать дальше →
Всего голосов 40: ↑22 и ↓18 +4
Просмотры 11K
Комментарии 17
1