Как сделать сайт с высоким уровнем юзабилити?
19322
| | | | |

                       

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как сделать сайт с высоким уровнем юзабилити?

Вернуться к списку статей

Просмотров: 10639

AAA + -




Успех интернет-ресурса во многом зависит от уровня его юзабилити, то есть от того, насколько сайт удобен в использовании. Кажется, что все просто. Однако существует очень много секретов этого самого удобства пользования. Мы остановимся лишь на самом основном.

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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


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

Цвет


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

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

Идеальная навигация 

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

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

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

удобна в использовании, по гиперссылкам легко попадать; ссылок в меню должно быть не очень много, чтобы они не казались кучей слов;

пользователь всегда должен знать свое местоположение на сайте. Либо соответствующий пункт меню как-то подсвечивается, либо на странице есть поуровневая цепочка/дорожка ссылок, по которой легко найти свое место на сайте; цвет уже посещенных ссылок должен меняться;

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

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

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



Источник: znaikak.ru
Автор:
Голосов: 7 Общая оценка: 4.8
Оцените эту статью:  
   Распечатать



Ключевые слова:

сайт, юзабилити, высоким, уровнем



Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.

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






Samsung Galaxy Fold


Куриное яйцо из Instagram, которое собирает млн. лайков


iPhone XS и XS Max


Талисман ЧМ-2018 года по футболу - Забивака!


Логотип ЧМ-2018 по футболу


Новая купюра номиналом 2000 рублей

 
ЗнайКак в соцсетях:
    

 

Статьи сегодня:

Как купить авто в Германии
Чтобы купить машину на территории Германии, ...
Как выбрать электрошашлычницу
В данной статье пойдёт речь о бытовом устройстве, ...

Смотрите также:

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



ВОПРОСЫ - ОТВЕТЫ

Кто знает, где в Екатеринбурге найти добротную меховую подушку для дивана? Чтоб не рассыпалась на части через неделю
Как раскрутить турфирму или турагентство?
Как правильно написать адрес сайта
Нужна мебель в стиле модерн, самая разная – диваны, кресла, столы и т.д. Где лучше взять? За любую помощь +100 к карме
Чем покрасить паркет, лестницу в доме

Всего вопросов задано: 1459
Всего ответов получено: 2312

Задать вопрос на тему ИНТЕРНЕТ Все вопросы

ТЭГИ

Google Photoshop email бесплатно блог вашего веб ВКонтакте всем вывести вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет интернет-магазин интернете красивый любой людей магазины место может общаться построить почта продать продвижение проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются социальные стали удалить управления услуги факты фотографии футбол хитрости через школьный электронная этикет

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.