Интерфейс программного продукта

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

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

С точки зрения как эстетики, так и целостности восприятия, дизайн всех страниц сайта должен быть выдержан в одном стиле. С точки зрения реализации сайта в целом, можно выделить три стиля дизайна:

- текстовый, где все элементы управления и структурирования (заголовки, рубрики и прочее) представляют собой просто текстовые фрагменты, заключённые в соответствующие теги;

- графический, в котором управляющие и структурирующие элементы реализованы с помощью графических файлов;

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

Если говорить о web-дизайне с точки зрения отдельной страницы, то можно выделить следующую классификацию:

- академический дизайн, основанный на использовании исключительно тегов HTML 2.0 или почти совпадающих с ним тегов HTML 4.0; для него характерно отсутствие любых средств позиционирования текста и графики;

- «резиновый» табличный дизайн, где для позиционирования текста и графики используются таблицы, размер которых задан в процентах от ширины окна;

- «жёсткий» табличный дизайн, когда для позиционирования элементов страницы используются таблицы с размером, жёстко заданным в пикселах;

- технологический дизайн, когда всё управление элементами страницы осуществляется посредством технологии типа Java или Macromedia Flash.

Дизайн web-сайта фирмы ООО «АвтомирТрейд» выполнен в технологическом стиле с использованием скриптов, также использованы гипертекстовые ссылки и flash элементы. Каждая страница загружается с шаблона, что даёт идентичность страниц в дизайне. Верстка была сделана в табличном стиле, поэтому сайт оптимизирован под разнообразные разрешения экрана пользователей. Вверх сайта – шапка в виде нескольких изображений объединенных в одно изображение. В шапку входит и блок поиска, с помощью которого происходит поиск требуемой информации по каталогу, которую можно увидеть на рисунке 3.3.

Рисунок 3.3 - Поиск по сайту

Ниже шапки идёт бегущая строка которая по своему предназначению заменяет новости. Интерфейс каталога организован в виде выпадающего меню на технологии JavaScript, представлено на рисунке 3.4.

Рисунок 3.4 - Выпадающее JavaScript меню

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

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

Рисунок 3.5 - Размещение блоков и модулей сайта

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

Дата добавления: 2015-06-29