Будущее дизайна информационных панелей

Мир, в котором мы живем, полон больших объемов данных и постоянно меняющейся информации, и большинству людей приходится декодировать эти данные, чтобы добиться успеха в своей работе. Информационные панели превращают скучные и иногда непрозрачные данные в визуально ошеломляющие идеи, которые находят отклик у широкого круга пользователей. Правда в том, что компании, которые не обладают такими способностями в понимании данных, в конечном итоге уступят рынок тем, у которых такое понимание есть.

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

Топ 10 новых тенденций в дизайне информационных панелей

1. Плоские пользовательские интерфейсы

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

2. Мобильность

Знаете ли вы, что 37 % посещений веб-сайтов в 2015 году приходилось на мобильные веб-браузеры? В течение нескольких лет дизайнеры были вынуждены пересматривать пользовательский опыт, чтобы приспособиться к растущей мобильной тенденции. Их задача состоит в том, чтобы воспроизвести на мобильных устройствах тот же контент, который обычно можно увидеть на настольных ПК. В конечном счете, настольные и мобильные приложения должны конкурировать, а не дополнять друг друга. Например, мобильные информационные панели должны включать функции, позволяющие удаленным сотрудникам быть быстрыми, гибкими и простыми: адаптивный дизайн, прокрутка и перелистывание, и многие другие.

3. Прототипирование

Каркас – это базовая структура для организации компонентов информационной панели. Пользователи, которые знают, какую информацию они хотят отобразить, используют ее для преобразования своих данных в визуализации. Частью каркасного моделирования является внедрение единого размера, который помогает уменьшить отвлекающие факторы, поскольку пользователи могут легко идентифицировать функции информационной панели, а также помогает сделать процесс проектирования менее итеративным. Каждая информационная панель сегодня должна начинаться с прототипирования.

4. Сочетание цветовых блоков

Сейчас мы видим растущую проблему с использованием цветов на информационных панелях. Часто их либо слишком много, что делает информационную панель визуально подавляющей, либо слишком мало, что делает ее скучной. Лучший способ привлечь пользователей – это сочетание цветовых блоков: сбалансировать монохроматические цвета фона с яркими цветами, чтобы выделить важные сведения или аномалии в данных.

5. Меньше значит больше

Информационные панели всегда должны предоставлять действенную информацию, которая имеет отношение к их цели и аудитории. Минимизируйте использование логотипов, так как они занимают ценное пространство. Как мы уже говорили, используйте каркасную конструкцию, чтобы больше полагаться на типографику и простую, чистую графику. Перенесите этот принцип в свои визуализации, используя простые диаграммы и таблицы, а не сложные графики, которые могут быть трудными для чтения. Некоторые дизайны даже почти не используют текст, вместо этого полагаясь на изображения и значки для передачи важной информации.

Пример: Xbox

6. Датчики отсутствуют

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

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

7. Иконография

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

8. Динамические информационные панели

Динамическая информационная панель предоставляет владельцам или авторам возможность беспрепятственно обновлять и добавлять новый контент. Она включает в себя возможности импорта/экспорта, настройку представлений информационной панели с помощью функций перетаскивания и интеграции с платформами или существующими веб-технологиями, такими как Salesforce или Google Analytics. Без динамической информационной панели у вас нет простого способа сделать необходимые обновления, и это ограничит ваши возможности в будущем.

9. Интерактивность

Современные информационные панели используют богатый контент с помощью интерактивных элементов, таких как видео, лайтбоксы, наложения, слайсеры и многое другое. Такие возможности, как масштабирование, детализация и фильтрация, также становятся все более распространенными. Некоторые информационные панели даже используют социальные каналы для повышения лояльности к бренду и осуществления действий в режиме реального времени. Все эти интерактивные функции помогают повысить заинтересованность пользователей и, в свою очередь, помогают людям получить более глубокое представление о контенте.

10. Технология локации

Исторически, информационные панели включали карты для визуального представления показателей производительности на основе географии. Теперь, с появлением технологий GPS, встроенных в устройства, картографирование местоположения стало более интеллектуальным. Пользователи информационной панели должны иметь возможность быстро отвечать на вопросы, связанные с местоположением, например, наиболее часто используемые ресурсы в пределах кампуса или общее количество пройденных миль по стране.

Ресурсы для улучшения вашего дизайна

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

Вот наши любимые ресурсы:

Цветовое колесо Adobe Kuler: создавайте собственные цветовые схемы и просматривайте тысячи других цветовых комбинаций из сообщества Adobe. Если вы застряли, то можете использовать образцы цветов из изображения, как правило, через Adobe Photoshop или Adobe Illustrator. Color.Adobe.com/Create/Color-Wheel


Colblindor: Этот хороший ресурс по дальтонизму, включает в себя бесплатное приложение, которое проверяет тип и степень эффективности для зрения пользователя. Color-Blindness.com

Colors: Не уверены в своем выборе цвета? Начните с этой цветовой палитры для Интернета. CLRS.cc

Color Brewer: Легко выбирайте цветовые схемы для визуальной графики, используя предварительно выбранные наборы цветов, которые прошли проверку на дальтонизм и контрастность.ColorBrewer2.org

Designers Toolkit: эта всесторонняя оценка поможет вам выбрать лучшие инструменты для создания прототипов для Интернета, мобильных устройств и настольных ПК. cooper.com/prototyping-tools

Font Pair: все, что вам нужно знать о соединении шрифтов Google Fonts. FontPair.co

Google Fonts: Этот интерактивный каталог бесплатных интерфейсов программирования приложений (API) для веб-шрифтов позволяет настраивать толщину, стили и т. д., а затем интегрировать шрифты прямо в ваш CSS. google.com/fonts

Paletton: создавайте палитры цветов, которые хорошо сочетаются друг с другом в соответствии с классическими теориями цвета. Вы даже можете использовать Live Colorizer, чтобы попробовать свой выбор в собственных проектах. Paletton.com

Vischeck: этот симулятор дальтонизма необходим для того, чтобы все пользователи могли четко видеть ваши информационные панели. Просто запустите его на ваших файлах изображений или на веб-странице, чтобы имитировать дальтонизм. VisCheck.com

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

60 queries in 0,197 seconds