Преподаватель который помогает студентам и школьникам в учёбе.

навигация сайта - магазина

Содержание:

ВВЕДЕНИЕ

Данная тема считается актуальной на сегодняшний день, так как сегодня множество людей ежедневно, не выходя из дому, покупают различные товары на сайтах - магазинах. Огромными темпами растет количество «электронных» покупателей. Сайты - магазины уменьшают издержки производителя, сэкономив на содержании обычного магазина, расширяют рынки сбыта, так же как и расширяет возможность покупателя – покупать любой товар в любое время в любом месте. Это сайтам - магазинам неоспариваемое преимущество перед обычными магазинами. Этот момент является существенным при переходе производителей с «обычной» торговли на «электронную». Высокое качество продукции, умение донести информацию о продукте до потребителя и эффективная система сбыта, делает предприятие успешным на рынке. Ведь удобная площадка, на которой можно легко сориентироваться и быстро отыскать нужную информацию, привлекает гораздо больше покупателей, чем сложный, запутанный сайт. Именно поэтому владельцы популярных интернет-магазинов уделяют так много внимания навигационной системе. Актуальность данной темы: изучить навигационные системы сайт - магазинов, и на основе анализов, произвести обзор. Объект исследования: на основе анализов, выявить недостатки навигационной системы сайта - магазина. Предмет исследования: навигационная система сайта - магазина. Цель работы: упростить процесс поиска категорий товаров на сайте - магазина. Задачи: исследование навигационных систем сайт - магазинов, определить объект исследования, рассмотреть и проанализировать аналоги, выявить достоинства и недостатки, составить бриф, описать дизайн - концепт, создать эскизы и выбрать конечный результат, визуализировать.

Глава 1.СТРУКТУРА НАВИГАЦИОННЫХ СИСТЕМ

1.1. Навигационная система, как способ визуализации

Навигация – ключевой критерий удобства сайта - магазина, своеобразная «карта местности». Представляет собой набор специальных приёмов, методов и элементов, дающих возможность посетителям перемещаться между различными страницами ресурса. В большинстве случаев данная система предопределяет успешность продвижения и показатели проекта. Степень её значения часто сравнивают с функциями планировки дома. Простое и логичное расположение комнат, санузла, кладовых, входов и выходов позволяет гостям свободно ориентироваться, не заблудиться в новом помещении. Похожее предназначение имеют и указатели на вокзалах, в метрополитене, которые подсказывают пассажирам верный путь к нужному месту. Так же и с сайтом. Плохая навигация с множеством ссылок путает и пугает пользователя, усложняет процесс поиска информации. Грамотно продуманная и реализованная навигационная система, наоборот, помогает клиенту быстрее разобраться, перейти на необходимую страницу и ознакомиться с интересующим материалом. Это важно и для поисковых машин, которые благодаря понятной навигации правильнее оценивают роль конкретной страницы на сайте. Навигационная система состоит из разных типов гиперссылок. Отображаясь на каждой странице сайта - магазина, они отвечают за:

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

Необходимое количество ссылок определяется задачами площадки, объемом текстового, графического контента. Грамотная структура вмещает столько элементов, сколько требуется для удобного и оперативного перемещения по сайту. Однако нельзя и перебарщивать, чрезмерно загромождая пространство. Оптимальный объем – не более 5-15% от общей площади ресурса. При разработке навигации сайта - магазина учитывают ряд необходимых требований:

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

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

1.2.Типы и виды навигационной системы сайта

Исходя из конкретно выполняемых функций, навигация подразделяется на следующие разновидности:

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

Не обязательно использовать на сайте - магазина все перечисленные виды навигационной системы. Можно выбрать целесообразные в конкретном случае, скомпоновать несколько разновидностей. В процессе выбора следует руководствоваться объемом информации, тематикой, позиционированием ресурса. Главное – создать посетителям удобства, необходимые для поиска нужной информации. Чтобы выбранные элементы работали, нужно соответствующим образом их оформить и реализовать на сайте. (см.рис.1.2.) Существует несколько форм реализации:

Текстовая. Ссылки, оформляемые в виде обычного текста.
Графическая. Функциональные гиперссылки, «замаскированные» в различные графические элементы – кнопки, изображения.
Выпадающие списки, компоненты, открывающиеся при наведении курсора на корневой раздел. Позволяют значительно сэкономить пространство.
Интерактивные компоненты, реагирующие на нажатие или наведение курсора запрограммированным действием, эффектом.

