Этот доклад был посвящен обзору новых технологий в разработке интерфейсов интернет-магазинов, а именно о Flex, Flash и AJAX.

Я рассказала про RIA-интерфейсы, applications, профиль товара, корзину покупок, помощников при выборе товара.

Также особое внимание я уделила психологическому аспекту выбора и покупки товара. Рассказала про PET-дизайн (убеждающий, вызывающий эмоции и доверие дизайн). Сделала обзор инструментов, на примере торговой площадки onliner.by, с помощью которых можно повысить конверсию обычных посетителей в покупателей.

Вот требования:

Компания Somedia ищет профессионального php-программиста в Минске. Требования: PHP5, ООП, CSS, Javascript (DOM, AJAX, JQuery), SVN, Linux.

Уютный и комфортный офис, интересные web 2.0-проекты, возможность профессионального роста.

Компания: Somedia
Город: Минск
Зарплата: 1800$
Пол: мужчина
Возраст: от 21 до 28
Телефон(ы): +375-29-6777-485
Контактное лицо: Александр Сергеев
E-mail: a.sergeev@humanoit.ru
Опыт работы: от 2 лет
Тип работы: постоянная
График работы: полная занятость, с 9 до 18
Место работы: работа в офисе
Образование: высшее
Студент: не студент
Иностранный язык: Английский

То тут, то там в блогосфере постоянно происходят небольшие информационные взрывы, но к сожалению я ни разу не видел среди “бомб” тредов по юзабилити. А жаль – позитив таких импульсов заключается в том, что они выделяют энергию, которой можно подзарядиться и далее канализировать ее в благие дела. Но для этого нужно подключиться к дискуссии, найти свою розетку и подключиться, и, конечно, нужно что-то отдать взамен (энергию слова, энергию поддержки, трэкбэк, пингбэк, у кого что есть).

За последнюю неделю, юзабилити блогосфера трижды становилась моим источником энергии в самом хорошем смысле:

• Holy War: Дмитрий Павлов (UIDesign Group) написал Об образах, эффективности, удовлетворенности и двух типах интерфейсов
• Ликзбез: Антон Войченко спросил о том, кто может провести юзабилити аудит портала.
• Дизайн: Алексей Новиков (Микромаркетинг) написал о дизайне вообще и о дизайне сайтов в частности, а также о роли визуального оформления сайта
• Фанта: Платон Днепровский (UIDesign Group) анонсировал о запуске тизер-ленты Fresh.GUI

На этом беспристрастность заканчивается и начинается точка зрения автора этого блога.

К сожалению, во всех случаях (кромен Дизайна и Фанты) дискуссии вились не вокруг содержания, а вокруг личности автора.

Holy War
В данном случае программисты и сисархи наехали на юзабилити-специалистов (в данном случае психологов) и обвинили последних в псевдонаучности.

Моя точка зрения: юзабилити это прикладная дисциплина, основанная на науке HCI (человеко-компьютерное взаимодействие). Союз программистов и психологов заложен в юзабилити изначально, так как HCI – мультидисциплинарная наука, включающая в себя как инженерию, так и психологию.

Ликбез
А здесь мы имеем вопрос

Сколько стоит нынче usability аудит для портала и есть ли у кого опыт какой, может даже есть кто этим занимается?

и ответ

Имхо ни в уанете ни в рунете, профессиональный usability аудит как такой еще не существует :). То что вам предложат наши конторы – может сделать любый хороший опытный веб мастер.

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

Моя точка зрения: любой хороший опытный веб-мастер может сделать юзабилити аудит, НО он будет неполным и очень, очень поверхностным (в духе “ссылки должны быть подчеркнуты”, “используется 6 цветов и 5 размеров”, “сайт сверстан табличным методом, а должен блочным” и т.д. в таком вот духе). Чтобы сделать качественный и всесторонний юзабилити аудит, необходимо:

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

В фокусе профессиональных юзабилити-специалистов, которые оценивают сайт оказываются: архитектура и навигация, композиция и дизайн, содержание, формы и интерактив, цвета и т.д. – см. подробнее здесь (оценочный лист для экспертной оценки юзабилити из книжки Usability for the web: designing web sites that work).

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

