Использование смартфонов, планшетов и других мобильных устройств на предприятии произвело революцию в дизайне веб-приложений. Один размер подходит всем больше не работает. Создание отдельных приложений — это трудоемкая задача, которую нелегко масштабировать в соответствии с требованиями рабочей силы, использующей различные платформы для получения информации.
Чтобы идти в ногу с потребностями бизнеса и оставаться актуальными, разработчики должны иметь возможность создавать гибкие приложения, которые работают на настольных компьютерах и в различных портативных средах. Вот почему многие разработчики обратились к принципам адаптивного дизайна и внедрили динамические технологии, такие как JavaScript, которые позволяют приложению изменять способ визуализации визуализации в зависимости от размера устройства.
Хотя адаптивный дизайн, основанный на размере экрана, — отличный первый шаг, это только половина дела. Размер ввода или данных так же важен, как и размер вывода или экрана устройства. Когда вы думаете об этом, это имеет смысл. Точно так же, как попытка отобразить традиционное веб-приложение на мобильном устройстве создает проблемы как с визуализацией, так и с функциональностью, объединение результатов большого и сложного набора данных в одну визуализацию только расстраивает пользователя. Пользователи должны иметь возможность быстро получать информацию на основе наиболее важных для них данных.
Адаптивная визуализация данных начинается там, где заканчивается адаптивный дизайн. Это позволяет разработчикам создавать приложения, которые реагируют на размер и сложность данных. Используя такие инструменты, как D3.js, Bootstrap или Viewbox для SVG (масштабируемая векторная графика), разработчики могут создавать многоразовый код для группировки, наслоения, связывания и объединения данных из больших наборов данных в соответствии с потребностями конкретной группы пользователей. По мере изменения данных графика визуализации меняется вместе с ним.
Адаптивная визуализация данных — это не только конкретные инструменты и технологии. Здесь задействованы ключевые принципы, наиболее важным из которых является ясность. При разработке дизайна для использования на экранах мобильных устройств или планшетов целью должно быть четкое, а не кричащее изображение. Причудливые навороты, которые могут произвести впечатление на пользователя настольного компьютера, могут испортить опыт мобильного пользователя. Ключевым моментом является соблюдение правильного баланса.
Привнести адаптивные принципы в визуализацию данных необходимо, но это непросто. В ближайшие недели мы познакомим вас с анатомией приложения, управляемого данными, и предложим несколько простых способов использования библиотеки JavaScript D3.js.
