"Графическое обоснование на разработку Web-сайта"

2010

1. Выбор интерфейса

Проектируя веб-сайт, основное внимание необходимо уделить разработке пользовательского интерфейса (usability). Организация usability сайта – одна из сфер эргономики, науки об удобстве использования всех создаваемых человеком предметов.

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

Первое и главное правило удобства сайтов: разработчику всегда следует смотреть на свою работу глазами пользователя. Именно он является конечным потребителем сайта, поэтому его ожидания и интересы должны учитываться в первую очередь.

Характеристики, которые определяют успешность пользовательского интерфейса:

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

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

Если панель внизу – это удобно, так как чтение страницы обычно заканчивается именно там. Однако эта область остается невидимой пока страницу не прокрутят до конца вниз.

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

Навигационная система может состоять из:

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

2. Графических ссылок, которые делятся на две категории: графические карты (image maps) и кнопки.

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

2. Графические кнопки. Их преимущество в том, что привлекают внимание пользователя. Могут быть более описательными (визуально), нежели простые текстовые ссылки. Более гибки, чем графические карты. Более быстрая загрузка, чем у карты. К недостаткам можно отнести следующее. Часто, кнопки менее наглядны, чем простой текст. ............