Тема: скрипты для сайта 3
Вышла D3.js 4.0
Вышла новая версия библиотеки d3js для создания интерактивных визуализаций. D3.js – практически самая популярная на сегодняшний день библиотека. Все подробности в пресс-релизе, а некоторые детали тут:
D3 4.0 is modular. Instead of one library, D3 is now many small libraries that are designed to work together. You can pick and choose which parts to use as you see fit. Each library is maintained in its own repository, allowing decentralized ownership and independent release cycles. The default bundle combines about thirty of these microlibraries.
Также стоит отметить:
Small files are nice, but modularity is also about making D3 more fun. Microlibraries are easier to understand, develop and test. They make it easier for new people to get involved and contribute. They reduce the distinction between a “core module” and a “plugin”, and increase the pace of development in D3 features.
Ура.
Куда смотрят наши глаза?
В дополнение к посту о heatmaps, в копилку сервисов следует добавить откопанный на просторах интернета сервис Feng-GUI ViewFinder heatmap
Он генерирует те же самые heatmaps — но КАК!
Ему не нужны нажатия. «Скармливаете» ему картинку — и он почти сразу же выдаёт вам «карту зон визуального внимания», и пути перемещения от одной зоны к другой. В основе сервиса заложены алгоритмы, пытающиеся разобрать картинку на отдельные визуально значимые элементы, и сымитировать перемещение глаза между ними.
Feng-gui для анализа юзабилити и качества дизайна
Не берусь сказать, насколько корректно сервис анализирует картинки и даёт результат — разработчики утверждают, что сервис основан на реальных исследованиях. И, по крайней мере, на мой взгляд, он хотя бы не так уж плохо определяет визуальные акценты. Вполне подойдёт для быстрой грубой оценки юзабилити сайта, или макета рекламы.
Пользуйтесь на здоровье! И не забывайте, что у сервиса есть бесплатная и платная версии, а в бесплатной ему можно «скармливать» не более одной картинки каждые 12 календарных часов.
Юзабилити против пользователя. Кто победил?
Сегодняшний пост будет полезен в первую очередь веб-разработчикам и дизайнерам, задейстовованым в создании интерфейсов сайтов и приложений.
Как измерить «юзабилити»? Особо креативные команды частенько бросаются фразами «у этого сайта хороший юзабилити», и всякое такое в этом роде. Так вот, умные программисты придумали всем нам инструменты, чтобы «пощупать» это самое юзабилити. Называется это — heatmat, или «карта зон внимания». Пример ниже сразу даст вам понимание, что это такое.
Heatmap - карта нажатий вашего сайта
Всё просто: специальный скрипт запоминает все нажатия мышки на вашем сайте / в вашем интерфейсе, и строит зональную карту мест, где чаще всего нажимают.
Ответы на какие вопросы дают такие карты?
- Какие меню наиболее популярны, какая кнопка на сайте привлекает больше всего внимания
- Какие элементы интерфейса не пользуются популярностью?
Вы даже можете осознать, что посетители вашего сайта всю время нажимают в одно и то же место (например, картинку), ожидая, что там ссылка — а там у вас (на самом деле) ‘никакой ссылки не предполагалось, и посетители ошибаются в нажатии. Что в таком случае надо делать? Правильно — срочно исправлять интерфейс, и либо поставить в месте нажатия ссылку — либо совсем убрать «спорный» элемент интерфейса.
Heatmap скрипт - карта горячих мест вашего сайта
И всё это — РЕАЛЬНЫЙ материал для ваших дальнейших размышлений.
По секрету скажу — на infographer.ru такая карта тоже установлена:)
Пользуйтесь на здоровье!
Делитесь находками из своих карт!
Ссылки на самые хорошие сервисы
- Clickdensity — красивый, но не очень удобный
- Crazy Egg — самый красивый, удобный
- Clickheat — бесплатный. Нужно немного поковыряться с настройками — но всё отлично работает.
И ещё несколько менее интересных, но стоящих внимания, ссылок на сервисы: