Интерфейс

TECH application 1.0

Разработка интерфейса для специализированного web-приложения

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

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

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

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

Отдельный блок разработки был отведен для построения и стилизации графиков и диаграмм.

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

Также были предусмотрены возможности масштабирования сетки и опции фрагментирования и детализации графиков.

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

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

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

Каждый из экранов web-приложения распланирован для размещения максимального количества полезных параметров и управляющих элементов без вреда для читабельности и логики построения.

Контуры, соотношения шрифтов, иконок и отступов , трансформации элементов – все значимые детали были расчитаны на адаптацию под рабочую среду специалистов

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

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

Интерфейс TECH application 1.0

Интерфейс

TECH application 1.0