Дизайн сайта по продаже компьютерных игр

Перейдя на страницу «Магазин», пользователь увидит следующее (см. рис. 4а, 4б).Рис. 4а. Вид страницы «Магазин"Рис. 4б. Вид страницы «Магазин. Распродажа"В данном разделе присутствует информация о распродаже, ценах, проводимых акциях и действующих скидках.

Следует обратить внимание, что данный раздел также не перегружен информацией, уклон сделан в сторону интуитивно ясной навигации (качественно проработаны все пункты юзабилити сайта). Для каждого товара представлено не очень большое, но и не слишком маленькое фото, что помогает воспринимать информацию на 40% лучше (как было рассказано в главе 1).Кнопки «добавить в корзину» выделены контрастным цветом и оформлены как кнопки, т. е. пользователю интуитивно понятно, что сюда можно нажимать. Большого количества цифровых данных нет, нагромождения чисел — тоже. Все необходимые для привлечения внимания цифры и числа (в основном цены) выделены яркими цветами (так, акционные программы — оранжевые, цены на товары из ассортимента со скидкой — красные, см выделенные синими рамками объекты на рис. 5).Рис.

5. Акценты на цифрах и ценах

Перейдя в раздел «Служба поддержки», пользователь увидит следующую страницу (см. рис.

6).Рис. 6. Страница «Служба поддержки"Как видно на рисунке, данная страница также содержит максимум необходимой информации, но при этом взгляд не теряется, все основные положения в тексте выделены шрифтом, номер телефона выделен контрастным цветом. Про данный раздел можно смело сказать, что пользователю будет комфортно, удобно и понятно. Следующим разделом рассматриваемого сайта является раздел «Контакты» (см. рис. 7).Рис.

7. Вид страницы «Контакты"Отметим, что на данной странице присутствуют интуитивно понятные иконки — электронное письмо, почтовый ящик и телефонный аппарат, а под каждой из них указаны координаты для связи с магазином по выбранному типу. Кроме того, присутствует раздел для отправки сообщения непосредственно с сайта. Строки выделены чуть темнее, имеется подсказка о том, какой текст куда необходимо написать. Кнопка «отправить» выделена более темным оттенком серого, чтобы было ясно, что ее можно нажать. При попадании в раздел «Корзина» пользователь видит перечень товаров, им отобранных (см. рис.

8а, 8б).Рис. 8а. Раздел «Корзина». Пустая корзина

Рис. 8б. Раздел «Корзина». Корзина с товаром

Отметим, что после добавления товара на странице появляется информация о товаре, его цена, общая стоимость заказа, а также кнопка «Оформление». Кнопка также выделена, ясно, что ее можно нажимать. Отметим также далее ряд особенностей, характерных для всех страниц рассматриваемого сайта. Во-первых, число товаров из «Корзины» можно увидеть на каждой странице (не переходя непосредственно в раздел) — см. рис. 9.Рис.

9. Отображения числа товаров в корзине на странице «Магазин"Такой подход позволяет пользователю в любой момент времени видеть, сколько товаров у него в корзине, что для пользователя очень удобно. Во-вторых, на каждой странице присутствуют кнопки популярных социальных сетей (см. рис. 10). Сегодня, когда немалая и немалозначимая часть жизни человека проходит в соцсетях, возможность поделиться ссылкой или рассказать друзьям о покупке на данной сайте — та возможность, которую активные интернет-пользователи не упустят. Для магазина это также выгодно, ведь информацию о покупке увидят друзья клиенты, т. е. новые потенциальные покупатели.Рис. 10.

Кнопки социальных сетей

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

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

Список литературы

Томас А. Пауэлл. WEB-дизайн. — СпБ: «БХВ-Петербург», 2004. — 278 с.

http://site.nic.ru/content/view/46/28/

http://prolabs.ru/Technical/Architecture/default.aspx

http://sitear.ru/section/verstka

http://sitear.ru/material/pravila-dizajna-sajta