Элементы разработки веб-сайтов (стр.1) - Общие вопросы веб-дизайна - Webmascon

| WEBMASCON - журнал для веб-мастеров обновление |24.09.2003

| Общие вопросы веб-дизайна

Начало
Темы
Архив
Daily
Персоналии
Форумы
Отзывы
О сайте

все статьи на тему Общие вопросы веб-дизайна

# Элементы разработки веб-сайтов (стр.1)

Elements of User Experience. User-Centered Design for the Web
© Copyright 2003 Джесси Джеймс Гарретт (Jesse James Garrett) © перевод, Александр Качанов распечатать

> Copyright notice от переводчика: данная статья - перевод второй главы книги Джесси Гарретта Elements of User Experience. Данный перевод не является официальным. Он не может быть использован в коммерческих целях, а только для ознакомления с содержанием книги, которую можно приобрести на Amazon.

1. Пять уровней
2. От фундамента к крыше
3. Модель сайта

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

### Пять уровней

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

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

#### Поверхность

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

#### Схема

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

#### Структура

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

#### Рамки

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

#### Стратегия

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

Далее »

1. Пять уровней
2. От фундамента к крыше
3. Модель сайта

Самые популярные статьи
- Шаблонные решения для web-сайтов
- 10 главных ошибок веб-дизайна 2002 года
- К черту старые броузеры
- Незаменимые инструменты Web-Мастера
- Как подобрать гармоничную комбинацию цветов для Web-сайта

Начало | Темы | Архив | Daily | Персоналии | Форумы | Отзывы | О сайте

|  | Автор и администратор ресурса - Александр Качанов Webmascon Project открыт в 1999 году
© 1999-2002, переводы, Александр Качанов © 1999-2002, Webmascon © дизайн | matepuana.com |  |