Дизайн — это не то, как выглядит вещь, а то, как она работает

Дизайн – это не только картинки

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

Фанта
Идея тизер-ленты со ссылками на ресурсы – не нова (в других предметных областях такие ресурсы уже есть), однако по юзабилити такого еще не было.

Очевидная польза такого ресурса – в экономии времени: вместо того, чтобы просматривать множество лент по юзабилити, гораздо эффективнее подписаться на одну общую ленту и be the the first to know.

На этом я закончу.

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

Вот такие конструкты (антонимы) приводит О’Рейли (то, что слева было в Web 1.0, то что справа – Web 2.0):

• персональные сайты – блоги;
• спекуляция доменными именами – поисковая оптимизация;
• оплата рекламы по количеству показов – оплата рекламы по количеству переходов;
• извлечение данных из HTML – Web-сервисы;
• публикация – соавторство;
• системы управления контентом (CMS) – Wiki;
• каталоги (таксономия) – теги (фолксономия);
• удержание пользователей – синдикация контента.

Персональные сайты и блоги – это одно и тоже, просто теперь персональный сайт мы называем блогом. Спекуляция доменными именами и поисковая оптимизация – это одно и то же, а именно – реклама (хорошее имя типа usability.by – это уже круто, хотя с другой стороны – вы посмотрите на usability.by.ru), оплата рекламы по количеству показов и оплата рекламы по количеству переходов – переходы были всегда, их просто не брали в расчет, извлечение данных из HTML и Web-сервисы – всегда данные извлекали (xml rpc, soap, просто теперь это называется web-сервис), публикация и соавторство (соавторство – та же публикация, только коллективом людей), системы управления контентом и Wiki – абсолютно одно и тоже, просто wiki – это упрощение процедуры написания статьи до безобразия, каталоги (таксономия) и теги (фолксономия) – а индексация поисковым роботом текста страницы это разве не выбор тегов (для робота это как-раз “фолксономизация”), а метод свободных ассоциаций (спасибо Фрейду) – это та самая фолксономизация, удержание пользователей и синдикация контента – сам принимал участие в написании скрипта (году так в 1999), который “тырил” новости с разных сайтов (по текстовому шаблону), так что здесь тоже ничего нового.

Если раньше я (и большинство сетевых людей, в основном технарей) смотрел на Web и Интернет такими конструктами:

• ethernet – token ring
• IP – IPX/SPX
• TCP – UDP
• FTP – NFS
• Linux – Microsoft Windows
• Apache – IIS
• Internet Explorer – Netscape Navigator
• FidoNet – Internet
• хаб – свитч

то теперь, когда в Интернет пришли “домохозяйки” (seo-оптимизаторы, “php-программисты”, копирайтеры, “юзабилити-специалисты”), потребовалось изменить восприятие веба, сделать его более человечным и, след-но, доступным. Самый простой способ изменить восприятие – ввести новые, более конкретные и точные термины, закопав тем самым поглубже технологические нюансы, на которых зиждется Интернет и Web, как один из его сервисов. Поэтому и появились “блог” (это более конкретно, чем персональный сайт, блог имеет определенную структуру и т.д.) “фолксономия” (это более конкретная таксономия, основанная на ассоциациях), UGC (user generated content, контент, создаваемый пользователями) (это более конкретно, чем просто контент), юзабилити (это более конкретно про человеко-компьютерное взаимодействие). Технологии еще дальше спрятали от простых пользователей. И это хорошо, с одной стороны (Интернет стал более доступным и понятным), но плохо с другой (возможны манипуляции людьми, которые ничего не смыслят в технологиях Web 2.0). Пример последней манипуляции технологиями, которую я ощутил на своей собственной шкуре, случился на просмотре кинофильма Трансформер, в котором некий сингал взломал компьютерную систему безопасности. Ха-ха-ха.

Web 2.0 – это новое восприятие Веба. Оно более человечное, более конректное, ясное и понятное большинству, уже даже потому, что никто не знает, что такое Web 1.0 (имхо это передача данных от веб-сервера к браузеру по протоколу HTTP).