Форма реализации основной и вспомогательной навигационной системы должна соответствовать целям, задачам проекта, обеспечивать максимальное удобство для пользователей, а также вписываться в рамки. Более простой считается текстовая навигация. Реализовать интерактивные компоненты на порядок сложнее.

1.3. Навигационные элементы для сайта-магазина

Центр навигационной системы – главное меню. Его видно без прокрутки страницы. Традиционно меню делают горизонтальным и располагают прямо под шапкой, что наиболее удобно и привычно для пользователей. В главном меню должны присутствовать ссылки на основные страницы сайта - магазина:

о компании;
каталог товаров;
доставка/оплата;
возврат/гарантии;
скидки/акции;
отзывы;
обратная связь;
блог;
контактная информация.

Не стоит стремиться вкладывать в данный блок полное содержание, исчерпывающую информацию о ресурсе. Это своего рода краткая выжимка, помогающая быстро ознакомиться с сутью и политикой проекта. Оптимальное количество разделов на панели – 5-7. При необходимости можно добавить второй ряд, подпункты, выпадающие списки, дополнительные уровни. Если к какому-либо из пунктов нужно привлечь внимание, следует выделить его шрифтом или цветом. Также желательно визуально отмечать активный раздел меню, в котором находится пользователь. (см.рис.1.3.) Дополнительное боковое меню. В этот блок выносят подразделы и рубрики, на которые делятся главные категории площадки. Рекомендуемое место для данного элемента – слева от основного содержимого. Благодаря фактически неограниченному пространству вертикального меню, с его многоуровневостью не возникает проблем. Главное – соблюдать умеренность и не перестараться. (см.рис.1.4.)

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

1.4.Техническое задание

Объект исследования: на основе анализов, выявить недостатки навигационной системы сайта - магазина. Предмет исследования: навигационная система сайта - магазина. Цель работы: упростить процесс поиска категорий товаров на сайте - магазина. Задачи: изучить навигационные систем сайт - магазинов, определить объект исследования, рассмотреть и проанализировать аналоги, выявить достоинства и недостатки, составить бриф, разработать и спроектировать дизайн навигационной системы, описать дизайн - концепт, создать эскизный ряд, выбрать конечный результат, визуализировать.

Перечень тематических концепций:

Питание, игрушки, одежда, коляски, спорт, гигиена;

Размещение:

В верхней шапке сайта

Размер:

- 16х16; 18х18; 32х32 пиксела

Формат:

- png, svg

Исходные материалы:

- Предоставить исходные материалы в pdf.

Цвет:

- Использование фирменного цвета компании из представленного брендбука.

Глава 2 ИССЛЕДОВАНИЯ НАВИГАЦИОННЫХ СИСТЕМ САЙТ - МАГАЗИНА

2.1. Исследование объекта сайта - магазина

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

Креативный стиль оформления. Излишняя оригинальность в навигации неуместна. Нестандартные стили и непривычное месторасположение вынуждают посетителей долго блуждать по площадке, что приводит к повышению процента отказов, снижает конверсию. Разумнее отказаться от экспериментов, перенаправив креативность в разработку основного контента.
Общие названия пунктов меню. Надписи, используемые в главном/боковом меню, должны носить строго информативный характер. Нельзя использовать общие названия, безликие фразы, абстрактные понятия, шаблонные выражения. Для каждого значка следует подбирать лаконичные надписи, точно характеризующие содержимое пункта.
Чрезмерное количество выпадающих списков. Выпадающие списки экономят пространство и позволяют вместить максимальное количество подразделов. На практике использовать их не совсем удобно: при скольжении курсора они часто «убегают». Перечни в несколько уровней еще более сложны в применении, часто выходят за границы монитора. В итоге – низкая посещаемость страниц. Внедрять подобное меню нужно осторожно и умеренно. Однако элемент вполне оправдывает себя на крупных площадках с многочисленными разделами.
Множество пунктов. Второстепенные пункты нередко отвлекают посетителей от авторитетных разделов. В навигации важна краткость: нужно попытаться ограничить число пунктов в разумных пределах. Переполненная ссылками система сложна для восприятия.
Непродуманное расположение важных категорий. В процессе исследований доказано, что начало и конец списка обладают эффектом первичности и новизны. На середине списков концентрация внимания снижается. Именно поэтому нежелательно помещать первостепенные разделы по центру.

