Юзабилити в веб-дизайне, или как оценить свой сайт с точки зрения пользователя

Юзабилити в веб-дизайне, или как оценить свой сайт с точки зрения пользователя

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

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

Как посмотреть на сайт глазами постороннего посетителя?

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

Все мы знаем, что лучший сервис — это тот сервис, который незаметен, и в сфере услуг это одно из основных правил. Но обо всем по порядку.

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

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

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

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

Какие факторы влияют на восприятие сайта?

1. Скорость загрузки веб-страниц.

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

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

2. Соответствие тематики и оформления.

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

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

3. Визуальная подача контента.

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

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

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

4. Адаптивность.

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

5. Навигация.

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

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

Вся суть

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

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

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

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

Комментарии Facebook:

Комментарии (1)

  1. Ирина

    Согласна, сайт где нет достойного оформления, подобен генералу без мундира)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree