161205
| | | | |

                           

ИНТЕРНЕТ / INTERNET

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



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

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

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 Просмотров: 9567
Оцените эту статью:  
   Распечатать



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

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



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

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






MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus


Samsung Galaxy Note7


Винисиус и Том — талисманы Олимпийских и Паралимпийских игр 2016 в Рио-де-Жанейро


Pokémon Go

 
 

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

Как улучшить внешний вид искусственной елки
Искусственная елка – отличная альтернатива ...
Как сделать устойчивую основу для новогодней елки?
Когда в доме появляется новогодняя елка, то ее ...

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

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



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


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

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

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


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