Сайт - магазин детских товаров предлагает широкий ассортимент специализированных продуктов питания для детей, а так же товаров. Покупка детских товаров на сайте - магазина – это легко, выгодно, удобно, значительно экономит время, а также можно быть уверенным, что покупаете натуральный продукт. Выявление недостатков: на данном сайте, тяжело ориентироваться , очень неудобная навигация. Не понятно, где какая категория товаров, и где их можно посмотреть. Приходится листать и хаотично нажимать на все кнопки сайта, что бы найти нужную позицию. (см.рис.2.1.) Оптимизация навигации: поскольку навигационная система является основной причиной высокого процента отказов от покупок, следует уделять достаточно внимания ее оптимизации:

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

Предложенные действия помогут облегчить навигационную систему и существенно улучшить посещаемость сайта-магазина.

2.2. Анализ систем навигации аналогов

1. Целевая аудитория: молодые родители, 20+

Цветовая палитра: основной цвет голубой, белый, оранжевый.

Ассоциация: позитивное, яркое, вкусное

Достоинства: яркий дизайн, но при этом не так вызывающе смотрится

Недостатки: в шапке профиля нужен более читаемый шрифт, более подробная навигация (см.рис.2.2.)

2. Целевая аудитория: молодые родители, 20+

Цветовая палитра: основной цвет белый, синий

Ассоциация: качество, минимализм

Достоинства: читаемый шрифт, минималистичное решение, поисковая строка

Недостатки: не хватает более подробной навигации , добавить сочности сайту (см.рис.2.3.)

3. Целевая аудитория: молодые родители, 20+

Цветовая палитра: основной цвет белый и синий, нежно – розовый

Ассоциация: нежность, качество, игривость

Достоинства: понятный шрифт, поисковая строка

Недостатки: не хватает подробной навигации и яркости на сайте (см.рис.2.4.)

2.3. Бриф

1. Позиционирование. Цели дизайн -разработки. То, что позволит определить статус марки:

- Требования к популярности: понятность иконок;

- Ожидаемый потребительский эффект: графически привлекательный;

- Ожидаемый эффект для клиента: Уникальность, понимание.

2. Продукт. То, что поможет ответить на вопросы "какой"? и т.д.:

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

3. Потребитель. То, что поможет ответить на вопросы «кому»? и «зачем»? и определить целевую потребительскую аудиторию:

- Пол, возрастные группы потребителя - Женщины (Мамы) 20+;

- География (регионы потребления) - Россия;

- Социальные группы потребителей, статус - Люди со средним доходом;

- При необходимости - образ жизни, тип личности - Молодые мамы , ценящие качество, удобство использования, уникальность и функциональность;

- Повод для совершения покупки, искомые выгоды - Ежедневное употребление , удобство использования в течение всего календарного года. Разнообразный выбор;

- Интенсивность потребления, степень приверженности - Достаточно часто.

4. Конкуренты. То, что поможет сформировать «условный прилавок» и определить условия выживания марки:

- Продукты/конкурирующие структуры, существующие или ожидаемые на том же сегменте рынка - Детский мир, Дочки - Сыночки, Карусель;

- Конкуренты из смежных сегментов - Агуша, Фруто – Няня, Тёма;

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

5. Стратегия. Обещания. То, что поможет мотивировать потребителей:

- Рациональные обещания: преимущества, которые получит потребитель от покупки и/или потребления продукта - Сделать хороший рациональный выбор;

- Психологические ожидания: социальное и эмоциональное одобрение, самореализация потребителя и т.п. - Эмоциональное одобрение, осуществление ожидания в реальности.

6. Доказательства. Те подтверждения, без которых обещание не сможет сработать на рынке:

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

7. Личность марки. То, с помощью чего марка находит общий язык с потребителем:

-  Тип отношений и тон общения, которые марка должна устанавливать с потребителями («друг», «помощник», «агрессор», «путеводитель» и т.п.). -

Друг, помощник, доверие.

Портрет потребителя:

- Молодые родители, мамы и папы 20+, у которых есть дети 0+;

- Проживающие в России;

- Имеющие средний заработок;

- Ведут активный образ жизни, работают;

- Нехватка времени

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

Глава 3 РАЗРАБОТКА И ПРОЕКТИРОВАНИЕ ДИЗАЙНА НАВИГАЦИОННОЙ СИСТЕМЫ

3.1. Описание дизайн - концепции. Эскизирование

Частая ошибка навигации сайта - магазина – это сложная или запутанная навигация, которая отталкивает покупателей. Следуя правилу: чем проще ориентироваться на сайте, тем быстрее пользователь найдет необходимую информацию и, сделает заказ. Основной принцип удобной навигации сайта - магазина : сделать так, чтобы покупатель всегда понимал в каком разделе и на какой странице он находится, откуда он перешел сюда и куда может перейти дальше. Исходя из данной информации, было принято решении о разработке навигационной системы для сайта - магазина детских товаров, создать минималистичные пиктограммы, которые будут максимально понятны для всех. Лаконичные линии, яркие, но сдержанные цвета. Простой дизайн, но при этом будет отвечать всем требованиям. Анализируя рынок детских товаров, первое что бросается в глаза это изобилие дизайна, буйство красок, максимально кричащие цвета и элементы дизайна. Для детей это конечно привлекательно, но не для их родителей. Из - за повседневной суеты и изобилия красок, глазам родителей хочется дать отдых. Что бы они глядя на сайт - магазин не напрягали свое зрение, а наоборот расслабили, и с концентрировались на главном - на совершении заказа на сайте. Проанализировав всю данную информацию сайта - магазина, было принято решение о разработке эскизного ряда навигационной системы. В него входит шесть позиций: питание, игрушки, одежда, коляски, спорт, гигиена. Т.к. выше сказано о том, что дизайн пиктограмм будет простой и понятный, дабы не перегружать информацией пользователя, было использовано минимальное количество линий, без лишних деталей. В первом эскизном ряде, дизайн легкий, не перегружающий глаз, адаптивный, линии тонкие и мягкие, без острых углов. Очень приятный на восприятие. Изображено на них: детская бутылочка, игрушечный мишка, ползунки, коляска, мячик, подгузники. (см.рис.3.1.) Во втором эскизном ряде, уже использована более массивная и толстая линия. Линия четко очерчивает контур пиктограммы. Изображено на них: баночка детского питания и ложка, игрушечный мишка, ползунки, коляска, мячик, подгузники. (см.рис.3.2.) В третьем эскизном ряде у пиктограмм уже толщина линий контура средняя, дизайн минималистичен и понятен. Ни них изображено: детская бутылочка, игрушечный мишка, ползунки, коляска, велосипед, подгузники. (см.рис.3.3.)

3.2. Стилеобразующие элементы и цветовое решение

Проанализировав все эскизные ряды для навигационной системы, был принят окончательный вариант, выбрать первый эскизный ряд. Эти эскизы, максимально отвечают поставленным требованиям, их дизайн простой, но при этом лаконичный, абсолютно понятен, не перегружает восприятие в целом, и приятно смотреть на эти пиктограммы, линии в них тонкие, мягкие, без острых углов. Что и требуется для сайта - магазина детских товаров. Цветовое решение у сайта достаточно скромное, логотип сайта обрамлен нежно красным оттенком, и зеленым оттенком залита шапка сайта. Гарнитура была использована Cambria. (см.рис.3.4.) Цветовая гамма, была подобрана максимально мягкой, не навязчивая, и не кричащая. Но при этом глазу приятной и достаточно яркой. В пиктограммах было использовано 7 оттенков, из них нежно - красный, который используется в логотипе сайта - магазина. Цветовое решение для сайта - магазина:

белый: RGB:255 255 255 CMYK: 0 0 0 0;
бело - голубой оттенок RGB: 239 249 252 CMYK: 6 0 1 0;
голубой RGB: 171 212 224 CMYK: 36 2 12 0;
желто - горчичный: RGB: 234 197 100 CMYK: 6 20 75 0;
нежно - красный: RGB: 244 54 76 CMYK: 0 99 66 0;
светло - коричневый: RGB: 156 112 91 CMYK: 6 0 1 0;
серо - черный: RGB: 94 94 94 CMYK: 58 50 53 24. (см.рис.3.5.)

3.3. Разработка и визуализация системы навигации

При разработке навигационной системы сайта - магазина, были учтены факторы, которые влияли на окончательный вариант. Несмотря на огромный ассортимент сайта - магазина детских товаров, необходимо было разработать понятную, четко организованную навигационную систему. (см.рис.3.6.) Было принято решение, что шапку сайта - магазина сделать уже по краям, но расширить в длину, что бы пиктограммы лучше читались на фоне шапки. Основные разделы категории товаров вынесены в главное верхнее меню. В правом верхнем углу присутствуют иконки, которые отвечают за оформление заказа. Каждый раздел оснащен выпадающим списком из дополнительных категорий. Активный пункт подсвечивается цветом. (см.рис.3.7.) Бокового меню нет, площадка не загромождена лишними ссылками, все просто и понятно.

3.4. Оценка стоимости проекта

Дизайн - проект навигационной системы для сайта - магазина детских товаров:

Таблица 1. Расчет стоимости проекта

Разработка	Кол-во (шт.)	Стоимость за ед. (руб.)	Общая стоимость (руб.)
Эскизы	3	1000	3000
Пиктограммы	6	500	3000
Мокап	1	2000	2000
Итого			8000

Таблица 2. Расчет оплаты труда

Должность	Кол-во сотрудников	Оплата час (руб.)	Итоговая оплата (руб.)
Арт - директор	1	2000	2000
Графический дизайнер	2	500	1000
Менеджер	1	1000	1000
Итого			4000

ЗАКЛЮЧЕНИЕ

Подводя итоги, можно сказать, что правильная система навигации на сайте -магазина укажет посетителю верный путь, запомнит пройденную им дорогу, не даст запутаться в спешке. В процессе ее разработки не стоит тратить время на создание неординарных вещей. Достаточно соответствовать ожиданиям потенциальных покупателей и не сбить их с толку. Главное помнить, что качественно проработанная навигационная система – это эффективный инструмент, работающий на пользу компании. Актуальность данной темы в том, что были изучены навигационные системы сайт - магазинов, и на основе анализов был произведен обзор. Были выявлены недостатки навигационной системы сайта - магазина детских товаров. Рассмотрены и изучены аналоги. Составлен бриф, и по данной информации были разработаны эскизные ряды, из которых был выбран конечный вариант. Разработанная навигационная система отвечает поставленным задачам, полностью соответствует требованиям. Навигационная система функциональная, понятная, простая, не требует объяснений, где и какая категория товаров находится. В работе поставленные цели и задачи достигнуты, т.к. навигационная система сайта - магазина, стала проще в использовании пользователей. Поэтому, навигация – ключевой критерий удобства сайта, своеобразная «карта местности». Представляющая собой набор специальных приемов, методов и элементов, дающих возможность посетителям перемещаться между различными страницами ресурса. В большинстве случаев навигационная система предопределяет успешность продвижения сайта - магазина.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Научная и учебная литература

1. Красносельский С. А. Основы проектирования: учебное пособие. - М.: Директ-Медиа, 2014. – 232с.

2. Туэмлоу, Элис. Графический дизайн. Фирменный стиль, новейшие технологии и креативные идеи. – М.: АСТ, Астрель, 2014, - 256 с.

3. Клещев О. И. Типографика: учебное пособие. Архитектон, 2016. – 172 с.

4. Балабанов И.Т. Торговля через виртуальный магазин [Текст] / И. Т. Балабанов //Электронная коммерция, 2004. – 195-197с.

5.Паршенцев А.А. Проблема и перспективы развития электронных магазинов [Текст]/А. А. Паршенцев // Маркетинг в России и за рубежом. – 2000. –№ 3. – 84-89 с.

6. Эймор, Д. Internet-магазины и закупочная деятельность[Текст] / Д. Эймор// Электронный бизнес. Эволюция и/или революция.– М.: Вильямс, 2001.– 291-302 с.

7. Дизайн. Иллюстрированный словарь-справочник / Г. Б. Минервин, В. Т Шимко, А. В. Ефимов и другие: под общей редакцией Г. Б. Минервина и В. Т. Шимко. – М.: Архитектура-С, 2004. – 288 с.

8. Басыров Р. И., Открываем интернет-магазин с помощью 1С-Битрикс,Эксмо, 2009 год, - 511 с.

9. Дунаев, В. Сценарии для Web-сайта. PHP и JavaScript / В. Дунаев. - СПб.: БХВ-Петербург, 2006. - 576 с.

10. Ахромов, Я. В. Системы электронной коммерции [Текст]: учеб. пособие для вузов / Я. В. Ахромов . –М. : Оникс, 2007. - 416 с.

Электронные ресурсы

11. Диков, А. В. Веб-технологии HTML и CSS: учебное пособие – М.: Изд-во: Директ-Медиа, 2012. – То же [Электронный ресурс]. – URL:http://biblioclub.ru

12. Костюченко, О. А. Творческое проектирование в мультимедиа: монография. – Изд-во: Директ-Медиа, 2015. – То же [Электронный ресурс]. – URL:http://biblioclub.ru

13. Тарасова, О. П. Организация проектной деятельности дизайнера: учебное пособиеИздательство: ОГУ, 2013. – То же [Электронный ресурс]. – URL:http://biblioclub.ru

14. Проектирование удобной навигации по сайту [Электронный ресурс] - Режим доступа: - URL: https://1ps.ru/articles/doc/0407052335326/ (дата обращения 2 июня 2020).

ПРИЛОЖЕНИЕ