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