
- •Характеристика этапов технологического (жизненного) цикла создания и развития информационной системы: сбор требований к информационной системе; проектирование информационной системы
- •5. Роль, функции и результат работы проектировщика взаимодействия пользователя с информационной системой на всех этапах работы над проектом создания инфомационной системы
- •Пользовательскии интерфейс: определение, назначение, техническая суть, классификация, характеристики, примеры и перспективы развития. Подробная характеристика пользовательских интерфейсов
- •Uml диаграммы: определение, назначение, техническая суть, классификация, характеристики, примеры и перспективы развития
- •Структурные диаграммы:
- •Диаграммы поведения:
- •Диаграммы взаимодействия:
- •Порядок построения диаграммы классов. Порядок построения диаграммы компонентов
- •Порядок построения диаграммы композитной/составной структуры. Порядок построения диаграммы объектов
- •Порядок построения диаграммы деятельности. Порядок построения диаграммы состояний
- •Порядок построения диаграммы вариантов использования. Порядок построения диаграммы коммуникации
- •Порядок построения диаграммы обзора взаимодействия. Порядок построения диаграммы последовательности
- •Задачи прототипирования пользовательского интерфейса информационной системы. Виды прототипов. Критерии выбора инструмента для прототипирования пользовательского интерфейса информационной системы
- •Статический и динамический прототипы системы: основные отличия и особенности создания прототипов. Примеры статичеких прототипов. Примеры динамических прототипов
- •Характеристика и назначение различных видов прототипов пользовательского интерфейса информационной системы
- •Понятие навигации в информационных системах. Классификация элементов навигации. Назначение навигационных карт и принципы их функционирования. Варианты реализации информационных карт
- •Структура меню в информационных системах. Характеристики и особенности различных видов и типов структуры меню в информационных системах
- •Роль цвета в пользовательских интерфейсах. Обзор основных цветов. Принципы создания цветовых схем пользовательских интерфейсов. Критерии выбора инструмента подбора цветовых схем
- •Задачи юзабилити-тестирования на различных стадиях разработки информационной системы. Особенности юзабилити-тестирования
- •Классификация методов юзабилити-тестирования информационных и технических систем. Сферы применения и назначение различных методов юзабилити-тестирования
- •Характеристика методов юзабилити-тестирования: карточная сортировка, контекстное исследование. Сферы применения перечисленных методов юзабилити тестирования
- •Характеристика методов юзабилити-тестирования: контрольные листы, обзоры. Сферы применения перечисленных методов юзабилити тестирования
- •Характеристика методов юзабилити-тестирования: опросники, протоколы самоотчета, фокусные группы. Сферы применения перечисленных методов юзабилити тестирования
- •Эвристическая оценка юзабилити информационной системы: определение, назначение, техническая суть, классификация, характеристики, примеры и перспективы развития
- •Базовые принципы экранной типографики. Особенности восприятия человеком экранного текста. Специфика отображения шрифтов на экране
Понятие навигации в информационных системах. Классификация элементов навигации. Назначение навигационных карт и принципы их функционирования. Варианты реализации информационных карт
Информационная среда WWW базируется на технологии гипертекста, в основе которой лежит концепция связывания документов с помощью ссылок. Именно ссылки объединили Интернет в единое пространство, дав пользователям возможность свободно перемещаться, не задумываясь о структуре и пространственной распределенности этой сложнейшей системы.
Правильное использование гиперссылок является важнейшим фактором повышения юзабилити сайта. Известный специалист по юзабилити Якоб Нильсен (www.useit.com) утверждает, что навигация сайта должна в любой момент предоставлять посетителю ответы на три вопроса:
1. Где я нахожусь?
2. Где я уже был?
3. Куда я могу пойти?
Анализ путей попадания посетителей на сайт показывает, что основным источником трафика являются поисковые системы. Поэтому важно, чтобы посетитель не только перешел на внутреннюю страницу сайта с поисковой системы, но сразу же смог понять, в каком подразделе какого раздела и на какой странице он находится.
При проектировании страниц необходимо учитывать ситуацию, когда пользователь попадает сразу на внутреннюю страницу сайта. Поэтому на любой странице сайта должны присутствовать следующие элементы:
• логотип компании, который является ссылкой на стартовую страницу, а также краткое описание сферы деятельности
• центральная навигация, отображающая структуру основных информационных блоков сайта (разделов и подразделов)
• поле поиска по сайту.
Классификация элементов навигации.
Все средства навигации делятся по отношению к сайту на внешние и внутренние. Внешние средства реализованы в виде кнопок браузера, управляющих переходами по сайту.
Внутреннюю навигацию можно разделить на основную и вспомогательную. Центральный элемент основной навигации - это панель или меню переходов.
Основная навигация обычно представлена структурными ссылками, ведущими на разделы сайта. К вспомогательной навигации относят ссылки типа "на уровень вверх", "на стартовую" и т.д.
Желательно, чтобы структурные ссылки отличались от вспомогательных и перекрестных ссылок, размещенных в тексте. На большинстве сайтов они выглядят одинаково. Поэтому часто бывает непонятно, ведет ссылка на целый раздел или на единственную страницу. С проблемой определения содержимого таких ссылок часто сталкиваются пользователи download-менеджеров, когда необходимо указывать, до какого уровня вложенности необходимо скачивать целый сайт или отдельные его разделы.
Качественная вспомогательная навигация должна включать ссылки, ведущие к предыдущему разделу, к странице с оглавлением раздела и на главную страницу сайта. Удобно представлять это в виде пройденного пути, например:
HomeShop.by> Бытовая техника > Соковыжималки >Moulinex
Такая навигация обязательно должна присутствовать на сайтах с многоуровневой структурой. Все элементы строки, кроме последнего, должны быть ссылками на соответствующие страницы.
Существует тематическая навигация, которая представлена ссылками, список которых генерируется и выдается в зависимости от того, какая информация была загружена пользователем на данной странице. Например, если это статья, то в конце можно представить ссылки на статьи подобной тематики, расположенные в порядке убывания релевантности относительно рассматриваемой темы.
Навигационные карты.
Карта-изображение или - навигационная карта - довольно мощное средство, которое язык HTML предоставляет ВЕБ-дизайнерам для оформления внешнего вида сайтов. Собственно карта-изображение - это одна из форм организации навигации по сайту. Она позволяет привязывать гиперссылки к различным областям изображения. При этом следует принимать понятие "ссылка" в ее широком значении: при активизации области карты, определенной для ссылки, может выполняться любое действие, которое позволяет организовать гиперссылка: переход на другую страницу, загрузку документа, запуск программы и т.д. "Есть мнение", что такой подход нагляднее, чем применение обычных текстовых ссылок, поскольку дает представление о характере ссылки посредством графического образа.
Типы навигационных карт:
• Клиентская. Когда пользователь активизирует область клиентской навигационной карты с помощью мыши, координаты точки интерпретируются агентом пользователя (в роли которого чаще всего пока выступает браузер Microsoft Internet Explorer). Агент пользователя выбирает ссылку, указанную для активизированной области, и выполняет ее.
• Серверная. Когда пользователь активизирует область серверной навигационной карты с помощь мыши, координаты точки щелчка передаются агенту на сервере, определенному с помощью атрибута href элемента A. Агент на сервере интерпретирует координаты и выполняет соответствующее действие.
Проще говоря, при использовании клиентского варианта все действия с навигационной картой выполняет Ваш браузер без обращений и запросов к серверу. При использовании серверного варианта Ваш браузер лишь передает на сервер координаты точки, по которой Вы кликнули. Поэтому, несмотря на то, что серверный вариант появился гораздо раньше клиентского, последний является предпочтительным по крайней мере по двум причинам: клиентские навигационные карты доступны пользователям неграфических агентов и позволяют незамедлительно определить, находится ли указатель мыши в активной области. При реализации клиентского варианта при наведении указателя на активную область в строке состояния браузера так же как и при наведении на обычную ссылку, отображается соответствующий URL-адрес.
Основными компонентами навигационных карт являются:
• Само изображение. Для конкретизации понятий будем называть его опорным изображением.
• Описание конфигурации активных областей.
• Соответствующее программное обеспечение.
В качестве опорного изображения могут применяться изображения, сохраненные в любом формате, который поддерживают браузеры клиентов. Чаще всего, как и везде в инете, используются форматы GIF и JPG. При этом в формате GIF может использоваться прозрачный цвет и режим чередования строк. В принципе нет никаких формальных ограничений для использования изображений в качестве опорных для навигационных карт.
Конфигурация карты записывается в виде обычного текста, который в зависимости от используемого формата может быть сохранен в отдельном файле или являться частью HTML-документа. Описание конфигурации содержит координаты для каждой из активных областей а так же адреса, связанные с этими областями. Активные области могут иметь форму круга или многоугольника. Конкретные правила записи конфигурации области зависят от выбранного варианта.
Специального программного обеспечения при реализации клиентского варианта не требуется.
Поскольку преимущества или, вернее сказать, положительные стороны использования навигационных карт в определенных случаях очевидны, в заключении необходимо отметить некоторые недостатки использования навигационных карт.
• Если не предусмотрено никаких альтернативных средств навигации, то посетители, которые парят в Интернете с отключенной графикой (что встречается, особенно в рунете, довольно часто), практически не смогут посетить сайт. То же самое можно сказать о посетителях, которые используют неграфические браузеры.
• Время загрузки изображений, как правило, гораздо больше времени загрузки текста, что особенно заметно при использовании модемов, плохих линий связи, а также "задумчивых" серверов.
• На навигационной карте браузер не может отмечать другим цветом уже пройденные ссылки, как он это делает с текстовыми ссылками.
В конце концов, конечно же, решение "быть или не быть" должно приниматься в каждом конкретном случае, учитывая все преимущества, которые даст использование навигационной карты и все трудности, к которым это может привести (не столько для разработчика сайта, сколько для его посетителей).