Итак, интерфейс удобного сайта должен отвечать следующим критериям:

 - все должно быть просто,

 - все должно быть понятно пользователю,

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

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

- где на сайте я нахожусь сейчас?

- откуда мне начинать искать нужную информацию, то есть где мне найти т.н. «точки входа»?

- где вообще находится тот материал, который мне нужен?

- почему это так-то называется, а не по-другому?

- а можно ли на это нажать и что тогда будет?

В целом при создании ресурса с высоким уровнем юзабилити нужно помнить о влиянии следующих психо-физических факторов:

- человеческое восприятие неустойчиво и непостоянно;

- движения пользователя могут быть неточны;

- человек склонен к утомлению и потере концентрации.

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

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

Назовем еще несколько правил создания понятного и удобного сайта.

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

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

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

- Средства управления необходимо отделять от средств отображения.

Цветовое решение сайта и html-кодинг 

Цвет

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

Высокопрофессиональный и грамотный html–кодинг также очень важен для юзабилити ресурса Создаваемый  по стандартам The World Wide Web Consortium (W3C ), структурированный и семантический  код обеспечит большую вероятность стабильной работы сайта как во всех современных браузерах, таких как Mozilla Firefox, Netscape Navigator, Opera, Safari, Internet Explorer 6.0–8.0, так и в последующих версиях браузеров, которые будут поддерживать web–стандарты. Согласитесь, это крайне важно... Ведь если сайт развалится в каком-нибудь популярном браузере (блоки наползут один на другой, появятся непонятные дыры на странице или гиперссылки – основа weba вообще не будут кликабельны), это, согласитесь, резко снизит уровень юзабилити сайта и уведет у вас посетителей и потенциальных клиентов.

Возможно Вы искали: - Как сделать свой собственный Twitter? - Как сделать таблицу с закруглёнными углами для сайта - Как сделать хороший баннер - Как сёрфить по Интернету с пользой - Как смотреть wap-сайты на компьютере

на вверх ↑

Ваши комментарии:

Оставить сообщение *  Ник: *  Сообщение:   Защита от автоматического добавления записи   *  Код картинки:   *  обязательные поля для заполнения