Основной принцип юзабилити

Технология создания Web -сайта

 

Предметная область:

Информатика

 

Выполнила ученица 11а

Наумова Евгения.

 

Учитель информатики

Баранова Н.С.

 

 

Санкт- Петербург

2005г.

 

 

Содержание:

1. Введение…………………………………………………………………4

2. Web-сайт…………………………………………………………………4

3. Юзабилити………………………………………………………………4

1. Основной принцип юзабилити………………………………….4

2. Использование Интернета………………………………………6

4. Построение сайта……………………………………………………….6

1. Хронология создания сайта……………………………………..6

2. Схема сайта………………………………………………………7

· Построение структуры………………………………..8

· Преобразование структуры в диаграмму……………8

5. Визуальный интерфейс Web-страниц…………………………………9

1. Создание страниц для просмотра, а не для чтения……………….9

2. Цветовая политра, шрифты и графика……………………………13

3. Текст для Web………………………………………………………14

· Опустите лишние слова……………………………………..14

· Выбор размера шрифта……………………………………..15

· Текст на фоновом рисунке………………………………….15

· Графический и HTML-генерируемый текст………………16

6. Навигация………………………………………………………………16

1. Назначение навигации……………………………………………..16

2. Условности, применяемые для навигации……………………….17

3. Постоянная навигация……………………………………………..18

4. Названия страниц…………………………………………………..19

5. Вкладки……………………………………………………………..20

6. Пиктограммы……………………………………………………….21

7. Начальная страница……………………………………………………21

1. Содержание первой страницы…………………………………….21

2. Цели…………………………………………………………………22

3. Как передать основную идею?……………………………………23

4. Навигация начальной страницы………………………………….24

5. Всплывающие элементы………………………………………….25

6. Выпадающие меню………………………………………………..25

8. Заключение…………………………………………………………….26

 

 

I. Введение

 

Глобальная сеть Интернет постоянно развивается, появляются новые Web-сайты, совершенствуются технологии. Эта индустрия новая, значит, большая часть ее областей еще не освоена. Сейчас профессия Web-дизайнера становится все более и более популярной.

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

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

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

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

 

II. Web-сайт

 

Слово сайт утвердилось в русской интернетовской терминологии сравнительно недавно. Раньше, в 1995-1996 годах, в том же или примерно том же значении применялись сочетания «страница WWW», «узел WWW» или «WWW-сервер». На самом деле сайт как информационная единица – нечто принципиально отличное от сервера WWW (т.е. программы) или узла сети Интернет (т.е. компьютера).

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

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

 

III. Юзабилити

 

Основной принцип юзабилити

Первый закон юзабилити: «не заставляйте меня думать!» Этот принцип является решающим при оценке того, что и как работает (или не работает) в Web-дизайне. В той мере, насколько этого можно достичь, Web-страница должна быть максимально простой, понятной и «самоочевидной». Другими словами, пользователь должен сразу «схватить» ее – понять, что на ней и как ей пользоваться без затраты каких-либо усилий.

Что значит: простой, понятной и «самоочевидной»?

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

Когда вы создаете сайт, ваша основная задача состоит в том, чтобы избавиться от вопросительных знаков. Чем меньше вопросов, тем лучше.

Разные вещи на Web-странице могут заставить нас без надобности останавливаться и задумываться. Например: вычурные и заумные названия, торговые марки, фирменные знаки, незнакомые технические термины. Название раздела лежит в неком диапазоне «Понятно каждому» и «Совсем понятно». Возможны разные положения внутри этого диапазона.

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

Вопросы, о которых посетители сайтов не должны задумываться:

· Где я?

· Откуда следует начинать?

· Что самое главное на этой странице?

· Почему это называется так?

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

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

 

2. Использование Интернета