Аудит сайтов. Юзабилити

Неоднократно встречал в IT-объявлениях и офферах услугу «Аудит сайтов». Занимался в свое время бухгалтерским аудитом. Поэтому имею представление о понятии «аудит». Это — некая «ревизия состояния дел». Что же при этом проверяется?

Почему-то в сфере IT под этим термином могут пониматься совершенно разные и мало связанные вещи. Поэтому рискну подытожить, а вернее, разбить, это понятие на составляющие части. Всё, что здесь написано — ИМХО. (Поясняю на всякий случай. ИМХО или IMHO — сокращение от оригинального «In My Humble Opinion», буквально — «По моему скромному мнению/пониманию»).

Юзабилити (usability)

Это — «дружественность» сайта к посетителю. Субъективная мера того, насколько ему комфортно, понятно, полезно и приятно находиться на сайте. Сразу ли видно, что надо нажимать на какую-то кнопку. Или делать куда-то переход. Или искать информацию.

Объективно юзабилити сайтов можно частично измерить. Например, показатель «Процент отказов» показывает долю посетителей, покинувших сайт в течение первых 30 секунд. Т. е. им стало не интересно или мало приятно на нём находиться. Такая реакция «а куда это я попал?» говорит о том, что он здесь случайно. Скорее всего, привела его неграмотно сделанная реклама. Возникнет чувство обиженности и обманутости. Мол, обещали (в рекламе) одно, а здесь непонятно что. И уж, к гадалке не ходи, сюда он больше не вернётся.

Основные аспекты юзабилити

  1. Эффективность навигации
      • Логичная и понятная структура меню. Может быть многоуровневым, с чётким разбиением.
      • Быстрый доступ к основным разделам
      • Удобная строка поиска по сайту, желательно с автодополнением.
      • Четкая иерархия информации

      2. Удобство чтения контента

        • Оптимальный размер и тип шрифта
        • Достаточный и гармоничный контраст текста и фона
        • Структурированность текста (заголовки, подзаголовки, абзацы)
        • Удобное расположение текстовых блоков

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

          • Корректное отображение на всех устройствах
          • Удобство использования на мобильных устройствах
          • Адаптация контента под разные размеры экрана
          • Сохранение функциональности при масштабировании

          4. Интуитивность и предсказуемость поведения интерфейса

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

            5. Обработка ошибок

              • Понятные сообщения об ошибках
              • Подсказки при вводе данных или по исправлению ошибок
              • Сохранение введенных данных при ошибках или полный откат
              • Предотвращение типичных ошибок

              6. Визуальная иерархия

                • Выделение важных элементов
                • Группировка связанных элементов
                • Использование пустого пространства
                • Баланс в расположении элементов

                7. Доступность

                  • Поддержка скринридеров
                  • Альтернативный текст для изображений
                  • Возможность навигации с клавиатуры
                  • Достаточная контрастность для слабовидящих

                  8. Обратная связь

                    • Индикация состояния системы
                    • Подтверждение выполненных действий
                    • Отображение прогресса длительных операций
                    • Уведомления о важных событиях

                    Что может не понравиться пользователю?

                    Если пользователь попал на сайт, тематикой которого интересовался, позже ему может не понравиться многое. Например:

                    — Назойливые всплывающие окна
                    — На каждом шагу кричащие кнопки «Купи»
                    — Раздражающие глаз цвета
                    — Постоянное мельтешение занудливой анимации
                    — Налезающие друг на друга тексты и изображения
                    — Слишком мелкий (или крупный) для прочтения текст
                    — Синтаксические и грамматические ошибки
                    — Неадекватные или шокирующие изображения и графика
                    — Необходимость напрягаться, чтобы понять на что нажать, чтобы перейти туда, куда посетителю хочется
                    — И много ещё чего…

                    Испытав такое, визитёр, скорее всего, побыв недолго на сайте, уйдёт так и не совершив ожидаемого от него целевого действия (CTA), например, нажатия кнопки.

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

                    Немного юмора

                    Юзверь

                    Программистам очень часто приходится иметь дело с английскими наименованиями понятий интерфейса и прочих терминов. Они для хорошего выполнения своей работы просто обязаны знать хотя бы ограниченный набор таких слов — часто приходится лезть в первоисточники информации на английском.

                    Даже придумываются с помощью игры слов новые смешные понятия. Например, «юзверь».

                    Это — ник, или ID пользователя. И даже просто пользователь («user», «юзер»), который знаком с понятием логина.

                    Из этих же корней произошёл уже прижившийся, серьёзный, но режущий слух людям, далёким от IT, термин

                    Сисадмин

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

                    — Сисадминам в русской рулетке не нужна пуля: достаточно по очереди сажать за свой комп блондинку с полными правами доступа к системе.

                    — Ты знаешь, что такое «Ептег»?
                    — Нет.
                    — Это кнопка «Enter» для юзверей, которые по-английски читать не умеют.

                    Прочие аспекты аудита сайтов смотрите здесь.

                    Также может быть интересно: