Навигация по сайту реферат

Обновлено: 05.07.2024

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

Что такое навигация сайта

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

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

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

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

Третий вид – Java и Flash инструменты, с их помощью создаются различные эффекты при наведении курсора или нажатии на какую-либо ссылку. Реализовать качественную навигацию, при помощи таких технологий довольно сложно, но результат того стоит. Четвёртый вид – это навигация HTML, она служит для создания компактного меню.

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

Как сделать навигацию по сайту

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

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

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

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

1.13.3 Содержание сайта

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

1.14 Сравнительный анализ используемых технологий, содержания и дизайна сайтов ВУЗов

На основе исследования сайтов ВУЗов, проведенного ранее построим таблицу 1.2, консолидирующую основные характеристики данных сайтов.

В данной таблице приведено сравнение основных характеристик рассмотренных сайтов.

В результате анализа данных, представленных в таблице 1.2, выделим те свойства, которых нет на существующем сайте ПРИПИТ по сравнению с сайтами других образовательных учреждений:

· Единый стиль для всех страниц

· Наличие информации об авторских правах и обратной связи на каждой странице

· Единая навигация для всех страниц

· Использование в основе сайта CMS

2. Применение технологии CMS (системы управления содержимым сайта) для разработки сайта

2.1 Исследование информационной структуры существующего сайта ПРИПИТ

Задачей данного параграфа является исследование информационной структуры существующего сайта ПРИПИТ. Данное исследование проводится путем изучения существующего сайта ПРИПИТ [5], а так же локальной копии сайта ПРИПИТ.

В настоящее время существующий сайт ПРИПИТ сверстан на основе технологии HTML с использованием JavaScript. Данная технология подразумевает, что любая информационная страница данного сайта должна быть предварительно оформлена в формате HTML, размечена тегами и вручную размещена на сайте.

Анализ сайта производится на основе исследования содержания меню (разделов) существующего сайта.

Результаты анализа информационной структуры представлены в таблице 2.1.

Таблица 2.1. Информационная структура существующего сайта ПРИПИТ

2.2 Исследование информационных потребностей различных групп потенциальных посетителей сайта ПРИПИТ

В результате анализа информационной структуры существующего сайта ПРИПИТ определим группы потенциальных посетителей сайта.

Таблица 2.2. Информационная потребность групп потенциальных посетителей сайта ПРИПИТ

Таким образом, потенциальной аудиторией информационного сайта ПРИПИТ (Пермского Регионального Института Педагогических Информационных Технологий) являются следующие группы посетителей:

· Все – группа, включающая в себя всех посетителей сайта

· Школьники – посетители, обучающиеся в школе и их родители

· Абитуриенты – посетители, готовящиеся к поступлению в институт и их родители

· Студенты – посетители, являющиеся студентами данного института

· Преподаватели – посетители, являющиеся действующими преподавателями, школ, училищ и вузов Пермского края

В целом, структура существующего сайта ПРИПИТ достаточно грамотно организована, но главное меню состоит их 13 пунктов и имеет пункты, назначение которых не все посетители могут однозначно интерпретировать. Очевидно, что следует при формировании новой информационной структуры сайта, следует формировать структуру таким образом, чтобы потенциальные группы посетителей могли однозначно интерпретировать назначение каждого пункта главного меню. Решить данную задачу можно, сгруппировав разделы сайта по группам посетителей.

В связи с тем, что структура и информационное наполнение существующего сайта ПРИПИТ уже сформировано, нашей задачей является модернизация информационной структуры сайта, макета сайта и дизайна сайта с учетом использования в основе нового сайта CMS.

Выделим задачи, требующие решаемые в процессе модернизации сайта:

1. Единый стиль для всех страниц.

2. Наличие информации об авторских правах и обратной связи на каждой странице.

3. Единая навигация для всех страниц.

4. Использование в основе сайта CMS.

5. Разбивка содержимого нового сайта на разделы, категории и статьи по терминологии программных CMS.

6. Распараллеливание возможности обновления содержимого сайта сразу между несколькими людьми или группами пользователей.

7. Для разграничения прав пользователей размещение на главной странице сайта блока регистрации пользователя (предоставление различным группам пользователей разной информации).

2.3 Разработка макета сайта ПРПИТ, основанного на CMS

При разработке макета сайта будем придерживаться следующих критериев[6]:

· Для доступа к нужной информации пользователь должен делать не более 3х переходов по гиперссылкам.

· Макет страницы должен быть сбалансирован и не перегружен информацией

· Графика не должна мешать пользователю воспринимать информацию

· Сайт должен быть удобен для тех людей, у которых разрешение экрана 600х800 пикселей и выше и поддерживать масштабирование

· На каждой странице должна быть доступна информация об авторских правах и обратная связь

· Содержание сайта должно быть организовано логически

· Навигация должна быть расположена в одном и том же месте на всех страницах

· В навигации следует предусмотреть ссылку обратной связи

· Навигация должна позволять вернуться на предыдущие подуровни

Раздел: Информатика, программирование
Количество знаков с пробелами: 137832
Количество таблиц: 4
Количество изображений: 0

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

Как сделать современную и удобную навигацию на сайте: основные требования

Перечислим критерии качественной навигации:

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

От соблюдения данных параметров, при создании сайта во многом зависит его дальнейшая судьба, так как проект с неудобной навигацией не будет привлекать пользователей. Удобная навигация по сайту является частью работы над юзабилити – удобством использования сайта по ряду основных признаков.

Основные виды навигации сайта

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

Языковая – используется на сайтах, потенциальная аудитория которых мультиязычна. Пользователю предлагается выбрать наиболее удобный язык, на котором будет отображаться информация. В большинстве своем такой тип навигации внедряется на сайтах различных международных организаций. Использование языковой навигации позволяет избежать необходимости создания нескольких одинаковых сайтов с контентным наполнением на различных языках.
Основная – ссылки на наиболее важные разделы сайта, размещаются обычно в меню. Большинство ресурсов ограничиваются только ей, поскольку она подходит для небольших проектов в несколько десятков страниц.
Глобальная – это те ссылки, которые должны быть видны с любой страницы сайта, к примеру ссылки на главную страницу.
Рекламная навигация – к ней относятся ссылки, расположенные для привлечения клиентов на другие ресурсы или страницы с предложением услуг или продукции. Такая навигация может быть, как текстовой, так и графической, в зависимости от замысла дизайнера.
Тематическая – к такому типу навигации относятся ссылки на близкие по тематике разделы. К примеру, похожие публикации на новостных сайтах. Также это могут быть ссылки под одной статьей с возможностью перехода к следующей или к предыдущей. Наглядно демонстрирует пример тематической навигации фотогалереи, в большинстве из которых под каждым фото будут ссылки, по которым можно просмотреть предыдущее или следующее по порядку фото.
Навигация в контенте – в основном используется для внутренней перелинковки страниц сайта с целью лучшей поисковой оптимизации. Выглядит как ссылка в тексте страницы, направляющая на другой ресурс или другой раздел.
Указательная – показывает пользователю, в какой части сайта он находится на данный момент. Удобна для крупных порталов и сайтов с множеством разделов. Такой вид навигации позволяет пользователю легко ориентироваться в большом объеме информации.
Географическая – применяется в основном для крупных сайтов или туристических порталов, которым требуется наглядно указать страну, город или регион, к которому относится раздел, в котором пользователь находится. Такой вид навигации обычно компонуется со ссылками на полезные материалы о стране или туристической достопримечательности.
Поисковая навигация – в этом случае можно ввести интересующую информацию в поисковую строку (слово или фразу), и система найдет на сайте материалы, где встречается это буквосочетание. Некоторые порталы не ограничиваются поиском только по своей площадке, а попутно выдают пользователя информацию из поисковых систем по интересующему вопросу.

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