Long live Web 2.0!

Назад к природе!

Сайты
Условно всех посетителей сайтов, которые принимают платежи он-лайн можно разделить на 3 группы: продавцы (владелец сайта), программисты (которым предстоит интегрировать сайт с платежной системой) и клиенты продавца (которые оплачивают услуги продавца или товары через платежную систему).

Роли могут смешиваться, как, например, в моем случае: продавец и программист.

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

1. Как интегрироваться с платежной системой (чтобы форма оплаты была на сайте продавца, а не на сайте платежной системы)?
2. Поддерживает ли система рекуррентные транзакции?
3. С каким банком продавец может заключить соглашение? (чтобы принимать платежи, продавец должен иметь спец. соглашение с банком, а банк должен иметь соглашение с платежной системой, чтобы последней было разрешено работать со счетом продавца в банке)
4. Какова комиссия за транзакцию? (платежные системы зарабатывают на том, что берут с продавца комиссию за каждую транзакцию, то есть покупку)
5. Какова стоимость подключения к системе?

Кроме этих вопросов, я, как юзабилити-специлист, попутно и подспудно (профдеформация), обращал внимание на такие моменты:

1. Качество дизайна
2. Убедительность (клиенты, оборот, премии, сертификаты безопасности)
3. Ориентированность сайта на задачи и вопросы посетителей
4. Содержание (заголовки и тексты страниц, смысловая составляющая вообщем)

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

Пациент №1 (ссылка)
Шило полное. Мало того – там про оффшоры, так еще я минут 10 искал, где там про прием платежей. Понял не сразу, что речь идет об открытии счета в западном банке для приема он-лайн платежей через западные платежные системы. Убедительность – отрицательная (картинки стыренные и некачественные, клиентов понятно почему не светят :) и т.д.). Любуйтесь:

Пациент №2 (ссылка)
Дизайн говорит (вернее молчит) сам за себя. А что такое “ТСП” ? Сайт очень удобно использовать в офф-лайн версии: линии отреза видны очень четко, что снижает риск отрезать по ошибке кусок контента. Убедительность сайта на порядок выше предыдущего, то есть нулевая. Да, забыл – это главная страница. Лучше бы оставили рыбу “lorem ipsum” – хоть солиднее бы смотрелось :)

Пациент №3 (ссылка)
Опять куча текста. И заголовки, вы посмотрите на эти заголовки: “Сводим к минимуму…”, “Защищаем электронный бизнес…”, “Обеспечиваем работу…”. От какие вы крутые. Сколько можно копировать тупой off-line маркетинг в духе “лучшие цены”? Автор, do u hear me, ну-ка срочно читать статью кому нужны эти заголовки.

Сайт №4. Лидер в номинации “функциональность” (электронные платежи)
Наконец что-то благопристойное…хотя бы внешне…в смысле шапка, подвал и справа вроде красиво и убедительно… Да-да, убедительно – вон премию им дали… пожертвования собирают (ай, молодцы), даже сертификат серъезный есть – hacker safe. Респект вообщем, серъезно. Теперь смотрим в текст: ай-ай-ай, ну как же так ну? Мелковато, мало заголовков, никто меня за ручку по тексту не ведет, приходится сканировать самому… Посмотрим, что там в меню? Продукты и услуги. О, вижу “Клиентам”. Мдя, но я же еще не клиент. А где “продавцам”, “программистам”? Эх, мечты-мечты… Опа, снизу какие-то баннерочки – “verified by visa” – солидно конечно. Но почему снизу?!? Там же счетчики обычно. Не понимаю.

Сайт №5. Лидер в номинации “удобство” (сайт)
Просто скриншот, без комментариев. Хотя нет, скажу: негоже “магазинам” и т.д делать на картинке – смотриться как заголовок для колонки, которая идет ниже и в итоге такое решение требует лишней пары секунд на раздумывание (вопрос снимается, когда подводишь мышь на картинку и курсор сообщает о кликабельности объекта).

А теперь, для сравнения, мировые лидеры в сфере он-лайн платежей: PayPal и Authorize.Net. Feel the difference:

PayPal

