Навигация
КОНТРОЛЬНАЯ РАБОТА
"Графическое обоснование на разработку Web-сайта"
2010
1. Выбор интерфейса
Проектируя веб-сайт, основное внимание необходимо уделить разработке пользовательского интерфейса (usability). Организация usability сайта – одна из сфер эргономики, науки об удобстве использования всех создаваемых человеком предметов.
Разработка usability – это методологический подход к созданию сайта или любого другого пользовательского интерфейса. Прежде, чем приступить к разработке usability, необходимо определить цели сайта, его аудиторию.
Первое и главное правило удобства сайтов: разработчику всегда следует смотреть на свою работу глазами пользователя. Именно он является конечным потребителем сайта, поэтому его ожидания и интересы должны учитываться в первую очередь.
Характеристики, которые определяют успешность пользовательского интерфейса:
1. Доступность. Доступ к нужной информации должен быть максимально удобен и понятен для пользователя. Рекомендуется разрабатывать навигацию, чтобы любая информация была доступна не более, чем за 2 перехода с главной страницы. Навигационная система обычно располагается наверху, внизу или на одной из боковых сторон веб-страницы.
Если панель наверху, это дает преимущество в том, что сразу говорит посетителю какие разделы сайта являются основными. Есть также и недостаток – при размещении вплотную к верху страницы, пользователь может не заметить ссылки и прокрутить страницу вниз, пытаясь найти навигационную панель в других, привычных ему местах.
Если панель внизу – это удобно, так как чтение страницы обычно заканчивается именно там. Однако эта область остается невидимой пока страницу не прокрутят до конца вниз.
Если же панель навигации расположена на левой или на правой стороне веб страницы, это практически моментально видно пользователю. Однако, не всегда боковая панель навигации видна целиком, и посетителю приходится прокручивать страницу вверх и вниз, пытаясь найти нужную ссылку. Навигационная панель должна располагаться на одном и том же месте на всех страницах.
Навигационная система может состоять из:
1. Текстовых ссылок – наиболее простая форма навигации. Обычно это 1–3 слова, которые описывают то, куда приведет данная ссылка. Например: карта сайта, связь с нами, ссылки, гостевая книга и т.д. Преимущества таких ссылок в высокой скорости загрузки. Легко масштабируются и редактируются. Читаемость во всех браузерах.
2. Графических ссылок, которые делятся на две категории: графические карты (image maps) и кнопки.
1. Графические карты – отдельный графический элемент, разделенный на несколько участков, которые, в свою очередь, являются гиперссылками. Карты могут выглядеть достаточно эффектно. Они удобны для установки одного графического элемента вместо нескольких. Служат довольно сильным средством коммуникации с пользователем.
2. Графические кнопки. Их преимущество в том, что привлекают внимание пользователя. Могут быть более описательными (визуально), нежели простые текстовые ссылки. Более гибки, чем графические карты. Более быстрая загрузка, чем у карты. К недостаткам можно отнести следующее. Часто, кнопки менее наглядны, чем простой текст. Необходимость делать новую кнопку для любых дополнительных разделов сайта. Плохо применимо для больших сайтов.
Панель навигации по основным разделам сайта позволит пользователю легко понять структуру сайта и сразу переместиться в необходимый раздел с любой страницы.
Удобству сайта служит также размещение на каждой его странице традиционных элементов интерфейса. Заголовок и (или) логотип сайта, являющийся, кроме того, ссылкой на главную страницу. Благодаря этому заголовку посетитель всегда будет знать, на каком сайте он находится, а также сможет при желании в любой момент переместиться на главную страницу.
Информация на сайте не должна быть трудна для восприятия. Для этого необходимо использовать подзаголовки, выделенный текст, гиперссылки, чтобы пользователь мог сориентироваться в предлагаемой информации. Использование заголовков различного уровня, маркированных списков, промежутков между абзацами, горизонтальных разделяющих линий, картинок, позволяет упростить восприятие сплошного текста. Кроме простого дробления страницы на информационные блоки, в веб-страницы можно включать графические и мультимедийные элементы.
Основной текст на страницах обычно имеет небольшой размер. Такой текст воспринимается значительно лучше, если используются рубленые шрифты, например, Arial, Verdana, а не шрифты с засечками (например, Times New Roman). Текст должен быть достаточно крупным, чтобы его было удобно читать всем. Размер шрифта должен быть маштабируемым. Его размер в листах стилей (или непосредственно в коде страницы) нужно задать в относительных единицах измерения.
При выборе определенных решений при создании дизайна необходимо принимать в расчет тип содержимого страницы. Разные страницы могут содержать контент разного типа. Поэтому каждую страницу следует адаптировать под соответствующий ей контент, создать элементы управления, которые упростят пользователю работу с сайтом.
Похожие работы
... . Существует также ряд послепечатных технологических операций, применяемых только при растровой печати, он включает штамповое высекание, вакуумное формование и тиснение. Глава IV. Методика обучения книжной иллюстрации старших школьников на уроках компьютерной графики 4.1 Эстетическое воспитание ребенка средствами компьютерной графики Ребенок входит в жизнь распахнутый к принятию красоты. ...
... прочие). В соответствии с принципами формирования изображения аддитивным или субтрактивным методами разработаны способы разделения цветового оттенка на составляющие компоненты, называемые цветовыми моделями. В компьютерной графике в основном применяют модели RGB и HSB (для создания и обработки аддитивных изображений) и CMYK (для печати копии изображения на полиграфическом оборудовании). Цветовые ...
... с теми или иными атрибутами (цветом и толщиной контура, видом заливки и т.д.). Векторная графика позволяет масштабировать изображение без изменения качества.) Перед курсом компьютерной графики студенты уже имеют подготовку по черчению (из школы, а студенты-технологи и в вузе изучают этот предмет). Следует исходить из того, что построение и чтение чертежа (по крайней мере, простого) не составляет ...
... что сегодня компьютерная графика является значимым фактором современной эстетической среды (организации материально-предметного и духовного окружения человека). В этом и заключается первостепенное значение компьютерной графики для эстетического воспитания ребенка. Это остается справедливым даже тогда, когда сам ребенок не имеет непосредственых контактов с инструментарием и технологиями создания и ...
0 комментариев