По типу реализации всю навигацию можно разделить на 4 вида:

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

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

Удобная навигация сайта – одно из условий высокой конверсии

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

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

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

Описание презентации по отдельным слайдам:

Когда вам в голову пришла хорошая идея, действуйте незамедлительно (Билл Гейтс)

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

Тема: Навигационная структура сайта

Сформировать навыки выбора структуры для навигации сайта

Ключевые слова Линейная структура Древовидная структура Решетчатая структура

Ситуация Ваш офис по созданию сайта поступил заказ подобрать меню навигации для сайта Сайт навигации

План Линейная структура Древовидная структура Решетчатая структура

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

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

ЛИНЕЙНАЯ СТРУКТУРА С АЛЬТЕРНАТИВАМИ И ВАРИАНТАМИ. Эта структура отличается от предыдущей лишь тем, что пользователю предоставляется дополнительная возможность выбирать между двумя ветками. Однако веб-мастеру здесь облегчается задача направления посетителей в определенное русло. Такая структура подходит для сайтов, где требуется регистрация с переходом на следующую страницу. Пример

ЛИНЕЙНАЯ СТРУКТУРА С ОТВЕТВЛЕНИЯМИ. Является наилучшим способом для расширения сайта без его глобальных изменений. Структуре характерны тупиковые ответвления, по которым пользователь может при желании перейти и потом снова вернуться в основной поток страниц. Пример

ДРЕВОВИДНАЯ СТРУКТУРА. Самый универсальный способ размещения страниц и подходящий практически для всех типов сайтов. Такой принцип организации страниц заставляет посетителя постоянно делать выбор, продвигаясь к цели.

Вопросы для закрепления Что такое навигация по сайту? Для чего необходимо навигация по сайту? Какая структура подойдет для сайта визитки? Древовидная структура?

подготовка к ЕГЭ/ОГЭ и ВПР
по всем предметам 1-11 классов

Курс повышения квалификации

Дистанционное обучение как современный формат преподавания

Курс повышения квалификации

Инструменты онлайн-обучения на примере программ Zoom, Skype, Microsoft Teams, Bandicam

Курс добавлен 31.01.2022
Сейчас обучается 25 человек из 18 регионов

Курс повышения квалификации

Педагогическая деятельность в контексте профессионального стандарта педагога и ФГОС

ЗП до 91 000 руб.
Гибкий график
Удаленная работа

Дистанционные курсы для педагогов

Свидетельство и скидка на обучение каждому участнику

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

5 602 455 материалов в базе

Самые массовые международные дистанционные

Школьные Инфоконкурсы 2022

Свидетельство и скидка на обучение каждому участнику

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

18.05.2018 1241
PPTX 1011.2 кбайт
4 скачивания
Оцените материал:

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

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

Автор материала

40%

Подготовка к ЕГЭ/ОГЭ и ВПР
Для учеников 1-11 классов

Московский институт профессиональной
переподготовки и повышения
квалификации педагогов

Дистанционные курсы
для педагогов

663 курса от 690 рублей

Выбрать курс со скидкой

Выдаём документы
установленного образца!

Учителя о ЕГЭ: секреты успешной подготовки

Время чтения: 11 минут

Минпросвещения России подготовит учителей для обучения детей из Донбасса

Время чтения: 1 минута

В приграничных пунктах Брянской области на день приостановили занятия в школах

Время чтения: 0 минут

Школы граничащих с Украиной районов Крыма досрочно уйдут на каникулы

Время чтения: 0 минут

Ленобласть распределит в школы прибывающих из Донбасса детей

Время чтения: 1 минута

Минобрнауки и Минпросвещения запустили горячие линии по оказанию психологической помощи

Время чтения: 1 минута

Инфоурок стал резидентом Сколково

Время чтения: 2 минуты

Подарочные сертификаты

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

Читайте также: