Дипломник: Сазыкин Е. С. Факультет ивт




НазваниеДипломник: Сазыкин Е. С. Факультет ивт
страница8/11
Дата09.03.2013
Размер0.72 Mb.
ТипДиплом
1   2   3   4   5   6   7   8   9   10   11

3.3 Описание дизайна главной страницы



Дизайн главной страницы иной по сравнению с остальными страницами. На всех страницах присутствуют одинаковые элементы:

- шапка страницы (самая верхняя часть). Шапка содержит несколько изображений и ссылки. Изображения: фоновое изображение, не несущее никакой функциональной нагрузки; логотип – ссылка на главную страницу; 3 изображения-ссылки, названия которых говорят о страницах на них ведущих – карта сайта, контакты, главная. См. рисунок 3.1.

- горизонтальное меню: о компании, прайс, контакты. Меню редактируется из администраторской части сайта. См. рисунок 3.1.

- телефон. Расположен прямо под шапкой, редактируется из администраторской части. См. рисунок 3.1.



Рисунок 3.1 – шапка сайта, одинакова для всех страниц сайта


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



Рисунок 3.2 – вертикальное меню, одинаково для всех страниц

Остальное наполнение страниц специфично для каждого типа страниц. На главной в поле основного контента располагается визуально воспринимаемая таблица из 3х строк, 2х столбцов. В «ячейках» расположены фотографии, специфичные для каждого раздела. Ниже каждой фотографии расположена текст. Текст и изображение являются ссылками на одну из страниц: лестницы винтовые, лестницы маршевые, лестничные ограждения, навесы и козырьки, дерево в интерьере. Под текстом находится изображение-фон серого цвета. Кроме того, каждая «ячейка» имеет характерный для себя фон-изображение (рисунок 3.3).



Рисунок 3.3 – основной контент главной страницы

Внизу страницы (подвал) находится фоновое изображение и контактная информация. Информация редактируется администатором.




Рисунок 3.4 – низ главной страницы

Низ, основной контент главной страницы и внутренних отличны.

    1. Описание дизайна внутренних страниц



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



Рисунок 3.5

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

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

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



Рисунок 3.6 – правый столбец на внутренних страницах

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

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

На странице находится панель «отображать по 5/10/50». Это максимальное количество выводимых на странице превью. По умолчанию это значение равно 10. Если фотографий оказывается больше, чем можно вывести на страницу, то появляется панель-пэйджер. Еще называют листалкой. Это список в строку номеров страниц. Активная страница не является ссылкой. Остальные – ссылки. При нажатии на одну из этих ссылок откроется соответствующая страница. Первым изображением на активной странице будет изображение под номером n = количество_выводимых_изображений_на_странице * (номер_текущей_страницы – 1). Нумерация изображений с нуля.



Рисунок 3.7 – вид страницы «лестницы маршевые»


Под каждым изображением находится кнопка-ссылка «примерный расчет». Нажав на неё, пользователь перемещается на страницу, где расположена форма заявки на изготовление какой-либо конструкции. То есть нажимая на конкретную ссылку, пользователь изъявляет желание подать заявку на конструкцию подобную той, что изображена на фотографии. Для каждого из направлений (лестницы винтовые, лестницы маршевые, лестничные ограждения, навесы и козырьки, дерево в интерьере) своя форма заявки. Для всех пяти форм одинаковы лишь поля «комментарии», «прикрепить файл», «телефон», «имя», «e-mail», «местонахождение объекта». Поля «телефон», «имя», «местонахождение объекта» являются обязательными для заполнения. Если пользователь прикрепляет файл с изображением эскиза, то рассчитать стоимость заказа можно будет максимально точно.

После нажатия на кнопку «Отправить», данные обработаются на сервере и в успешном случае администратор сайта получит эти данные письмом на почту, пользователю будет показано «сообщение отправлено». В случае неудачи, пользователю выведется «К сожалению, сообщение не отправлено. Данные введены неверно. Попробуйте еще раз».



Рисунок 3.8 – форма для «Лестницы винтовые»

1   2   3   4   5   6   7   8   9   10   11

Похожие:

Дипломник: Сазыкин Е. С. Факультет ивт iconГосударственное образовательное учреждение высшего профессионального образования
Факультет русской филологии и журналистики. Факультет истории и юриспруденции. Факультет татарской и сопоставительной филологии....
Дипломник: Сазыкин Е. С. Факультет ивт iconУчебное пособие по английскому языку для студентов специальности ивт очной формы обучения Березники 2003
Учебное пособие по английскому языку для студентов специальностей ивт очной формы обучения / Сост. Е. Б. Кучина, Г. Р чайникова;...
Дипломник: Сазыкин Е. С. Факультет ивт iconРасписание занятий для 5-го курса (магистратура) ивт

Дипломник: Сазыкин Е. С. Факультет ивт iconПроблемы формирования бюджета Ханты-Мансийского Автономного Округа
Дипломник: Долгушин Сергей Юрьевич Руководитель проекта: Полномочный представитель Президента РФ в Ханты-Мансийском Автономном Округе...
Дипломник: Сазыкин Е. С. Факультет ивт iconРабочая программа обсуждена на заседании кафедры ивт
Изучение принципов проектирования пользовательского интерфейса прикладных программ
Дипломник: Сазыкин Е. С. Факультет ивт iconКонтрольная работа за 1 полугодие по ивт. 11 класс
Цель: Контроль зун по организации обработки больших объемов информации; создании базы данных в ms access
Дипломник: Сазыкин Е. С. Факультет ивт iconЭкономический факультет финансовый факультет юридический факультет
Программа вступительного испытания по обществознанию для поступления в Нижегородский государственный университет им. Н. И. Лобачевского...
Дипломник: Сазыкин Е. С. Факультет ивт iconИсследование физико-химических эффектов
Предложена феноменологическая модель эффекта Шварца-Хоры в тонких диэлектрических пленках, позволяющая дать объяснение основных характеристик...
Дипломник: Сазыкин Е. С. Факультет ивт iconКонспект к открытому интегрированному уроку биологии информатики
«Динамика биологических популяций. Математическое моделирование. Биологические модели развития популяций». (11 класс). Учителя: Кузнецов...
Дипломник: Сазыкин Е. С. Факультет ивт iconНоу впо «Международный институт рынка» Факультет лингвистики Научно-практическая конференция учащихся
Члены жюри: ст преподаватель Царфина А. А., ассистент Пилосян К. К., Петрова И. (3 курс, факультет лингвистики), Грешнова Д. (3 курс,...
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница