Федеральное государственное образовательное бюджетное учреждение высшего профессионального образования «САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ им. проф. М. А. БОНЧ-БРУЕВИЧА»ИНСТИТУТ НЕПРЕРЫВНОГО ОБРАЗОВАНИЯКонтрольная работаПо дисциплине: Эргономика и дизайн графических интерфейсовФамилия: РудневИмя: НикитаОтчество: ОлеговичКурс: 2Студ. Билет №: 1402120Группа №: ИБ-02зСанкт-Петербург2022ТЕХНИЧЕСКОЕ ЗАДАНИЕ

1. 
   Название проекта и цель его создания
   

Проект имеет название “Game_Store”. Данный проект – это современный сайт, который несет в себе цель лишить пользователей данного ресурса таких проблем как:

• 
  сложность восприятия контента сайта
  
• 
  неудобство при использовании сайта не только с ПК, но и с мобильных устройств
  
• 
  проблем с поиском нужного контента пользователем
  

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

2. 
   Требования к функциональному назначению сайта
   

Все прототипы страниц ресурса для всех разрешений экранов прикладываются в электронном виде. Приведены прототипы для версии с ПК.

3. 
   Общие требования
   

• 
  При нажатии на кнопку “О нас” переводит в раздел, где описывается сама компания и ее концепт
  
• 
  Кнопка “Гарантии” переводит туда, где собраны отзывы пользователей, которые пользовались данным ресурсом, так же там находится информация о поддержке пользователей
  
• 
  Кнопка “Контакты” предоставляет пользователям контактные данные такие как: телефон, почта и социальные сети
  
• 
  При нажатии на “Каталог” пользователя переносит в раздел с предоставленным товаром ресурса
  
• 
  При нажатии на товар ресурса пользователю предоставляется вся имеющиеся информация о продукте: цена, описание итп
  
• 
  Когда пользователь нажимает на “добавить в корзину”, товар перемещается в корзину, откуда можно будет купить товар.
  
• 
  Стрелочка в верх – возвращает в начало сайта, удобна для мобильных версий сайта.
  

---

4. 
   Требования к интерфейсу
   

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

5. 
   Структура баз данных промежуточной БД
   

Таблица данных для авторизации:

Название поля	Тип поля	Описание поля
Логин	Текстовый	Логин авторизованного пользователя
Пароль	Текстовый	Пароль авторизованного пользователя

Таблица данных для пользования услуг ресурса:

Название поля	Тип поля	Описание поля
Наименование	текстовый	Наименование товара для покупки
Вид	картинка	Вид товара для проверки соответствия с наименованием и описанием этого товара
Описание	текстовый	Описания товара для получения подробной информации о нем
Стоимость	Целое число	Стоимость товара в рулях

Таблица данных для оформления заказа:

Название поля	Тип поля	Описание поля
Имя пользователя	Текстовой	Обращение к пользователю
Email пользователя	Текстовой	Почта для связи с пользователем
Контактный телефон пользователя	Текстовой	Телефон для связи с пользователем
Товар	Текстовой и картинка	Конечный выбор товара пользователем
Сумма к оплате	Целое число	Конечная оплата пользователем

---

6. 
   Изучение круга потенциальных пользователей и их действия
   

• 
  Случайный пользователь – просмотр каталога товаров ресурса, возможная покупка какого-либо товара/услуги
  
• 
  Заинтересованный пользователь - просмотр каталога товаров, покупка определенного товара/ов, возможно неоднократное пользованием ресурса, так же, как и рекомендация ресурса (социальные сети, сарафанное радио итд)
  
• 
  Администратор – редактирование данных, доступ ко всем ресурсам сайта для поддержание его стабильной работы.
  
• 
  Поддержка – помощь пользователям для решения их проблем
  

7. 
   Выбор программы для разработки прототипа интерфейса
   

Для разработки интерфейса использовались программы:

• 
  Figma
  
• 
  Adobe Photoshop CC
  

8. 
   Разработка интерфейса
   

Основная странница сайта, где предоставляется вся информация данного ресурсаДалее для совершения манипуляции с контентом сайта пользователь должен авторизоваться/зарегистрироваться на сайтеПосле авторизации пользователь изучает контент сайта в поисках нужного ему товараТак же пользователь может подробнее ознакомится с предоставленным ему товаром и добавить его в корзинуДобавив нужный товар в корзину, пользователь, введя данные, может купить этот товарТак же внизу сайта есть информация о самом ресурсе и его контактов Заключение

---

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

---

Смотрите также файлы

• Лабораторная работа 3 по дисциплине (учебному курсу) Физика 3 (наименование дисциплины (учебного курса) Вариант 2 (при наличии).docx

• Отчет о практике Производственная практика была пройдена в ооо ТрансКом.docx

• Оценка уровня пособий по безработице за рубежом..docx

• Цель советника я бы определил как модернизацию воспитательной среды в школе.docx

• Отчет по практической работе 1 Построение erмодели для заданной предметной области.docx