Authorize.Net

ps. Справедливости ради замечу, что нам подошла система ChronoPay – самая функциональная и самая качественная система электронных платежей в Рунете (на первый взгляд, судя по features list & white papers). Ну и хочу отметить мгновенную обратную связь на мой вопрос в sales отдел и это в субботу.

pss. В качестве бонуса и стимула к развитию сайта, я поставил ссылку на ХроноПэй с рекламным анкором, ибо Assist (конкурент) – итак на первом месте в Яндексе по запросу “электронные платежи”. Justice for all :)

Такими словами начинается статья на самом популярном западном блоге по веб-дизайну A List Apart.

Я ответил на вопросы анкеты, но не из-за призов (Apple 30GB video iPod и др.), а из-за того, что мне хочется внести свой вклад в становление/развитие профессии юзабилити-специалиста. Да, вот такой я юзабилити-энтузизиаст :)

Внимание: опрос заканчивается завтра, 22 мая.

Определение
Конверсия – совершение посетителем преодпределенного вами действия на веб-сайте (подписка на рассылку, заказ товара, просмотр страницы с контактами).

Релевантный посетитель – тот посетитель, который заинтересован в тематике вашего веб-сайта. См. подробнее о релевантном посетителе в статье Google Analytics.Часть 1: Откровение для SEO-специалиста.

Магическая формула
Вот магическая формула, которая объединяет всех трех специалистов (маркетолога, SEO-специалиста и юзабилити-специалиста) в одну команду с общей целью:

• Уровень релевантных посетителей = кол-во релевантных посетителей / кол-во посетителей сайта (%)
• Уровень конверсии = кол-во конверсий / кол-во посетителей сайта (%)
• Стоимость одного посещения = сумма, потраченная на рекламу сайта / кол-во посетителей сайта (руб.)
• Стоимость конверсии = сумма, потраченная на рекламу сайта / число конверсий (руб.)
• Бизнес-цель = число конверсий, необходимых для получения заданной прибыли

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

Число конверсий напрямую зависит от удобства веб-сайта, то есть от юзабилити как качества ПО. Также число конверсий может увеличиваться с ростом числа релевантных посетителей.

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

Как говорится, всяк сверчок знай свой шесток.

Заметки блога по теме:

1. Подробнее про специфику работы SEO-специалиста
2. Как измерить уровень конверсии при помощи Google Analytics

Текст: Александр Сергеев, HumanoIT Group

Итак, вот какие события ушедшего 2006 года я взял с собой в 2007-й с пометкой “важно”:

1) Почти 300% рост популярности юзабилити
Согласно статистике запросов Yandex в январе “юзабилити” (и фразы) искали 491 раз, а в декабре уже 1445.

2) Рынок юзабилити-услуг в России начал постепенно разделяться на две области: одни специалисты занимаются критикой, а другие конструированием. Одни неаргументированно критикуют (”пЕняться”) дизайн веб-сайтов и приложений, а другие анализируют пользователей и задачи и проектируют _полезные_ и _удобные_ интерфейсы. Правда последние иногда вынуждены заниматься критикой, но аргументированной, чтобы продемонстрировать заказчику низкое юзабилити его продукта.

3) Сближение веб-юзабилити и SEO
Я очень часто наблюдаю вопросы владельцев сайтов да и самих SEO-специалистов на всевозможных seo-форумах: “траффик большой, пользователи релевантные, но, блин, не покупают/не регаются/не звонят. В чем проблема? Оцените плиз юзабилити”. Этот часть рынка юзабилити лишь немного занята, да и то “пеной”.
На мой взгляд, интерес к юзабилити намного быстрее распространяется в Интернет, нежели среди десктопных приложений. Думаю, что отчасти это связано с web2.0-взрывом и ростом популярности услуг по продвижению сайтов в поисковых системах (слово “seo” (и фразы) искали на яндкесе 3640 в январе и 10324 в декабре), те же 300%, что и в случае с “юзабилити”).

