Учреждение образования

«БЕЛОРУССКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ»

Кафедра информатики и веб-дизайна

Пояснительная записка курсовой работы

по дисциплине «Дизайн и юзабилити интерфейсов пользователя»

Тема: «Разработка пользовательских интерфейсов сайта металлургического завода»

Исполнитель

Студент 2 курса, группы 1 ___________________ А.Г. Смоловский

подпись, дата инициалы и фамилия

Руководитель

Ст. преп., к. т. н. Т.В. Кишкурно

должность, ученая степень, ученое звание подпись, дата инициалы и фамилия

Курсовой проект защищен с оценкой ____________________

Руководитель _____________ __________ Т.В. Кишкурно

подпись дата инициалы и фамилия

Минск 2016

Учреждение образования

«БЕЛОРУССКИЙ ГОСУДАРСТВЕННЫЙ

ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ»

Факультет информационных технологий

Кафедра информатики и веб-дизайна

Специальность 1-40 05 01-03 «Информационные системы и технологии»

Специализация «Издательско-полиграфический комплекс»

«УТВЕРЖДАЮ»

Заведующий кафедрой

___________ Д. М. Романенко

подпись

«_____»____________201_ г.

Задание на курсовую работу

по дисциплине «Дизайн и юзабилити интерфейса пользователя»

студенту Смоловскому Александру Геннадьевичу

1. Тема

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

2. Сроки защиты «____»_______________201_ г.

3. Содержание пояснительной записки курсовой работы. Пояснительная записка

по курсовой работе должна быть выполнена в текстовом редакторе Word.

Она должна включать: а) титульный лист; б) задание по курсовой работе;

в) введение; г) описание поставленной в работе задачи и этапов ее выполнения;

д) литературу; е) оглавление.

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

4. Консультанты________________________________________________________

5. Календарный график работы:

1) Описать предметную область.

Сделать обзор основных аналогов.

Определить цели и задачи проекта. Выполнить до: 28,09,2016

2) Выделить профили пользователя Выполнить до: 12,10,2016

(разработать персонажи и сценарии пользователя).

3) Составить информационную структуру приложении Выполнить до: 26,10,2016

(взаимосвязи между страницами и их иерархию).

4) Построить прототипы интерфейсов Выполнить до: 09,11,2016

(статический и динамический). Протестировать прототип.

5) Разработать дизайн интерфейса Выполнить до: 23,11,2016

(выбрать цветовую гамму, стилистику, шрифты, разработать модульную сетку, логотип и гайдлайн).

6) Проанализировать юзабилити интерфейса. Выполнить до: 07,12,2016

Подготовить пояснительную записку. Выполнить до: 14,12,2016

7) Защита работы.

Дата выдачи задания «______» _________201_ г.

1. Введение

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

2. Начало проекта и анализ требований

2.1 Предметная область

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

2.2 Обзор основных аналогов (существующих решений).

Первый сайт(Рис.1): http://mmz.by

Рис.1

1) Направление сайта и контактные номера (в самом низу на фоне)

2) Поиск .

3) Присутствие ненавязчивого заднего фона, из-за чего на ярко выражена представленная информация.

4) Публикация производственного товара

5) Логотип представлен в виде Символа буквы м, отлитой из металла

6) Меню организовано в виде выбора различных услуг металлургического завода

Вывод: Мне понравился логотип данного сайта. На его основе, я бы делал бы свой собственный логотип.

Второй сайт(Рис.2): http://оао-щелмет.рф/

Рис.2

1) Отсутствие заднего фона, из-за чего сайт теряет свою наглядность

2) Присутствует функция поиска

3) Сайт направлен на предоставление информации о заводе

4) Логотип представлен в виде надписи : «Щелковский металлургический завод»

5) Информативное меню

6) Предоставление информации о заводе сразу при входе

Вывод: данный сайт оставил у меня менее приятные впечатления, чем предыдущий.

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

2.3. Определить цели и задачи проекта

1. Увеличить число посетителей сайта

2. Увеличить число заказов изделий

3. Использовать хорошо прорисованный, запоминающийся логотип

4. Обратная связь с пользователями

5. Яркий, напрямую указывающий на металлургический завод фон

2.4. Описать целевую аудиторию

1. Как мужчины так и женщины от 18 и старше;

2. На людей, которым нужны уже изготовленные металл. изделия

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

4. Как на большие, так и на малые компании, которые заинтересованы в закупке партий металлических изделий или заготовочного металла;

2.5. Составить список потребностей пользователей

1. Ознакомиться с компанией

2. Оставить приятное впечатление от посещения сайта

3. Заказать перевозку удобным для себе способом

2.6. Составить список возможностей на проекте

1. Зарегистрироваться и заходить на сайт под своим именем

2. Заказать изделие

3. Выбрать кол-во изделий и их характер

4. Оставлять отзыв

5. Общаться с консультантом

6. Рассказать о нас в соц. сетях

7. Прочитать отзывы

8. Подсчитать приблизительную стоимость перевозки

9. Узнать о акциях

Вывод:

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