17425
| | | | |

                           

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



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

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



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

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






"Мисс Россия – 2017" Полина Попова


Samsung Galaxy S8


«Мисс Вселенная 2017» - Ирис Миттенар (Франция)


MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus

 
 

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

Как уберечь спиннинг от поломки
Несколько слов о типичных поломках спиннинга ...
Как и во что обходится нежелание улучшать организацию работы
Цена бездействия: во что обходится нежелание улучшать организацию работы ...
Как отремонтировать детские джинсы в виде модной строчки?
Джинсовая ткань очень прочный материал. Непоседливые ...
Как быть если кал зеленого цвета: причины и лечение
Появление зеленого кала — тревожный звонок ...
Как отключить автоматическое обновление приложений на Андроид
Наверняка большинство пользователей смартфонов ...
Как правильно ухаживать за соломенной шляпой?
Уже совсем скоро начнется летний сезон и пора ...
Как установить автоответчик на мобильный телефон
Каждый пользователь мобильного телефона время ...
Как переместить приложения с телефона на сд карту
Современный пользователь смартфона на Андроид ...
Как выбрать строительный миксер
Для приготовления различных смесей, используемых ...
Как фактор водостойкости влияет на выбор потолков?
Металлоконструкции прочно вошли в нашу жизнь ...

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

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


YouTube канал про Apple

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


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

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

Все подкасты


ТЭГИ

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

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


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