4) С выходом на сцену психологов и инженерных психологов в 2006 начался длительный этап расширения понятия “юзабилити” до “user experience”.
Последняя статья 2006-го года Димы Павлова “Мифы о юзабилити” спровоцировала бурную дискуссию на тему: человек vs. персонаж. Юзабилити это не только выяснение целей и задач пользователя, но и его мотивов, потребностей, способностей, установок, личностных особенностей. Человек – шире, чем “персонаж”, это не только субъект деятельности со своими целями (как у Купера), но и индивидуальность. Первая новинка от Apple iPhone в этом году довольно хорошо иллюстрирует мою мысль: помимо удобного (не видел, но почти на 100% уверен) интерфейса, этот телефон дарит и эстетическое наслаждение и чувство уникальности (от обладания столь кульной вещи).

Но что позволено Юпитеру, не позволено быку. Поэтому юзабилити в России на ближайшее будущее – это в первую очередь создание а) полезных, б) удобных _персонажу_ интерфейсов. Делать Мерседесы и АйФоны мы будем тогда, когда каждый второй пользователь будет иметь только позитивный опыт работы с компьютером.

Должно пройти еще несколько поколений, прежде чем появяться программисты, которые не знают, что такое Turbo Vision, Object Window Library, которые никогда не видели редактор ресурсов в VS 6 или в VS 2003, которые не создавали визуальных ActiveX контролов при помощи ATL/WTL и COM/DCOM.

5) Юзабилити наконец-таки получил поддержку Microsoft
Во-первых, это Microsoft Expression Studio – окнончательное отделение интерфейса от бизнес-логики.
Во-вторых, как уже написал Алексей, – появление Microsoft Design Center (http://microsoft.com/design/).
Наверное по значимости это самые важные события для юзабилистов и программистов.
Да, я кстати очень надеюсь, что по MS сделают нормальную, юзабельную IDE для программистов (вы посмотрите на VS6 или на 2003 с точки зрения юзабилити…). Программист – тоже пользователь и у него очень бэд экспириенс!

6) Начало активного использования большого числа удобных и полезных веб-приложений
GMail, Google map, Flickr, Linkedin, del.icio.us и других. Это позволяет пользователям наконец-то увидеть юзабилити, пусть они даже не знают что такое “юзабилити”, главное – это формирование у них положительного опыта использования компьютера.

7) Появление openid
Openid – децентрализованная система авторизации/аутентификации. См. мою заметку об этой технологии.

8) Начало проекта SUP с участием Антона Носика
Алексей написал про слабенькое юзабилити у ЖЖ и я с ним согласен. Но буквально сегодня (то есть 12-го января) я узнал про SUP, они как раз и собираются адаптировать LiveJournal под российскую аудиторию (перевод, улучшение юзабилити и т.д.), которая значительно отличается от Западной (у них там 18-летние, у нас – писатели, политтехнологи, на подходе политики).

9) Появление нового вида юзабилити-инструментов автоматического тестирования
CrazyEgg, ClickDensity – инструменты для анализа кликов серферов. Просто супер-штука: 1) визуально видно куда люди кликают на странице, 2) элементарно встраивается (нужно прописать 2 строчки в html-коде веб-страницы).

Эти инструменты теоритически годятся и для количественного тестирования AJAX-приложений. Я сам еще не проверял (у меня пока нету доступа к AJAX-приложению. Может у вас есть?) Но ведь как работает эта штука: определяет источник клика и его координаты и потом в отчете помечает это место точкой. Больше точек – ярче цвет, получается эдакий heat map. Поэтому отследить куда в окошке AJAX приложения клацал человек – теоритически можно.

10) “Дизайн повседневных вещей” Нормана перевели на русский язык :)

Интересно будет услышать ваше мнение: что важного на ваш взгляд произошло в 2006 году?

Текст: Александр Сергеев, HumanoIT Group

Интерфейс – это не только эффективность и продуктивность!

Интерфейс – это и эстетика, и красота, и стиль!

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

Кроме того, мы следим за новинками в мире пользовательских интерфейсов и интерактивного дизайна. Здесь наша цель – оперативно оповестить профессиональное сообщество и дать ему пищу для размышления. Эй! Мир не стоит на месте!!!

Александр Сергеев
юзабилити-менеджер,
HumanoIT Group