В дополнение к посту о heatmaps, в копилку сервисов следует добавить откопанный на просторах интернета сервис Feng-GUI ViewFinder heatmap
Он генерирует те же самые heatmaps — но КАК!
Ему не нужны нажатия. «Скармливаете» ему картинку — и он почти сразу же выдаёт вам «карту зон визуального внимания», и пути перемещения от одной зоны к другой. В основе сервиса заложены алгоритмы, пытающиеся разобрать картинку на отдельные визуально значимые элементы, и сымитировать перемещение глаза между ними.
Не берусь сказать, насколько корректно сервис анализирует картинки и даёт результат — разработчики утверждают, что сервис основан на реальных исследованиях. И, по крайней мере, на мой взгляд, он хотя бы не так уж плохо определяет визуальные акценты. Вполне подойдёт для быстрой грубой оценки юзабилити сайта, или макета рекламы.
Пользуйтесь на здоровье! И не забывайте, что у сервиса есть бесплатная и платная версии, а в бесплатной ему можно «скармливать» не более одной картинки каждые 12 календарных часов.
Сегодняшний пост будет полезен в первую очередь веб-разработчикам и дизайнерам, задейстовованым в создании интерфейсов сайтов и приложений.
Как измерить «юзабилити»? Особо креативные команды частенько бросаются фразами «у этого сайта хороший юзабилити», и всякое такое в этом роде. Так вот, умные программисты придумали всем нам инструменты, чтобы «пощупать» это самое юзабилити. Называется это — heatmat, или «карта зон внимания». Пример ниже сразу даст вам понимание, что это такое.
Всё просто: специальный скрипт запоминает все нажатия мышки на вашем сайте / в вашем интерфейсе, и строит зональную карту мест, где чаще всего нажимают.
Ответы на какие вопросы дают такие карты?
Вы даже можете осознать, что посетители вашего сайта всю время нажимают в одно и то же место (например, картинку), ожидая, что там ссылка — а там у вас (на самом деле) ‘никакой ссылки не предполагалось, и посетители ошибаются в нажатии. Что в таком случае надо делать? Правильно — срочно исправлять интерфейс, и либо поставить в месте нажатия ссылку — либо совсем убрать «спорный» элемент интерфейса.
И всё это — РЕАЛЬНЫЙ материал для ваших дальнейших размышлений.
По секрету скажу — на infographer.ru такая карта тоже установлена:)
Пользуйтесь на здоровье!
Делитесь находками из своих карт!
Ссылки на самые хорошие сервисы
И ещё несколько менее интересных, но стоящих внимания, ссылок на сервисы: