ИНСТРУМЕНТАЛЬНАЯ СРЕДА АВТОМАТИЗИРОВАННОЙ РАЗРАБОТКИ ВЕБ-ИНТЕРФЕЙСОВ Е.А. Бахтенко, В.Н. Зайцев

ИНСТРУМЕНТАЛЬНАЯ СРЕДА АВТОМАТИЗИРОВАННОЙ
РАЗРАБОТКИ ВЕБ-ИНТЕРФЕЙСОВ
Е.А. Бахтенко, В.Н. Зайцев
А.Н. Швецов, научный руководитель, д-р техн. наук, профессор
Вологодский государственный технический университет
г. Вологда
Инструментальная среда автоматизированной разработки вебинтерфейсов
–
кроссплатформенное
программное
обеспечение,
объединяющее в себе функционал графического, html и ccs редактора, среды
разработки интерфейса, аналитика и справочной системы.
С помощью данной системы, можно создать дизайн/интерфейс
сайта/веб-приложения, с использованием генерируемой векторной графики,
на основе контекстно-зависимых грамматик, без необходимости
использования графических файлов, создание корректной текстовой версии
сайта.
На данный период, в веб-дизайне предпочтительными стали округлость,
имитация выпуклых поверхностей, имитация отражений на манер глянцевого
пластика современных hi-end устройств (к примеру, плееры) [1]. В целом,
восприятие внешнего вида на глаз кажется более приятным. Графика таких
сайтов занимает больший объём, нежели при использовании аскетичного
дизайна. Данный недостаток можно устранить путём замены обычных
графических файлов на векторную графику. Это не только повысит скорость
загрузки страниц, но и обеспечит корректный внешний вид при отключенном
просмотре графики у посетителя сайта.
Тенденция создания подобных интерфейсов связана с совпавшим по
времени выходом новых версий операционных систем использующих
вышеупомянутые идеи. Особенно это отражается в современной тенденции
создания информативных сайтов, где главную роль играет простота,
изящество, графичность и юзабилити.
Международный стандарт ISO 9241-11 определяет юзабилити как
«степень, с которой продукт может быть использован определёнными
пользователями при определённом контексте использования для достижения
определённых целей с должной эффективностью, продуктивностью и
удовлетворённостью».
При использовании нашего конструктора в разработке дизайна,
соблюдаются такие важные аспекты юзабилити, как кроссбраузерность,
хорошо понятный интерфейс, правильный CSS и HTML, приятные цветовые
комбинации.
В идеале для развития веб-сайта в бюджете разработки должны быть
заложены средства на юзабилити тестирование [2]. Однако в реальности
бюджеты, выделяемые на разработку и развитие сайтов, довольно сильно
различаются, и некоторые небольшие сайты, управляемые одним человеком
или небольшой группой людей, не могут себе позволить провести такое
тестирование.
Однако, юзабилити тестирование не будет столь необходимо, если в
процессе разработки интерфейса и внешнего вида будут соблюдены все
необходимые стандарты. Это достигается путем интеллектуальной службы
помощи и анализа действий пользователя. При создании того или иного
компонента интерфейса, пользователь может воспользоваться как
заготовкой, так и создать с нуля необходимый элемент. При изменении
параметров элемента, всегда доступна быстрая справка, а также выдается
рекомендация по текущей операции.
Функциональные особенности: работа в программе через браузер - нет
необходимости установки или загрузки каких-либо ресурсов; возможность
автосохранения, быстрого сохранения и быстрой загрузки; возможность
генерации элементов интерфейса, на основе контекстно-зависимых
грамматик, используя данные опроса пользователя; генерация цветовых схем
на основе контекстно-зависимых грамматик; система помощи и проверки
синтаксиса, выбора концепции дизайна сайта; набор встроенных шаблонов и
компонентов интерфейса сайтов и веб-приложений; возможность генерации
цветовых схем, подбора гармонирующих цветов к выбранному; создание
эффектов свечения, глянца и теней, закругленных углов и т.д. без
использования графических файлов и скриптов; соблюдение стандартов
кроссбраузерности, правильный CSS и HTML; возможность редактирование
полученного макета встроенным HTML/CSS редактором; возможность
обработки и модифицирования графических файлов для их добавления в
оформление интерфейса.
Область применения: создание хостинг-сервиса, дающего возможность
не только выбрать нужный вам шаблон к сайту, но также изменить его или
сгенерировать свой собственный, при условии размещения полученного
сайта на данном хостинге; возможность установки на локальные сервера
организаций, для создания дизайна и интерфейса для сайтов подразделений;
возможность интеграции конструктора в CMS для изменения внешнего вида
сайта или веб-приложения средствами админ-панели.
1. Якоб Нильсен, Хоа Лоранжер. Web-дизайн: удобство использования
Web-сайтов = Prioritizing Web Usability. – М.: Вильямс, 2007. – 368 с.
2.Джеф Раскин. Интерфейс: новые направления в проектировании
компьютерных систем. – Символ-Плюс, 2004. – 312 c.