МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ

БЕЛОРУССКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ

ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ
Кафедра экономической информатики

ГЕЛИВЕР
Наталия Олеговна

ФОРМИРОВАНИЕ СТРАТЕГИИ ПРОВЕДЕНИЯ ЮЗАБИЛИТИ

АУДИТА ДИСКОНТНЫХ СЕРВИСОВ И КУПОНАТОРОВ В
РЕСПУБЛИКЕ БЕЛАРУСЬ НА ПРИМЕРЕ ПОРТАЛА SLIVKI.BY

Дипломная работа

Научный руководитель:
кандидат экономических наук,
доцент Д.А. Марушко

Допущена к защите
«___» ___________ 2019 г.
Зав. кафедрой экономической информатики
кандидат экономических наук, доцент Д.А. Марушко

Минск 2019
 ОГЛАВЛЕНИЕ
РЕФЕРАТ.................................................................................................................3
ВВЕДЕНИЕ..............................................................................................................6
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ПРОВЕДЕНИЯ АУДИТА
ЮЗАБИЛИТИ..........................................................................................................8
1.1. Понятие, сущность, роль и значение аудита юзабилити.......................8
1.2. Основные показатели эффективности для оценки юзабилити...........15
1.3. Подходы к проведению аудита юзабилити сайта................................18
ГЛАВА 2 АНАЛИЗ ЭФФЕКТИВНОСТИ ЮЗАБИЛИТИ ПОРТАЛА............30
2.1. Разработка стратегии проведения аудита юзабилити..........................30
2.2. Оценка эффективности юзабилити (на примере slivki.by)..................36
ГЛАВА 3 ОСНОВНЫЕ НАПРАВЛЕНИЯ ПО ПОВЫШЕНИЮ ЮЗАБИЛИТИ
ПОРТАЛА (НА ПРИМЕРЕ SLIVKI.BY)............................................................40
3.1. Основные юзабилити проблемы портала выявленные при проведении
аудита..................................................................................................................40
3.2. Пути повышения эффективности удобства портала............................52
ЗАКЛЮЧЕНИЕ.....................................................................................................58
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ............................................60
ПРИЛОЖЕНИЕ А.................................................................................................63
ПРИЛОЖЕНИЕ Б..................................................................................................64
ПРИЛОЖЕНИЕ В.................................................................................................65
ПРИЛОЖЕНИЕ Г..................................................................................................66
ПРИЛОЖЕНИЕ Д.................................................................................................67
ПРИЛОЖЕНИЕ Е..................................................................................................68
ПРИЛОЖЕНИЕ Ж................................................................................................69
ПРИЛОЖЕНИЕ З..................................................................................................70
ПРИЛОЖЕНИЕ И.................................................................................................71
ПРИЛОЖЕНИЕ К.................................................................................................72
ПРИЛОЖЕНИЕ Л.................................................................................................73

2
 РЕФЕРАТ
«Формирование стратегии проведения юзабилити аудита дисконтных
сервисов и купонаторов в Республике Беларусь на примере портала slivki.by»
Дипломная работа: 73 с., 22 рис., 4 табл., 47 источника, 11 прил.

Ключевые слова: ЮЗАБИЛИТИ, ЮЗАБИЛИТИ ТЕСТИРОВАНИЕ,

ПОЛЬЗОВАТЕЛЬ, УДОБСТВО, ВЗАИМОДЕЙСТВИЕ, НАВИГАЦИЯ
Цель исследования: разработка предложений по формированию
стратегии повышения юзабилити портала.
Объект исследования: юзабилити портала
Методы исследования: метод анализа, методы статистического и
графического анализов.
Полученные результаты и их новизна: сформирована стратегия
улучшения и предложены способы повышения удобства портала.
Область возможного практического применения: возможность
использовать стратегию в повышении удобства портала.

Автор работы подтверждает, что приведенный в ней расчетно-

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

____________________

3
 РЭФЕРАТ
«Фарміраванне стратэгіі правядзення юзабіліці аўдыту дысконтных
сэрвісаў і купонаторов ў Рэспубліцы Беларусь на прыкладзе партала
slivki.by»
Дыпломная праца: 73 с., 22 мал., 4 табл., 47 крын., 11 прык.

Ключавыя словы: ЮЗАБІЛІЦІ, ЮЗАБІЛІЦІ ТЭСЦІРАВАННЕ,

КАРЫСТАЛЬНІК, УЗАЕМАДЗЕЯННЕ, НАВИГАЦЫЯ
Мэта даследавання: распрацоўка прапаноў па фарміраванні стратэгіі
павышэння юзабіліці партала.
Аб'ект даследавання: юзабіліці партала.
Метады даследавання: метад аналізу, метады статыстычнага і
графічнага аналізаў.
Атрыманыя вынікі і іх навізна: сфарміравана стратэгія паляпшэння і
прапанаваны спосабы падвышэння выгоды партала.
Вобласцьмагчымага практычнага прымянення: магчымасць
выкарыстоўваць стратэгію ў павышэнні зручнасці партала.

Аўтар працы пацвярджае, што прыведзены ў ёй разлікова-аналітычны

матэрыял правільна і аб'ектыўна адлюстроўвае стан доследнага працэсу, а
ўсе запазычаныя з літаратурных і іншых крыніц тэарэтычныя,
метадалагічныя і метадычныя становішча і канцэпцыі суправаджаюцца
спасылкамі на іх аўтараў.

____________________

4
 ANNOTATION
«Formation of a strategy for usability audit of discount services and
couponers in the Republic of Belarus based on the example of the portal slivki.by»
Thesis: 73 p., 22 Fig., 4 Tab., 47 Sources, 11 appl.

Keywords: USABILITY, USABILITY TESTING, USER,

CONVENIENCE, INTERACTION, NAVIGATION
Objective of the research: the development of proposals for the formation
of a portal usability enhancement strategy.
Object of research: usability portal.
Methods: methods of analysis, methods of statistical and graphical analysis.
The obtained results and their novelty: the improvement strategy has been
formed and ways to increase the usability of the portal have been proposed.
Realm of the possible practical applications: the ability to use a strategy to
improve the convenience of the portal.

Copyright work confirms that resulted in it cash-analytical material correctly

and objectively reflects the state of the process under investigation, and all
borrowed from the literature and other sources of theoretical and methodological
terms and concepts are accompanied by references to their authors.

___________________

5
 ВВЕДЕНИЕ

В дипломной работе будет рассмотрена очень актуальная, на

сегодняшний день, тема: аудит юзабилити веб-сайтов. Актуальна она, потому
что в настоящее время в интернете огромное количество сайтов, а
пользователям нужно видеть наиболее приятный и удобный сайт, на котором
должны совершаться определенные действия. Соответственно владельцы
сайтов готовы прилагать все усилия, чтобы удержать пользователя. Поэтому
они обращаются за помощью к компаниям, которые проводят данный аудит,
чтобы выявить, каким образом можно улучшить сайт в плане дизайна и
удобства.
Показатель удобства пользования влияет на конверсию сайта. Это
обязательный критерий в интернете. Если сайт заставляет думать о
действиях, которые необходимо сделать пользователю на нужном ему сайте,
то он уйдет на конкурирующий, так как он может быть более понятным. Если
главная страница не отражает сферу, которой занимается компанией, и
навигация не ведет его к нужным целевым действиям, то юзер покинет
ресурс. Именно поэтому юзабилити является важной составляющей любого
процесса создания сайта.
Цель дипломной работы – разработка предложений по формированию
стратегии повышения юзабилити портала на примере slivki.by.
Задачи:
1. Определить понятие, сущность, роль и значение юзабилити
аудита;
2. Определить основные подходы к оценке аудита юзабилити;
3. Выявить виды и методы аудита юзабилити;
4. Выявить особенности использования аудита юзабилити;
5. Определить стратегию повышения юзабилити портала;
6. Проанализировать эффективность юзабилити портала (на
примере slivki.by)
7. Выявить проблемы юзабилити портала, возникшие в ходе
анализа сайта slivki.by
8. Определить пути повышения эффективности юзабилити (на
примере slivki.by)
Объект исследования – юзабилити портала.
Предмет исследования – портал slivki.by.
Методы: описание, системный анализ, обобщение.
В данной дипломной работе рассматриваются возможности
использования общепризнанных инструментов в области юзабилити. В

6
первой главе особое внимает уделено понятию юзабилити, его роли и его
методам. Во второй главе проводится оценка инструментов аудита, а также
они применяются при оценки сайта slivki.by. На основе оценки выявляются
проблемы сайта slivki.by и разрабатываются пути повышения эффективности
взаимодействия пользователя и сайта.
Теоретической основой дипломной работы являлись труды
специалистов в области юзабилити, которые являются экспертами мирового
уровня. При написании этой работы помимо прочего была взята ориентация
на материалы и заметки разных периодических изданий, допускалось
использование ресурсов из интернета, непосредственно связанных с темой
дипломной работы, а именно книги Стива Круга, Якоба Нильсена, Расса
Унгера.

7
 ГЛАВА 1
ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ПРОВЕДЕНИЯ АУДИТА
ЮЗАБИЛИТИ

1.1. Понятие, сущность, роль и значение аудита юзабилити

Юзабилити — наука о создании удобных и дружественных человеку

информационных систем [4, c.24].Эта наука должна быть гибкой в той же
мере, что и лучшие современные сайты: адаптивные, с динамическим
контентом, регулярно подвергаемые редизайну. Но не все так гладко в
дисциплине, которая призвана делать все гладко.
«Юзабилити относится к степени, до которой изделие может
использоваться указанными пользователями, чтобы достигнуть указанных
целей с эффективностью и удовлетворением в указанном контексте
использования». — Международная организация по стандартизации ISO
9241-11[37].
Юзабилити – это намного больше, чем красивое оформление текста и
правильное расположение Call-to-Action (призыв к действию) кнопок [34].
Чтобы добиться необходимого результата, нужно принимать во внимание
несколько критериев оценки элементов веб-сайта. Все должно быть
оптимизировано под потребности и требования целевой аудитории.
По результатам ежегодного отчета Global Digital на начало 2018 года в
мире насчитывается 4,021 миллиарда Интернет-пользователей, а это больше
половины населения планеты. Только за последний год количество активных
пользователей увеличилось на 250 миллионов человек. Возможностями
мобильного Интернета пользуются 3,722 миллиарда, а социальными сетями –
3,196 миллиарда человек. Среднестатистический пользователей проводит в
сети 6 часов ежедневно, причем в лидерах не жители США или Китая, а
Таиланд – 9 часов 38 минут [38]. Никто не сомневается, что Интернет – это
гигантский источник новых клиентов для любого бизнеса. Очевидно, что
если интерфейс сайта для пользователя удобен и ему ничего не мешает, то он
относится к компании лояльно и становится потенциальным клиентом.
К юзабилити можно отнести такой термин как аффорданс (иметь или
предоставлять возможность) – манящее качество воспринимаемых предметов
и событий. Это понятие ввел американский психолог Джеймс Гибсон в своей
теории восприятия. Дональд Норман ввел понятие «affordance» в сферу
проектирования интерфейсов. Это ситуация, при которой объект показывает
человеку способ своего использования своими же свойствами [19, c.87].

8
 Примером может служить обыкновенный выключатель света, который
своей формой сам говорит о своем действии: нажать вверх или вниз, чтобы
включить или выключить свет. Отличным навигационным индикатором
служат надписи «on» или «off», соответственно, включить или выключить.
Примерами аффорданса на веб-сайтах являются поисковая строка, правильно
оформленная текстовая ссылка (четыре состояния – link, visited, active,
hover).
Польза аффорданса заключается в том, что он позволяет человеку
обходиться без какого-либо предварительного обучения и подготовки,
благодаря чему аффорданс является самым эффективным и надежным
средством обеспечения понятности.
По статистике LiveInternet, 20% посетителей просматривают не более
трех страниц сайта, еще 30% просматривают от четырех до двадцати
страниц. Оптимальный вариант – три клика. За три клика посетитель должен
найти на сайте то, за чем он пришел. Но это не значит, что целевое действие
может быть достигнуто и за большее количество кликов, ведь сам его путь по
веб-сайту должен не должен раздражать пользователя.
Было проведено исследование разработчиками Microsoft: влияние
скорости загрузки сайта на такие показатели, как количество кликов, размер
доходности от пользователя и его удовлетворенность [39]. Опубликованный
отчет свидетельствует о том, что если загрузка веб-сайта длится больше, чем
2 секунды, это ведет к негативным последствиям по таким важным
критериям юзабилити:
 Количество кликов сократится на 4,3 %;
 Каждый пользователь приносит компании доход на 4,3% меньше;
 Уровень удовлетворенности пользователей ниже на 3,8 %;
Исходя из этого следует вывод, что не следует заставлять пользователя
ждать. Даже недолго. Поисковая система Google учитывает скорость
загрузки при ранжировании сайтов, поэтому обязательно необходимо
совершенствовать производительность ресурса и максимально сократить
время загрузки.
Якоб Нильсен, специалист по юзабилити, делится с читателем своими
знаниями и опытом в книге «Веб-дизайн: книга Якоба Нильсена». Книга
содержит руководство по построению эффективного взаимодействия с
любым пользователем в любой ситуации: от подготовки информационного
наполнения и оформления страниц до упрощения структуры навигации и
создания профессиональных сайтов. Автор выделяет понятие юзабилити
сайта, как термин, обозначающий удобство пользования веб-ресурсом. В
основе лежит принципы простоты и доступности сайта для понимания
пользователями. Нильсен провел ряд исследований, откуда выяснил, что

9
посетитель сайта принимает действия интуитивно, без дополнительного
обучения [18, с.34].
Большинство людей, которые интересуются оценкой юзабилити,
используют десять «эвристик» Якоба Нильсена. Многие из этих принципов
вполне применимы в современном, динамически меняющемся мире, но они
не основаны на тщательных исследованиях [18, с.87].
Более того, опираясь на исследования Стива Круга (специалист по
тестированию юзабилити и дизайну интерфейсов), можно сказать, что
пользователи не любят думать, заходя на целевой веб-ресурс. В первые 2
секунды у посетителя формируется первое впечатление, а за следующие 3-5
секунд его взгляд охватывает общую картину сайта, где сознание выделяет
точки, которые привлекли его внимание. Поэтому очень важно сделать так,
чтобы в течение первых 5 секунд пользователь сориентировался на сайте,
иначе велика вероятность, что он не задержится на сайте. Первое
впечатление, позволяющее сходу ориентироваться посетителю на сайте,
также формирует юзабилити [8, с.59].
Более того, пользователи хотят понимать, какие действия необходимо
сделать на сайте, чтобы получить желаемый результат. Для этого необходимо
обеспечить простой доступ к навигации.
Сайтам присуща логическая структура, позволяющая найти
пользователям ответ и выполнить определенную задачу. Есть сайты, где
отсутствует логическая организация, поэтому путь пользователя по сайту
может быть осложнен. По этой причине лояльность посетителя к сайту
падает, что приводит к его уходу с веб-ресурса [13, с.116]. Отсюда
немаловажную роль в удобном пользовании веб-ресурса играет
информационная архитектура (ИА). Данное понятие определяется как:
1. Сочетание схем организации, предметизации и навигации,
реализованных в информационной системе;
2. Структурное проектирование информационного пространства,
способствующее выполнению задач и интуитивному доступу к
содержимому;
3. Искусство и наука структурирования и классификации веб-сайтов и
интрасетей с целью облегчения пользователям поиска информации и
управления ею;
4. Развивающаяся дисциплина и сообщество практиков, ставящее
своей задачей распространение принципов проектирования и архитектуры на
цифровых просторах.
Иначе говоря, ИА также помогает пользователю ориентироваться на
сайте. Самым простым примером могут послужить неправильно названные
разделы, например, привычный для юзера раздел «О нас», где он может

10
найти информацию о компании, можно назвать «корпоративное», что,
собственно, дезориентирует пользователя [17, с.216]. Поэтому
информационная архитектура является важной составляющей юзабилити.
Нужно отметить, что информационная архитектура не видна в
пользовательском интерфейсе, в отличие от UI (user interface), но она
определенно влияет на пользовательский опыт. Напомним, что
пользовательский опыт есть сумма всех впечатлений, возникающих у
посетителя во время интеракции с веб-ресурсом. Однако маркетологи и
дизайнеры надеются, что контент ресурса разделен по категориям и уровням
в соответствии с ожиданиями и потребностями представителей целевой
аудитории.
Несоответствие контента и функциональности запросам посетителей
есть одна из основных причин их ухода как с многостраничных сайтов, так и
автономных лендинг пейдж, пусть информационная архитектура последних
много проще. Плохая структурная организация контента (в самом широком
смысле слова — от статей или постов до диаграмм и электронных таблиц) —
это причина «трения» на конверсионном пути.
Для определения архитектуры веб-ресурса проводятся следующие
мероприятия:
 Инвентаризация контента (Content inventory): экспертное
исследование сайта, которое проводят, чтобы найти и идентифицировать
существующий контент.
 Аудит контента (Content audit): оценка полезности, точности,
тональности подачи и общей эффективности контента.
 Группировка информации (Information grouping): определение
степени клиентоориентированности соотношения «пользователь — контент».
 Разработка и усовершенствование таксономии контента (Taxonomy
development): определение стандартизированной терминологии для
классификации и систематизации содержимого веб-ресурса (например,
товарные категории для предложений от интернет-магазина).
 Создание описательной информации: определение метаданных,
которые могут быть использованы для создания ссылок по теме, списков или
других компонентов навигации, способствующих обнаружению
необходимой информации, служащей активатором конверсионного действия
[22, с.26].
При проектировании нового многостраничного веб-ресурса многие
дизайнеры и маркетологи игнорируют концепцию ИА, обращая внимание
только на навигацию ю. Такой подход чреват большими неприятностями и
финансовыми потерями.

11
 Навигация, не охватывающая весь контент сайта полностью и не
раскрывающая весь функционал веб-ресурса, рано или поздно потребует
тотального редизайна, а это дорогостоящее занятие.
Основная цель навигации — помочь пользователям найти контент и
функциональные элементы ресурса, чтобы затем мотивировать к
совершению запланированного маркетологом действия.
Типы навигации сайта и ее компоненты [22, с.72]:
 Глобальная навигация (global navigation);
 Локальная навигация (local navigation);
 Вспомогательная навигация (utility navigation);
 Фильтры категорий, ценовых границ и т. п. (filters);
 Ссылки по теме (related links);
 «Толстый» футер (fat footer), дублирующий элементы глобальной,
локальной и вспомогательной навигации в собственно «подвале» страницы
Возвращаясь к исследованиям Якоба Нильсена, можно выделить 5
основных составляющих юзабилити [8, с.43]:
1. Ориентация;
2. Эффективность;
3. Запоминаемость;
4. Ошибки;
5. Удовлетворенность.
Ориентация
Легкость выполнения определенных действий при первом посещении
веб-ресурса, реакция пользователя на всплывающие окна и рекламу.
Эффективность
Насколько быстро пользователь может повторить те же действия, после
ознакомления с сайтом.
Запоминаемость
Легкость восстановления навыков работы с интерфейсом, после
возвращения на веб-ресурс через определенный промежуток времени.
Ошибки
Количество серьезных ошибок совершаемые пользователем при
взаимодействии с интерфейсом, а также сложность их исправления.
Удовлетворенность
Комфорт пользователя на сайте, другими словами степень
удовлетворенности посетителя, его эмоциональное восприятие,
восприимчивость навигации и дизайна.
Часто ошибка владельцев сайтов связана с искаженным восприятием
своего сайта. Проблема в том, что видение сайта командой разработчиков,
владельца сайта значительно отличается от дальнейшего восприятия

12
пользователем. Перечисленные выше составляющие юзабилити должны быть
понятны целевой аудитории. Чтобы сайт удовлетворял пользователей,
сидящих на конкретном сайте, нужно, чтобы сайт действительно отвечал
потребностям ЦА. Интерфейс не должен мешать совершать целевые
действия и не должно быть много визуального шума.
Для поиска положительных или негативных моментов восприятия
сайта применяется юзабилити аудит.
Юзабилити аудит сайта — это совокупность действий и мер,
направленных на выявление нюансов, которые создают трудности в процессе
взаимодействия с веб-ресурсом. В ходе анализа, специалисты оценивают
веб-ресурс, проводят тестирование и формируют список комментариев и
рекомендаций для совершенствования сайта [29, с.91].
Аудит состоит из анализа пользовательского интерфейса (user
interface(UI)) и пользовательского опыта (user experience (UX)). Аудит
оценивается по следующим критериям:
 Качество и дизайн. Оценивается скорость работы сайта и
визуальных элементов: хедера, футера, баннеров, меню, текстов и т.д.;
 Удобство пользования. Проводится анализ структуры веб-ресурса,
подсказок, особых страниц и т.д. Пользователь должен понимать: все, что
есть на сайте, создано для него, а не для владельца бизнеса;
 Презентабельность. Оценивается уникальность названия, логотипа,
стиля и т.д. Кроме внешней презентабельности, специалисты анализируют
качество текста;
 Показатели поведенческих факторов. Определение точек входа и
выхода в веб-ресурс, сбор и анализ карты кликов, исследование
конверсионных путей, изучение поведения пользователей и т.д.
Как правило, пользователи действуют на подсознательном уровне,
соответственно, юзабилити работает на уровне сознания. Сразу заметно,
когда что-то сбивает вас или пользователя, за которым вы наблюдаете, с
толку. В редких случаях сложности бывают нам интересны, как, например, в
игре. Но чаще всего, нам хочется, чтобы все было так просто, чтобы любой
человек, даже не имеющий отношение к сфере сайта, мог разобраться. Чтобы
определить, насколько легкой система является для пользователя, достаточно
ответить на следующие вопросы [47, с.34]:
 Можно ли выполнить действие с меньшими усилиями со стороны
пользователя?
 Можно ли вы предотвратить возможные ошибки пользователя? (А
такие точно есть)
 Вы говорите четко и напрямую, или слишком умничаете?

13
  Подумайте о юзабилити: если объект легко увидеть — это хорошо,
если сложно не заметить —лучше, а если оно само собой разумеется — это
лучший вариант. А как на вашем сайте?
 Соответствует ли дизайн ожиданиям пользователей или
противоречит им?
 Предоставлена ли вся необходимую пользователю информация для
достижения его цели?
 Можно ли решать вопросы более традиционными способами, чем
есть сейчас?
 Чем обосновываются решения: вашей собственной логикой и
категориями? или степенью интуитивности для пользователя? Откуда вы
знаете это?
 Будет ли дизайн осмысленным и “работающим”, даже если
пользователь не удосужится прочитать написанные мелким шрифтом
детали?
Как правило, для выявления трудностей в процессе взаимодействия,
отдельно проводится тестирование юзабилити с группой пользователей.
Собранные отзывы реальных людей позволяют увидеть веб-ресурс глазами
целевой аудитории как на стадии разработки, так и уже на готовом продукте.
В идеальном мире работу с юзабилити сайта следует начинать уже при
создании сайта, продумывая каждую мелочь. Если же сайт уже давно
работает, но хочется получить от него большую отдачу, следует провести
анализ юзабилити [31, с.116]. Само понятие удобства сайта, в свою очередь,
неразрывно связано со всеми аспектами сайта, как:
 Текстовое наполнение;
 Форматирование текстов;
 Наличие и логика работы функциональных элементов;
 Расположение функциональных элементов по отношению друг к
другу;
 Возможность упрощения работы пользователя с функциональными
элементами;
 Дизайн ресурса и т.д.
Прежде, чем приступить к проектированию веб-ресурса, однозначно
стоит провести конкурентный анализ и выяснить наиболее важные аспекты
для пользователя, в том числе сами пользовательские паттерны поведения в
той среде, которой находится целевая аудитория. Ведь контекст, в котором
пользователь будет работать с системой или объектом, тоже важно.
Пользовательский опыт (UX – user experience) во многом зависит от
контекста использования. Условия, при которых используется продукт,
постоянно меняются. Контекст особенно необходимо учитывать в том,

14
случае, если продукт является чем-то уникальным или нестандартным для
рынка [29, с.8]. Опыт пользователя предполагает понимание более широкого
контекста, в котором работают пользователи, и определение того, какую роль
продукт играет в их жизни.
1.2. Основные показатели эффективности для оценки
юзабилити

Любой результат должен быть измерим: работая над юзабилити у

специалистов заранее обозначены точки, метрики, по которым они смогут
определить, что удобство сайта действительно высокое.
Говоря о международном стандарте, то ISO 9126 определяет
Юзабилити в терминах пяти субхарактеристик: Understandability
(возможность понимания), Learnability (возможность обучения), Operability
(возможность использования), Attractiveness (привлекательность), и Usability
Compliance (соответствие стандартам юзабилити) [37].
Определение метрик дается в двух документах:
1. ISO 9126-4: Разработка Программного обеспечения, Качество
Программного продукта, часть 4: Качество в используемых метриках;
2. ISO 9241-11: Эргономические требования к офисной работе с
визуальными дисплейными терминалами (VDTs), часть 11: Руководство по
юзабилити.

Таблица 1.1 – Группы юзабилити показателей в соответствии с

международным стандартом ISO
Группы метрик по ISO 9126-4 Группы метрик по ISO 9241-11
Эффективность (effectiveness): Эффективность (effectiveness):
оценивает результаты выполнения точность и полнота, с которой
задач пользователем пользователи достигают
поставленных целей
Продуктивность (productivity): Экономичность (efficiency):
оценивает затраты пользователей отношение израсходованных
при получаемой эффективности ресурсов к точности и полноте, с
которой пользователи достигают
поставленных целей
Безопасность (safety): оценивает Группа отсутствует
уровень риска, вреда людям,
бизнесу, программному
обеспечению, собственности или
окружающей среде

15
Окончание таблицы 1.1
Удовлетворенность (satisfaction): Удовлетворенность (satisfaction):
оценивает отношение пользователя комфорт и приемлемость
к работе с программным продуктом. использования. Ее можно оценивать
как отношение к использованию
продукта, так и восприятие
пользователем таких показателей,
как экономичность, полезность или
легкость в изучении.

Примечание – Источник [37]

Большинство метрик либо являются слишком узкими и не применимы

ко всем типам дизайнов, либо являются относительными [37].
Эффективность (Effectiveness):
 Доля выполненных пользователем задач; (частный показатель)
 Доля правильно выполненных пользователем задач; (частный
показатель)
 Отношение числа успешных действий к ошибкам; (показатель
надежности)
 Количество используемых функций и команд;(частный показатель)
Продуктивность (Efficiency):
 Время, необходимое для выполнения задачи; (эффективность?)
 Продуктивность выполнения задачи; (что такое продуктивность?)
 Продуктивность относительно эксперта; (что такое
продуктивность?)
 Время, необходимое на предварительное обучение пользованию;
 Время, которое тратится из-за пользовательских ошибок;
 Процент или количество ошибок;
 Частота использования справки и документации;
 Количество повторных и ошибочных действий (команд);
Безопасность (Safety):
 Влияние на здоровье и безопасность пользователей;
 Влияние на здоровье и безопасность других людей;
 Величина экономического ущерба;
 Возможность повреждения программы;
Удовлетворенность пользователя (User Satisfaction):
 Рейтинговая оценка по шкале полезности продукта или услуги;
16
  Рейтинговая оценка по шкале удовлетворения функциональностью
продукта;
 Количество случаев, когда пользователь испытывал фрустрацию
или гнев в обращении с продуктом;
 Рейтинговая оценка по шкале технологичности управления задачей
без участия пользователя;
 Оценка того, насколько технологическое выполнение задачи
соответствует потребностям пользователя;
 Доля потенциальных пользователей программы.
Все вышеперечисленные метрики отслеживаются непосредственно на
юзабилити тестировании (ЮТ - исследование, выполняемое с целью
определения, удобен ли некоторый объект для его предполагаемого
применения) [4, с.56]. Как правило их не привязывают к международному
стандарту, а рассматривают определенные показатели, которые важны для
текущей цели тестирования. Метрики, которые используют на ЮТ:
 Выполнение задачи
При проведении юзабилити тестирования обязательно уточняется
конечная точка, при которой задача сценария является выполненной.
Например: задача – совершить покупку утюга Philips не дороже 70 рублей;
конечная точка – кнопка «оформить заказ» была нажата, все поля в корзине
были заполнены.
 Время выполнения задачи
Как правило UX специалисты стремятся сократить количество шагов
или убрать лишние, чтобы взаимодействие с системой было более легким и
быстрым. Таким образом, во время прохождения сценария респондентом,
время засекается, чтобы определить фактическую продолжительность
выполнения задачи и сравнить его с желаемым показателем.
 Уровень удовлетворенности
По завершению ЮТ модератор просит участника ответить на
несколько вопросов в SUS опроснике. System Usability Scale (SUS) – это
шкала Лайкерта из десяти пунктов, которая дает представление о
субъективных оценках юзабилити.
Интерпретация результатов опросника может быть сложной. Баллы
респондента по каждому вопросу конвертируются в новое число,
суммируются, а затем умножаются на 2,5, чтобы преобразовать исходные
баллы от 0-40 до 0-100. Хотя оценки 0-100, это не проценты, и их следует
рассматривать только с точки зрения их процентильного рейтинга.
Основываясь на исследованиях, оценка SUS выше 68 будет считаться выше
среднего, а все, что ниже 68, будет ниже среднего.

17
  Ошибки
Под ошибками понимают любое непреднамеренное действие: промах,
просчет, которые пользователь совершает в попытке решить задачу.
Например, пользователь не увидел одно из полей при заполнении формы или
ввел свое имя в форму для фамилии.
 Ожидания
У пользователей всегда есть свои ожидания относительно системы.
Ожидания определяются методом интервью после прохождения сценария
или сценариев в ЮТ. Спрашивая пользователей о сложности, которую они
ожидают от задачи и, сравнивая это с реальными затруднениями,
возникающими при решении задачи пользователем (этим же или другим),
можно получить информацию полезную при диагностике проблемных
участков.
 Просмотры страниц и клики
Конечно, данные метрики не всегда применимы, но их все равно
отслеживают. Клики имеют значимую корреляцию со временем,
затрачиваемым на решение задачи, которое, вероятно, является лучшей
мерой эффективности. Первый клик может быть очень показателен в
выполнении или провале задачи.
 Единый юзабилити-показатель (SUM – Single Usability Metric)
Стандартизированные показатели эффективности, продуктивности и
удовлетворённости и, как правило, состоят из 3 метрик: окончательной
оценки, уровня удовлетворенности задачей и временем затраченного на
задачу.
Таким образом, отслеживая конкретные показатели можно дать более
точную оценку юзабилити веб-сайта.

1.3. Подходы к проведению аудита юзабилити сайта

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

стадии разработки. Повышая юзабилити сайта, увеличивается конверсия и
количество лояльных пользователей. Аудит проводится с целью определения
текущего состояния сайта, а также выявления сильных и слабых его сторон.
Есть ряд правил, которые основаны на исследованиях экспертов
области UX [15, с.216]. При разработке интерфейса рекомендуют учитывать
несколько простых правил:
1. Правило 7-ми.

18
 Известно, что способности человеческого мозга небезграничные.
Человек способен держать в кратковременной памяти не более 5-9
сущностей. Поэтому не следует размещать в навигации более 7 ссылок.
2. Правило 2х секунд.
Чем меньше пользователь ждет отклика программы, сайта или
приложения, тем больше вероятность того, что он не откажется от
использования этого продукта. 2 секунды – это оптимальный временной
интервал отклика программы, именно к нему стоит стремиться.
3. Правило 3х кликов.
Никому не нравится лазить по страницам, в поисках необходимой
информации и функционала. У посетителя должна быть возможность
попасть с главной страницы на любую другую страницу сайта, сделав не
более 3-х кликов. Это способствует и более успешной индексации сайта
поисковыми роботами.
4. Правило Фиттса
Опубликованная Паулем Фиттсом в 1954 году модель движений
человека, определяет время, необходимое для быстрого перемещения в
целевую зону как функцию от расстояния до цели и размера цели.
Метафорически правило можно объяснить: легче указать на зажигалку,
чем на спичку. Но указать на утес или огромный дирижабль одинаково
просто. Если объект интерфейса, например ссылка, и без того достаточно
крупный, не стоит делать его еще крупнее.
5. Перевернутая пирамида
Этого принципа придерживается сам Якоб Нильсен. Статья должна
начинаться с итогового вывода, за которым следуют ключевые моменты, а
завершаться наименее важной для читателей информацией. Это оптимально
для веба, где пользователь хочет получить информацию максимально
быстро.
Эти все правила имеют отсылку к эвристикам Нильсена [20]. Сами
эвристики будут рассмотрены далее в этой главе.
Важно отметить, что для повышения юзабилити используют разные
методы исследования, из которые выявляют проблемы, которые мешают
пользователю достигать его цели в системе [29, с.44]:
1. Интервьюирование пользователей;
2. Контекстное исследование;
3. Анкетирование;
4. Фокус-группы;
5. Карточная сортировка;
6. Юзабилити тестирование;
7. Экспертная оценка.

19
 Рассмотрим каждый метод отдельно.
Интервьюирование пользователей
Данный метод оценки представляет структурированное общение с
текущими или потенциальными пользователями сайта. Их можно проводить
по телефону, в формате личных встреч на нейтральной территории или в том
окружении, когда пользователь работает с сайтом.
Такое интервью помогает узнать о предпочтениях и взглядах
пользователей, но на их основании нельзя делать статистические выводы об
эффективности взаимодействия пользователей с сайтом. Если интересует
конкретная информация о том, как люди взаимодействуют с сайтом, то
лучше непосредственно понаблюдать за процессом их работы или
предложить выполнить определенные операции на сайте. Более того,
статистические методы анализа данных о посещаемости сайта также могут
дать информацию об эффективности сайта, особенно полезную в сочетании с
результатами интервьюирования или наблюдений, которые обеспечивают
контекст для интерпретации данных.
Как правило проводится 15-20 интервью, чтобы узнать о предыдущем
опыте потребителей, их ожиданиях от продукта, сценариях действий, страхах
и мотивациях
Контекстное исследование
Анализ сочетает методику интервью с наблюдением за
пользователями. Данное исследование позволяет получить разностороннюю
информацию о контексте, в котором работает пользователь, в том числе:
 О реальных проблемах, с которыми сталкивается пользователь;
 Об оборудовании, с которым работает;
 Об условиях работы (свобода пространства или ее изолированность,
частота прерывания работы и использование телефона и бумаги);
 Об предпочтениях при использовании мыши или клавиатуры (такие
предпочтения сильно влияют на решения, принимаемые при проектировании
и разработки);
 Об организации совместной работы (за компьютером может
работать несколько человек, поэтому необходимо предусмотреть систему
безопасности и авторизации);
 О других используемых инструментах (в том числе бумага).
У такого метода есть свой минут: в ходе наблюдения респондент не
сразу привыкает к присутствию эксперта и, соответственно, начинает вести
себя неестественно. Поэтому о первых 15-20 минут исследования серьезных
выводов делать не стоит.
Анкетирование

20
 В случае относительно многочисленной аудитории предлагается
ответить на готовый набор четко сформулированных вопросов. Как правило,
вопросы являются закрытыми, а для их обработки применяются программы,
способные анализировать закономерности в полученных ответах.
Метод анкетирования подходит для ситуаций, когда результаты
должны иметь численное выражение. Впрочем, анкеты могут дать не только
количественную оценку, но и качественную информацию о привычках и
взглядах пользователей.
Как правило, в области юзабилити анкетирование проводиться для
определения степени удовлетворенности пользователя.
Фокус-группы
При исследовании данного метода специалист собирает разных людей,
принадлежащих к целевой аудитории, и проводит с ними обсуждение. Чаще
всего обсуждаются мнения и вопросы, относящиеся к организации и ее
бренду: опыт общения с ней, имеющиеся потребности, ощущения взгляды и
идеи.
Фокус-группы помогают решить следующие задачи:
 Сбор разнообразных историй пользователей;
 Изучение различий в пользовательском восприятии продукта или
компании;
 Генерация идей;
 Понимание точек взаимодействие внутри совместных процессов.
В данном методе также имеется минус: пользователи обычно работают
индивидуально, а не в группах, поэтому ситуация группового обсуждения
может повлиять на высказываемые мнения. Но несмотря на это, данный
метод может рассказать многое как на этапе проектирования, так и об уже
готовом продукте.
Карточная сортировка
При проведении исследований методом карточной сортировки
участникам раздаются тексты, напечатанные на карточках. Задача
участников – сгруппировать их таким способом, который кажется им
наиболее логичным. Группировка проводится по заранее определенным
категориям (закрытая сортировка) либо предполагается, что участники
создают собственные группировки (открытая сортировка). В конце
сортировки начинают проявляться общие закономерности группировки
различных объектов, а также основные места, в которых возникают
расхождения и путаница.
Карточная сортировка обычно применяется для построения карты
сайта или создания иерархии контента, категорий и подкатегорий,
содержащих различные объекты, такие как статьи, документы, видеоролики

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

Юзабилити-тестирование
В ходе тестирования участникам предлагается выполнить некоторые
операции с сайтом или приложением. При этом выявляются потенциальные
проблемы с удобством использования и собирается информация об их
возможных решениях.
Чаще всего юзабилити-тестирование проводится на фазе
проектирования, в идеале – интерактивном режиме (решение создается,
тестируется, улучшается и снова тестируется). Тестирование проводится с
участием нескольких человек из целевой аудитории, респондентов. Для
проведения тестирования достаточно от 4 до 6 человек. Существует правило
80/20, которое гласит, что 20% пользователей дают 80% результата. Поэтому
такое количество респондентов максимально эффективно с точки зрения
экономии времени и затрат [4, с.201].
Более того, при проведении юзабилити тестирования используют такое
оборудование, как трекер глаз (eye-tracking) – новейшее сверхчувствительное
оборудование с камерами и инфракрасными датчиками для регистрации
взгляда человека на объекте.
Есть следующие преимущества трекера глаз:
 Фиксирование непроизвольных, а также, наиболее объективных
реакций пользователя, что не позволяет имитировать интерес;
 Применение на разных стадиях создания проекта (от
прототипирования до проведения сплит-тестов);
 Анализ показывает, как пользователи видят ваш продукт, в случае с
сайтом – как пользователи воспринимают ваш контент/сайт (читают или
сканируют);
 Анализ четко определяет области фиксации взгляда, что, вероятнее
всего, говорит о повышенном интересе пользователя;
 Позволяет создать паттерны поведения различных групп
пользователей из вашей целевой аудитории для дальнейшей оптимизации
интерфейса.
Есть также и недостатки трекера глаз:
 Анализ не покажет, осознанно ли пользователь зафиксировал
взгляд на объекте или нет;
 Графическое отображение траектории взгляда не дает гарантии,
что определенный объект остался незамеченным, так как айтрекеры не
регистрируют периферическое зрение;

22
  Анализ не покажет, почему пользователи фиксируют свой взгляд
на определенных точках
 Риск погрешности неизбежен. Особенности строения глаза
испытуемого, линзы, интенсивный макияж приводят к существенным
погрешностям. Хотя производители современного оборудования уверяют,
что последнее поколение айтрекеров успешно компенсирует погрешности
 Цена проведения исследования – расценки ведущего британского
агентства Eyetracker достаточно дорогое оборудование, которое могут
позволить далеко не все компании для нерегулярного использования.
Трекер глаз – отличный дополнительный метод определения
пользовательского опыта. Учитывая недостатки метода лучше применять
айтрекинг в комплексе с другими методами для получения более
достоверных результатов.
Экспертная оценка
В отличии от предыдущих методов участниками оценки являются не
предполагаемые пользователи, а эксперты в области юзабилити, а также
дизайнеры интерфейсов. Эксперты исследуют продукт и стараются выявить
имеющиеся, на их взгляд, проблемы.
Данная оценка не может полноценно заменить полноценное юзабилити
тестирование, но он помогает выявить часть проблемных мест продукта.
Более того, экспертная оценка дешевле ввиду того, что это работа
непосредственно специалистов, работающих в сфере проектирования [6,
с.96].
Ключевая разница между типами экспериментов заключается в том,
что первые изучают мнение пользователей, а вторые — их действия.
Изучения отношения часто проводятся маркетологами, так как позволяют
определить и проанализировать убеждения людей.
Оптимизация юзабилити должна по большей части основываться на
поведенческой информации, однако результаты исследований, в ходе
которых респонденты предоставляют информацию самостоятельно, также
могут быть полезны веб-дизайнерам:
Сортировка карт дает ценную информацию о пользовательской
ментальной модели информационного пространства и помогает разработать
эффективную информационную структуру веб-сайта, лендинга, приложения
или сервиса.
При помощи опросов определяются и сегментируются модели
восприятия потенциальных пользователей. Результаты опросов также
помогают выявить аспекты юзабилити, требующие оптимизации.

23
 Фокус-группы не особо эффективны для исследования юзабилити по
ряду причин, однако позволяют узнать мнение группы потенциальных
пользователей о бренде или концепте оффера.
Поведенческие тесты проводятся с целью изучения интеракции
испытуемых с объектом исследования:
При проведении сплит-тестов различные варианты дизайна
представляются случайным группам пользователей для оценки влияния
правок, внесенных в графическое оформление, на их поведение и
восприятие.
Между плоскостями исследований отношения и поведения лежат 2
наиболее часто используемых метода: полевые исследования и тесты
юзабилити. Такие эксперименты предоставляют смешанный тип данных и
позволяют исследователям координировать ход исследования для получения
различной информации.
Всегда, после рассмотрения инструментов, актуален вопрос, как
выбрать правильный метод исследования?
Выбирая метод исследования, важно учитывать этап разработки
продукта и цели, которые с ним связаны.
Можно выделить 3 основных стадии создания проекта [25, с.57]:
1. Разработка
Цель: исследовать, изучить и выбрать новые возможности и пути
развития.
Подходящие типы исследований: качественные и количественные.
Подходящие методы исследований: полевое исследование, анализ
дневников, опрос, добыча данных и аналитика.
2. Выполнение
Цель: анализ и оптимизация дизайна с целью устранения недочетов и
улучшения юзабилити.
Подходящие типы исследований: качественные.
Подходящие методы исследований: сортировка карт, полевое
исследование, разработка дизайна респондентами, разработка бумажного
прототипа, тестирование юзабилити, исследование целесообразности, сбор и
изучение пользовательских отзывов.
3. Оценка
Цель: анализ эффективности продукта по сравнению с прошлыми
результатами или результатами конкурентного предложения.
Подходящие типы исследований: количественные.
Подходящие методы исследований: тестирование стандартов
юзабилити, online-исследование, сплит-тестирование.

24
 При оценке сайта опытные UX специалисты проводят экспертную
оценку (или эвристическую оценку) сайта. Таким образом, специалист
способен выявить наиболее явные проблемы и сократить затраты (как
временные, так и финансовые) на дальнейшее тестирование сайта на его
удобство. Экспертная оценка также основана на 10 эвристиках Нильсена [21].
1. Видимость состояния системы
Система всегда должна информировать пользователя о том, что
происходит в системе. Взаимодействие должно быть как можно более
логичным и быстрым.
Пример: прогресс качающегося из интернета файла. Как правило
завершенность действия отображается в процентах.
2. Соответствие системы с реальному миру
Система должна говорить с пользователем на понятном ему языке,
понятными словами и фразами. Необходимо следить за тем, чтобы
информация подавалась в логическом порядке.
Пример: иконка «карандаш», например на странице профиля, легко
интерпретируется пользователем как действие «редактировать»
3. Свобода действий
При использовании функций системы пользователи часто совершают
ошибки и нуждаются в возможности отмены действий, чтобы избежать
непоправимых изменений.
Пример: после того, как будет нажата кнопка «удалить» в Gmail,
высплывет окно, которое может помочь отменить действие.
4. Последовательность и стандарты
Однажды поняв принцип работы интерфейса, пользователь должен
быть уверен, что в будущем система будет работать по тем же алгоритмам.
Следует не путать пользователя, описывая одни и те же вещи разными
словами и терминами.
Пример: слова, обозначающие одно и то же действие, не должны быть
разными: «сохранить», «отмена»
5. Предупреждение ошибок
Необходимо свести к минимуму количество условий, при которых
юзер может допустить ошибки. Следует заранее продумывать, где могут
быть допущены ошибки, и предотвратить их.
Пример: когда пользователь вводит свой адрес электронной почты,
окно может подсветиться другим цветом и уведомить, что отсутствует
«собачка», например.
6. Узнавание, а не воспоминание

25
 Не стоит заставлять пользователя запоминать большое количество
объектов, действий и опций. Юзер не должен держать в голове информацию,
перемещаясь из одной части системы в другую.
Пример: в MS Word при выборе шрифта можно сразу видеть его
начертание.
7. Гибкость и эффективность использования
Упрощайте функции, которыми ваши клиенты пользуются чаще всего.
Нужно дать возможность совершать часто повторяющиеся действия как
можно быстрее и с минимальным количеством шагов.
Пример: калькулятор есть обычный, а есть для продвинутых
пользователь. Калькулятор в системе становится более функциональным,
если его развернуть.
8. Эстетичный и минималистичный дизайн
Тексты не должны содержать явно лишнюю или неактуальную
информацию. Каждая относительно бесполезная информация конкурирует с
полезной и делает ее менее заметной. Каждое лишнее слово делает
восприятие все более трудным и лишает пользователя возможности найти то,
за чем он пришел на сайт.
Пример: сайт Apple яркий пример минимализма и отсутствия лишней
информации. Главная страница Google с его поисковой строкой также
хороший пример.
9. Помощь в распознании, диагностировании и восстановление после
ошибок
Сообщения об ошибках должны быть выражены на понятном
пользователю языке, как можно более точно описывать проблему и
предоставлять возможные варианты ее решения.
Пример: когда возникла какая-то проблема, система предлагает пути
решения проблемы, например, Google Chrome при возникновении проблемы
дает всплывающую подсказку на страницу с шагами устранения проблемы.
10. Помощь и документация
Даже если система может использоваться без документации, в процессе
работы с ней все же может потребоваться справочная информация.
Подобные документы составляются таким образом, чтобы в них легко было
найти необходимое.
Пример: когда первый раз используешь систему, она обучает
пользователя и дает ему некоторые подсказки, например, Axure Pro, Adobe
XD.
Несмотря на различные исследования и международные стандарты,
каждый год на любом рынке, в том числе, юзабилити формируются тренды,

26
которые также следует принимать во внимание [43]. В 2019 году они
следующие:
1. Микро-анимация
Все больше сайтов будут отходить от использования статических
образов и переходить к новому способу привлечения посетителей. Микро-
анимация — отличный способ удержать пользователей и заинтриговать их.
Например, микро-анимация иконок, меню, фонового изображения и
отдельных элементов. На протяжении многих лет анимация на сайте
использовалась крайне редко. Поскольку ухудшала юзабилити: замедляла
скорость загрузки, приводила к зависанию сайта. Теперь можно создать
анимацию различными способами, не снижающими скорость. Мы увидим
увеличение использования анимации в 2019 году.
В 2019 году вырастет число сайтов, которые активно заменяют Flash на
JavaScript, HTML5 и CSS3 для динамического и интерактивного
взаимодействия. Анимация позволит отстроить ваш сайт от тысячи других
сайтов со статическим интерфейсом.
Важно: Если анимация используется, чтобы действительно передавать
информацию кратким, привлекательным образом, согласуется с брендом,
нравится целевой аудитории, — то эта анимация будет успешной. Если
анимация используется бессмысленно, – то такие сайты потерпят неудачу.
2. Фоновые видео
Хотите уникальный и выразительный способ передать свои идеи на
сайте? Использование фонового видео – это мощный эффект для передачи
эмоций и идей посетителям. Этот метод станет более популярным в
юзабилити 2019 года.
Видео захватывает и привлекает аудиторию, а также помогает
передавать важные сообщения. Ожидайте увидеть больше видео на сайтах в
следующем году.
3. Полуплоский дизайн
В последние несколько лет плоский дизайн доминировал в юзабилити,
но теперь он станет более объемным. Выглядит он как плоский, но включает
в себя тонкие 3D-тени, блики, которые позволят создать некоторую глубину
в пользовательском интерфейсе. В 2019 году большей популярности
приобретет полуплоский дизайн.
4. Яркие цвета
2019 год – год для суперсмелых цветов, более насыщенных, ярких.
Раньше бренды имели тенденцию придерживаться «безопасных цветов».
Использование более смелых цветов в юзабилити активно привлечет
внимание посетителей.
5. Персонализированный интерфейс

27
 Интерфейсы станут все более персонализированными, отзывчивыми и
настраиваемыми для каждого посетителя. С учетом поведений пользователей
будут разрабатывать более персонализированные интерфейсы. То есть сайт
будет адаптирован с учетом предыдущих покупок, действий конкретного
посетителя.
6. Контент-ориентированный дизайн
Данный принцип дизайна, используется для того, чтобы добавить
акцент на контент путем удаления ненужных и часто отвлекающих
элементов дизайна. Эта тенденция сосредоточена на следующих визуальных
аспектах дизайна: Отличная визуальная иерархия Хорошая иерархия в
дизайне облегчает понимание контента. Функциональный минимализм
Удаляя ненужные элементы, можно обеспечить более чистый, более
сфокусированный опыт.
7. Пробел
Предоставление контенту больше места для дыхания значительно
улучшает опыт пользователя. Сайты, ориентированные на контент, не
ограничиваются только визуальной частью дизайна. Сам контент должен
быть также полезным. Благодаря дизайну, ориентированному на контент,
пользователи будут чувствовать, что компания не просто хочет “навязать”
товар, но и искренне хочет помочь им, предоставив контент бесплатно, даже
если пользователь не купил продукт или услугу. Сайты, ориентированные на
контент, нацелены на создание доверия, взаимоотношений с пользователем.
Где конечная цель – получение будущих клиентов.
8. Графика, иллюстрации
Большие фоновые изображения в сочетании с минимальным текстом
довольно популярны. Эта тенденция сохранится. Но в 2019 году значительно
вырастет новая тенденция — использование графики, иллюстраций. 8.
Пользовательские фотографии все чаще будут использоваться
пользовательские фотографии в качестве фонового изображения.
Оригинальные фотографии ваших сотрудников, захватывающие изображения
вашего здания, фотографии клиентов с использованием ваших продуктов. В
2019 году ожидается более широкое использование пользовательских
изображений и меньше фотографий с фотобанков. Ожидайте увидеть сайты с
использованием высококачественных фотографий, чтобы создать
первоначальное впечатление, длительное визуальное воздействие.
9. Красивая типография
В 2019 году вы увидите больше сайтов с использованием творческих и
уникальных шрифтов. Типография станет неотъемлемой частью любого веб-
сайта. Использование уникальных шрифтов будет важным творческим
активом, способствующим общей идентичности сайта.

28
 10. Элементы, как объекты реального мира
В 2019 году произойдет размытие между физическим восприятием и
онлайн-опытом. Он станет более реалистичным. Например, посетитель
внезапно почувствует ощущение плавания, запах духов и т. д. Например,
использование камеры телефона для размещения цифровой мебели в любом
месте комнаты.
11. Меньше слов, более крупные шрифты
Мобильный трафик с каждым годом растет. Поэтому нужно стремиться
представлять контент, который лучше всего подходит для мобильного
потребления. Текст станет менее многословным и более сфокусированным.
Большие шрифты дадут больше влияния на посетителей. Вырастет тенденция
на эффективный и качественный контент для меньшего экрана.
Таким образом, есть разные способы проверки сайта на его удобство
использования, однако, как правило, основываясь на 10 эвристик Нильсена
проводиться экспертная оценка сайта slivki.by.

29
 ГЛАВА 2
АНАЛИЗ ЭФФЕКТИВНОСТИ ЮЗАБИЛИТИ ПОРТАЛА

2.1. Разработка стратегии проведения аудита юзабилити

Стратегия – это долгосрочное качественно определенное направление

развития организации, касающееся сферы, средств и формы ее деятельности,
системы взаимоотношений внутри организации, а также позиции
организации в окружающей среде, приводящее организацию к ее целям [35,
с.12].
В настоящее время общее внимание со стороны бизнеса к стратегии
стремительно возрастает. Выбор стратегии и ее реализация составляют
основное содержание стратегического управления.
В самом общем виде стратегия может быть определена как
эффективная деловая концепция, дополненная набором реальных действий,
который способен привести эту деловую концепцию к достижению
реального конкурентного преимущества, способного сохраняться длительное
время. Разработка стратегии должна основываться на глубоком понимании
рынка, оценке позиции предприятия на рынке, осознании своих
конкурентных преимуществ.
Единой стратегии для всех предприятий не существует. Каждое
предприятие даже одной отрасли уникально, поэтому индивидуально и
определение его стратегии, которая зависит от его потенциала, а также от
многих внешних факторов.
Разработка стратегии – это не инструмент конкурентной борьбы, а
способ исследования проблем организации и обоснование соответствующей
системы практических действий [23, с.89]. При формулировке стратегии
определяют:
 Какие направления деятельности будут развиваться;
 Какой продукт будет производиться или продаваться, и в каком
объеме;
 Желаемые конечные результаты с учетом имеющихся ресурсов, в
том числе человеческих;
 Ограничения при принятии управленческих решений
подразделениями для обеспечения их соответствия общей стратегии и целям.
Ричард Румельд считает, что большинство стратегий должны
удовлетворять ряду критериев. Они должны быть:
 Последовательными (отсутствие несовместимых целей и
политических приёмов);

30
  Гармоничными (обеспечение адаптивной реакции на внешнюю среду
и происходящие в ней изменения);
 Иметь преимущества (возможность приобретения или поддержания
конкурентных преимуществ);
 Осуществимыми (приемлемые требования к ресурсам и отсутствие
появляющихся неразрешимых проблем).
Стратегия определяется как последовательность действий. Заранее
спланированная стратегия фокусируется на контроле, коллективное
внимание при этом направляется на реализацию четко выраженных
намерений. Спонтанно возникающая развивающаяся стратегия
концентрирует внимание на стратегическом обучении и признает право
организации на осуществление эксперимента, в ходе которого она
остановится на модели, которая и станет ее стратегией.
UX-стратегия, или стратегия опыта взаимодействия (UX, User
Experience), лежит на пересечении UX-проектирования и бизнес-стратегии.
Эта практическая методология повышает ваши шансы на создание
успешного цифрового продукта намного больше, чем наброски нескольких
каркасных моделей, а затем написанный код.
UX-стратегия – процесс, который должен запускаться первым, еще до
начала проектирования или разработки цифрового продукта. Это образ
решения, который необходимо проверить на реальных потенциальных
потребителях, чтобы доказать, что решение действительно востребовано
рынком. И если UX-дизайн включает различные детали (такие, как
визуальный дизайн, передача контента и простота выполнения действий
пользователем), UX-стратегия определяет «общую картину». Она
представляет собой высокоуровневый план по достижению одной или
нескольких бизнес-целей в условиях неопределенности [16, с.22].
Цель любой стратегии заключается в выработке плана, который
анализирует текущее положение дел и помогает прийти туда, где
действительно бизнес хочет оказаться. Стратегия должна опираться на
сильные стороны и учитывать слабости бизнеса. Она должна полагаться на
эмпирические, облегченные тактические решения, которые быстро ведут к
пункту назначения. Хорошо проработанная стратегия определяет успех или
провал проекта. В мире цифровых продуктов хаос – задержки, увеличение
затрат, неудачные UX-решения – только усиливается при отсутствии единого
образа продукта у участников группы [16, с.147].
Важную роль при формировании UX-стратегии играет ментальная
модель. Ментальная модель – это набор инструментов, при помощи которых
человек мыслит. Каждая ментальная модель предполагает свою собственную

31
систему взглядов на жизнь (или на конкретную проблему): через них мы
придаем смысл событиям и истолковываем свой опыт [47, с.14].
Итак, ментальные модели помогают увидеть ситуацию под другим
углом и решить кажущуюся сложной задачу. Их работа особенно заметна,
когда в результате мыслительных тренировок вы начинаете видеть сразу
несколько вариантов решения проблемы. Причем каждый из них по-своему
поможет определиться с приоритетами и добиться выполнения поставленных
задач.
Например, если сказать группе людей слово «лед», то каждый по-
своему представит у себя в голове картинку. Кто-то как кубики льда, кто-то
земерзшее покрытое льдом озеро, кто-то каток, а кто-то гигантский айсберг.
Важность ментальной модели состоит в том, что в различных
информационных системах они помогают нам понимать объекты в
соответствии с увиденным объектом, например, на сайте. Это значительно
упрощает взаимодействие пользователя с системой, так как люди привыкли
воспринимать информацию визуально. Иначе говоря, они сначала обратят
внимание на иконку в навигационном меню, а только потом прочитаю
сопровождающий текст, если появилась такая необходимость.
Таким образом, стратегия проведения юзабилити аудита является
частью UX-стратегии. UX-стратегия — это системный подход по улучшению
веб-сайта. Данная стратегия помогает сделать сайт не только удобным для
пользователей, но и дать им то, что действительно закроет некую
потребность и «боль». Иначе говоря, юзабилити аудит является только
частью повышения эффективности веб-сайта.
Если рассматривать юзабилити аудит как отдельную составляющую, то
данная стратегия будет подразумевать итерации по внедрению
корректировок сайта, которые, в свою очередь, должны повысить юзабилити.
Портал slivki.by предлагает различные скидочные купоны на товары и
услуги разных компаний. Ценность предложения заключается в том, что
компании предлагая скидки могут привлекать новых клиентов, которые
ранее не пробовали их товары или услуги. Отсюда бизнес может
конвертировать ранее потенциального клиента в постоянного. Для самих
посетителей сайта выгода в том, что они могут сэкономить достаточную
сумму своих денег, так как скидки на сайте достаточно большие. Более того,
предложений на сайте присутствует большое количество, из чего
пользователь может выбрать наиболее подходящий для себя вариант
скидочного купона.
Для того, чтобы сформировать полноценную стратегию, необходимо
иметь «точку входа» и «выхода», иначе говоря, нужно определить, что есть
сейчас и чего нужно достичь.

32
 Цель, которую нужно достичь путем аудита юзабилити, – это
упрощенное достижение целей, которые пользователь ставит перед собой,
заходя на портал slivki.by. Более того, с помощью проведенного аудита
можно достичь большей конверсии, чем она была ранее. Юзабилити
значительно влияет конверсию на сайте, так как на пути пользователя может
возникать множество преград, из-за которого его путь прерывается по
причине того, что сам сайт его испугал или он не смог найти нужных
элементов на сайте из-за чего выходит из сайта [11, с.38].
На данный момент сайт имеет сложную навигацию, визуальную
нагрузку и нечитабельный контент. Текущее состояние системы
зафиксировано в главе 2, оценка юзабилити на примере slivki.by. Отсюда
следует, что результатом может служить легкое взаимодействие
пользователя с системой, где пользователь легко достигает своей цели.
Как ранее было упомянуто, план стратегии должен быть
последовательным. Поэтому план проведения аудитам юзабилити
следующий:
1. Провести юзабилити тестирование
Юзабилити тестирование, как правило, включает в себя от 1 до 5
основных сценариев, которые пользователи выполняют внутри системы.
Тестирование должно проводиться с той целью, чтобы определить основные
проблемы, которые мешаю пользователю достичь его цели в системе.
Каждый сценарий должен сопровождать метриками, которые были описаны
в главе 1.
2. Измерить удовлетворенность пользователей системой с
помощью SUS опроса.
System Usability Scale позволяет высчитать, насколько удобным
является сайт от 0 до 100 [42]. Четные вопросы считаются следующим
образом: от каждого варианта выбранного ответа вычитается 1. В нечетных
вопросах: выбранное пользователем число (вариант ответа) вычитается из 5.
Затем все полученные числа каждого вопроса суммируются и умножаются на
2,5. Отсюда получаем число от 0 до 100. Это и есть рейтинг
удовлетворенности системой.
Там, где рейтинг выше 68 будет считаться выше среднего, а все, что
ниже 68, будет ниже среднего, что означает, что пользователь не
удовлетворен системой и юзабилити является низким. Чем выше рейтинг,
тем лучше юзабилити и удовлетворенность.
3. Провести юзабилити аудит
Юзабилити аудит проводиться на основе эвристик Нильсена и
стандартов ISO. Между собой они схожи, но эксперты предпочитают

33
основываться на эвристики, так как они являются более распространенным
способом оценки интерфейсов.
1. Видимость состояния системы
2. Соответствие системы с реальному миру
3. Свобода действий
4. Последовательность и стандарты
5. Предупреждение ошибок
6. Узнавание, а не воспоминание
7. Гибкость и эффективность использования
8. Эстетичный и минималистичный дизайн
9. Помощь в распознании, диагностировании и восстановление после
ошибок
10. Помощь и документация
Эвристики Нильсена являются достаточно гибкими и понятными. Они
универсальны ,так как подходят для оценки любой системы, в том числе игр.
Более подробно эвристики были описаны в главе 1.
4. Дать оценку критичности корректировок
Оценка критичности, как правило субъективна, однако на каждом
проекте она имеет свои критерии. Наиболее универсальная градация,
которую широко используют UX специалисты, приведена в таблице 2.1.

Таблица 2.1 – Уровни критичности.

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

Примечание – Источник [3, с. 87]

34
 Как только был проведен аудит, делается отчет, где даются
рекомендации по улучшению системы в соответствии с выявленными
проблемами.
5. Внести правки по иерархии критичности (высокая – средняя –
низкая)
На данном этапе работа UX специалиста не заканчивается и эксперт
ждет, когда все рекомендации будут внесены и следит за тем, чтобы
рекомендации вносились начиная от самых критичных.
6. Проверить и оценить внесенные правки
После того, как выявленные проблемы были исправлены, эксперт
обращается к аналитике, если такой доступ у него есть, или проводит
повторное юзабилити тестирование и аудит, где проверяет, насколько
эффективны его рекомендации, и выявляет новые проблемы, если они есть.
7. Повторить пункты 1-6 при необходимости
Весь план будет проходить итерациями, поскольку большое количество
выявленных проблем не могут быть исправлены за один подход. Более того,
нужно быть аккуратным при нововведениях, так как исправленные
юзабилити проблемы могут значительно повлиять на уже сформировавшиеся
паттерны человека. Отсюда лояльность пользователя системы может
снизиться. Таким образом, стоит внедрять изменения поэтапно начиная с
самых критических проблем. Конечно, после внедрения рекомендаций стоит
отслеживать новые метрики и сравнивать с теми, что были до. И, конечно,
провести юзабилити тестирование с участием пользователей, но так, чтобы
сценарий был напрвлен на проверку новых решений.
Прежде чем приступить в оценке юзабилити сайта необходимо
определить пользовательские флоу (пути) по сайту. В случае slivki.by
основной задачей пользователя является получить купон или скидку на
определенный товар или услугу. Соответственно, шаги будут следующие:
1. Зайти на сайт
2. Выбрать подходящую акцию
3. Получить купон
3.1. Зарегистрироваться
3.2. Выбрать количество купонов
3.3. Выбрать способ оплаты
3.4. Оплатить и получить скидку
Для того, чтобы по результатам юзабилити аудита можно было
проверить эффективность корректировок, текущие проблемы будут
зафиксированы в следующем пункте главы 2, оценка юзабилити на примере
slivki.by. Более того, будет проведен SUS опрос с 4 респондентами,
результаты которого будут также описаны в главе 3.

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

2.2. Оценка эффективности юзабилити (на примере slivki.by)

На основе экспертной оценки будут выявлены проблемы и слабые

места сайта, которые подробно будут описаны в следующей главе. Для
начала необходимо зафиксировать текущие проблемы, на основе которых
будет проведена экспертная оценка на базе эвристик, после которых будут
предложены изменения необходимые для сайта slivki.by.
Сайт slivki.by является платформой предоставляющей возможность
приобрести товар или услугу дешевле (со скидкой). Т.е. на сайте можно
найти информацию о любых скидках, а также заранее приобрести скидку,
которая действительна определенный срок, за незначительную сумму.
В качестве начала работы был проведен SUS (System Usability Scale)
опрос, где было 4 респондента: все четыре человека никогда ранее не
использовали данную систему. Для ознакомления им был предложен
сценарий с реально достижимой задачей: получить скидочный купон от Sushi
House. Точкой входа была главная страница, а точка, где задача считалась
завершенной, полученный скидочный купон.
Таким образом, проведя юзабилити тестирование с пользователями,
результаты вышли следующие:
 Главная страница очень яркая и респонденты не могли
сосредоточится на поставленной задаче;
 Респонденты быстро нашли нужную навигационную панель и
ссылку на промокоды, однако отметили, что не все вкладки являются
понятными с первого взгляда;
 Было также отмечено, что из-за большого количества элементов на
карточках промокодов, информация тяжело считывалась;
 Наличие рейтинга скидок и отзывов о предоставляемых услугах
положительно сказывается на авторитетности сайта, давая пользователям
возможность детально оценить то, что они покупают. Однако недостаточно
подробное описание услуг и их стоимости со стороны размещающихся
компаний вызвали сомнения у людей, что заставило их засомневаться;
После юзабилити-тестирования респондентам предлагалось заполнить
System Usability Scale (SUS). Проанализировав результаты опроса, было
выяснено, что отношение пользователей к сайту ближе к негативному.

36
Респонденты разошлись во мнениях о дизайне и цветовых решениях:
некоторые абсолютно остались довольны им, а некоторые нашли портал
категорически непривлекательным.
Вспомним, что результаты рейтингом свыше 68, считаются
удовлетворительными, иначе говоря, пользователи удовлетворены системой
и юзабилити выше среднего. Рейтинг ниже 68 считается низким,
соответственно, пользователи не удовлетворены системой и необходимо над
юзабилити работать. Результаты SUS приведены в таблице 3.1.

Таблица 2.2 – Результаты SUS опроса.

Респондент Рейтинг удовлетворенности
1 51
2 63
3 61
4 56

Примечание – Собственная разработка.

Проведение небольшого юзабилити тестирования и SUS опроса было

необходимо для того, чтобы определить, насколько пользователи
удовлетворены системой и определить, какие проблемы вызывает сайт
взаимодействуя с пользователями.
На сайте много информации, которая не структурирована и усложняет
восприятие сайта пользователем. Более того, присутствует большое
количество яркой рекламы, которая отвлекает пользователя от целевых
действий. При первом входе в систему большое количество информации не
позволяет легко сориентироваться в системе, однако пользователям, которые
пользуются сайтом уже не первый раз, удается легко ориенировать на сайте.
На сайте отсутствует контрастность заголовков: на белом фоне тяжело
читается любой заголовок ярко зеленого цвета. Это говорит о
нечитабельности элементов.
Много контента является лишним, к примеру, количество
пользователей на сайте в данный момент (рис.2.1) или различные отзывы под
шапкой сайта на главной странице, которые не имеют никакого отношения к
акции или новости выше (рис. 2.2)

37
 Рисунок 2.1 – Интерфейс шапки портала slivki.by (данные на 21.03.2019)

Рисунок 2.2 – Интерфейс главной страницы портала slivki.by (данные на

21.03.2019)

Для того, чтобы оценить, действительно ли проблема ею является,

были определены уровни критичности, которые имеют свои критерии
оценки: низкий уровень, средний и высокий (таблица 2.1). Данный вид
оценки будет оптимальным, так как имеет минимальное количество условий
для оценки, а также такая оценка дает четкость и достаточно информации
для понимания проблемы. Более того, такой вид оценки критичности
наиболее популярен среди UX специалистов.
Основные проблемы зафиксированы в таблице 2.2 в соответствии с
выше указынными уровнями критичности. Была проведена общая сайта,
которая включала в себа следующее: оценка визуальной нагрузки, оценка
шапки сайта, навигации, оценка читабельности, доступности и
воспроизведения действий. Это основные состовляющие сайта.

Таблица 2.3. – Оценка сложности взаимодействия на портале slivki.by.

Уровень
Критерий Комментарий
сложности
На сайте много рекламы, ярких элементов,
Визуальная
высокий большое количество разнообразной
нагрузка
информации

38
Окончание таблицы 2.3. – Оценка нагрузки сайта slivki.by.
На шапке много информации, которая
находится очень близко друг другу, от чего
Шапка сайта высокий она трудно воспринимается, текст ссылок
на разделы могут быть быть более
читабельными
Разделы в разных местах названны по-
Навигация средний разному, присутствуют непривычные для
пользователя названия
Текст ярко зеленого цвета трудно
воспринимается человеческим взглядом, в
Читабельность высокий блоках присутствет много текста и
межстрочный интервал слишком мал, что
затрудняет чтение.
Чтобы перейти на некоторые разделы
пользователь вынужден выполнить
Доступность средний
большее количество действий, не всю
необходимую информацию можно заметить
Навигация достаточно простая, но
Легкость информации на сайте много и она может
воспроизведения средний отвлекать пользователя из-за чего
действий воспроизвести действия снова может быть
трудно

Примечание – Собственная разработка.

Таким образом, были определены уровни критичности, которые дают

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

39
 ГЛАВА 3
ОСНОВНЫЕ НАПРАВЛЕНИЯ ПО ПОВЫШЕНИЮ
ЮЗАБИЛИТИ ПОРТАЛА (НА ПРИМЕРЕ SLIVKI.BY)

3.1. Основные юзабилити проблемы портала выявленные

при проведении аудита

В данной главе будут выявлены проблемы страниц основного

пользовательского пути и других страниц, доступ к которым находиться в
шапке сайта: главная, страница категории скидок, страница скидочного
предложения, окно регистрации или входа в систему, страница получения
скидки, slivki TV, Листовки, Отзывы.
Начнем эвристическую оценку портала с основного пользовательского
пути:
1. Главная страница
2. Каталог
3. Страница скидочного предложения
4. Регистрационное окно
5. Страница получения скидки
Главная страница (приложение А)
Главная страница является лицом сайта. Именно здесь пользователь
формирует свое первое впечатление и принимает решение о дальнейших
своих действия. Любому бизнесу важно задержать целевую аудиторию и
призвать ее совершить целевые действия на сайте.
Данная страница перегружена различным контентом и яркими цветами.
Заходя на главную страницу сложно сориентироваться, куда идти
дальше и на что стоит обратить внимание. Остановиться на определенном
объекте сложно, так как рядом присутствует такой же яркий и
привлекающий внимание контент.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: высокий.
Помимо ярких элементов самого сайта, присутствует большое
количество рекламы, как просто яркой, так и динамично мигающей: баннеры
и фоновое изображение, что нарушает ту же эвристику.
Названия блоков такие же яркие как и страница в целом, однако очень
незаметен текст блоков, что создает неопределенность для посетителя и
непонимания своих следующих действий на сайте.

40
Рисунок 3.1 – Интерфейс главной страницы портала slivki.by (данные на
28.04.2019)

Рассмотрим шапку сайта (рис. 3.2). Названия основной навигации сайта

не соответствует реальной ментальной модели обычного человека.
Нарушена эвристика: схожесть системы с реальным миром.
Уровень критичности: высокий.
Так как сайт предлагает промокоды, то вполне логично, что данный
раздел стоит первым. Далее «новости скидок». По иерархии раздел стоит
верно. Однако раздел «шиномонтаж» вводит в заблуждение: почему этот
раздел вынесен в отдельную категорию и чем он отличается от
«шиномонтаж» в разделе «промокоды». Если категории были вынесены как
наиболее популярные, то стоило бы сделать отдельный блок «популярное».
Более того, подкатегория «шиномонтаж» имеет совершенно разный
иерархический уровень, что говорит о том, что выносить данный раздел как
равнозначный элемент основной навигации нельзя. Конечно, пользователи
любят быстрый доступ к своим любимым и популярным разделам, но этот
доступ на сайте slivki.by смешан с основными уровнями, что пугает
посетителя.
Нарушена архитектура сайта.
Уровень критичности: высокий.

Рисунок 3.2 – Интерфейс шапки портала slivki.by (данные на 28.04.2019 )

«Моллы» и «Slivki TV» названны непривычным образом для

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

Рисунок 3.3 – Интерфейс главной страницы портала slivki.by (данные на

28.04.2019)

Slivki.by является довольно большим сайтом с множеством страниц и

информацией. Рассмотрим юзабилити одной категории, например, «еда».
Категории «еда» (приложение Б)
Как только попадаешь на страницу в глаза бросается карта. На ней
отмечены актуальные точки для данного радела. Конечно, наличие карты на
сайте является плюсом в данном случае, однако расположение прямо под
шапкой сайта не является приоритетным. Наличие карты на сайте slivki.by
является удобной функцией, но все-таки не приоритетной, а дополнительной.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: средний.

42
 Рисунок 3.4 – Интерфейс страницы категории «еда» портала slivki.by
(данные на 28.04.2019)
Хорошо, когда на страницах есть теги (рис. 3.5), так как они дополняют
навигацию по сайту. Более того, они помогают пользователю
соринтироваться в разделах сайта. Эвристика: Узнавание, а не воспоминание

Рисунок 3.5 – Интерфейс страницы категории «еда» портала slivki.by

(данные на 28.04.2019)

Предложения, предоставляющие промокоды, расположены плиткой,

что визуально разделяет предложения и помогает пользователю
соринтироваться (рис.3.6). Сами предложения с акциями визуально тяжелые
для воприятия: на картинках много текста, это дополняется ярким
выделением со скидкой и, казалось бы, небольшим количеством текста с
маленьким межстрочным интервалом.
Более того, не на всех карточках не указан тот, кому пренадлежит
акция: отсутствует названий кафе, расторана или закусочной.
Нарушены эвристики: единообразие и стандарты, эстетичный и
минималистичный дизайн.
Уровень критичности: высокий.

43
 Рисунок 3.6 – Интерфейс страницы категории «еда» портала slivki.by
(данные на 28.04.2019)
Страница предложения скидки «суши» (приложение В)
Снова можно заметить, что в глаза бросается много ярких элементов и
выделить основные точки, которые привлекают внимание посетителя сайта
много.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: высокий.
На странице присутствуют кнопки с разделами (рис.3.7), которые
упрощают доступ пользователя к наиболее часто посещаемым и
интересующим его разделам. При нажатии на каждый из разделов для
пользователя подгружается соответствующий контент: для адреса – адрес,
для отзывов – отзыв.
Учитывая тот факт, что адрес расположен справа от условий акции,
отзывы расположены внизу страницы, то нет необходимости подгружать
нужный контент для каждой копки.
Более того, блок с кнопками становится статичным, когда данный
контен поднимается к шапке странице. Он все также добавляет визуальной
нагрузки и на фоне контента ниже уже не является вспомогательной
навигацией для пользователя.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: средний.

Рисунок 3.7 – Интерфейс страницы скидочного купона портала slivki.by

(данные на 28.04.2019)

Говоря об «условиях», то помимо кнопок не хватает подзаголовка.

Хотя ниже есть подзаголовок «особенностей» данной акции.
Нарушена эвристика: единообразие и стандарты.
Уровень критичности: средний.

44
 Рисунок 3.8 – Интерфейс страницы скидочного купона портала slivki.by
(данные на 28.04.2019)
Небольшой поп-ап внизу страницы (рис. 3.9) не является хорошим
решением, так как для него выбрана полупрозрачная подложка из-за которой
не виден контент самой страницы, что говорит о трудности восприятия
текста.
Хочется отметить, что в данном случае используется эмоциональный
дизайн, где текст поп-ап может толкать пользователя поскорее получить
скидку, пока их количество не закончилось.

Рисунок 3.9 – Интерфейс страницы скидочного купона портала slivki.by

(данные на 28.04.2019)

В основном контенте промокода (рис. 3.10) не соблюдена сетка, из-за

которой появляются трудности с восприятием текста и чтением
соответственно.

45
Рисунок 3.10 – Интерфейс страницы скидочного купона портала slivki.by
(данные на 28.04.2019)

Уже давно известно из исследований, что люди читают по z- или f-

направлению (рис.3.11 и рис.3.12). Всегда должно соблюдаться
единообразие, в том числе в предоставляемом контенте: взгляд по странице
прыгать не должен. А на сайте вся текстовая информация располагается на
произвольной визуальной сетке, что нельзя допускать при проектировании и
дизайне систем. Собственно поэтому восприятие информации на странице
промокода является затруднительным. Отсюда следует, что нарушены
эвристики:
Нарушены эвристики: единообразие и стандарты, эстетичный и
минималистичный дизайн.
Уровень критичности: средний.

46
 Рисунок 3.11 – Изображение чтения по z-направлению Примечание –
Источник [13, с. 96]

Рисунок 3.11 – Изображение чтения по f-направлению Примечание –

Источник [13, с. 97]

Регистрационное окно (приложение Г)

Поп-ап с регистрацией выглядит достаточно хорошо и понятно с
первого взгляда, однако из-за того, что все элементы расположены
достаточно близко друг к другу поп-ап трудно сканируется глазами.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: средний.
Очень хорошая и популярная практика предлагать зарегистрироваться
или зайти используя некий другой ресурс (социальная сеть или почта).
Нужно отметить, что конкретно регистрация и вход через почту отсутствует,
хотя это наиболее популярный способ регистрации.
Нарушена эвристика: гибкость и эффективность использования.
Уровень критичности: средний.
Страница получения скидки (приложение Д, Е)
Сразу хочется отметить, что система после входа оставляет на той же
странице, где ты нажал кнопку «войти». Если же рассмотреть действие с
другой стороны, то нажав на кнопку «получить скидку» на странице акции,
когда пользователь еще не вошел в системы, появляется поп-ап через
который пользователь заходит в систему и остается на странице скидки, хотя

47
он уже нажал на «получить скидку». Это означает, юзер ожидал, что после
входа он окажется на нужной ему странице.
Нарушена эвристика: гибкость и эффективность использования.
Уровень критичности: низкий.
Первый шаг получения скидки – выбрать количество купонов
(приложение Д). Затем, нажав кнопку далее, подгружается страница, где
пользователь снова может выбрать количество купонов и способ оплаты
(приложение Е). Практика сложных систем, например, банков, показывает,
что действительно стоит некоторый путь, например, оформление сделки,
разбивать на более мелкие шаги. В случае slivki.by такой необходимости нет,
так как сам путь получения скидки достаточно короткий.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: низкий.
Новости скидок (приложение Ж)
Заходя на данную страницу, ожидается новостная страница, а не
страница с карточками. Более того, совсем непонятно, что отражает карта
вверху страницы и действительно ли она нужна здесь. Снова проблема
слишком маленьких отступов на странице, от чего сложно сканируется
контент.
Нарушена эвристика: эстетичный и минималистичный дизайн.
Уровень критичности: низкий.
Slivki TV (приложение З)
Для начала отметим, что название раздела не соответствует
содержащемуся контенту, иначе говоря реальная ментальная модель
пользователя не совпадает с текущем названием страницы: ожидается, что на
странице будут какие-то видео, например, обзоры.
Нарушена эвристика: схожесть системы с реальным миром.
Уровень критичности: средний.
Нужно отметить, что все же, нажав на любую из карточек, открывается
страница с видеообзором (рис. 3.12). С одной стороны ожидания
пользователей оправдываются, а с другой остается несоответствие вида
карточки с акцией и следующая открывающаяся страница этой же акции.
Нарушены эвристики: эстетичный минималистичный дизайн, схожесть
системы с реальным миром, последовательность и стандарты.
Уровень критичности: средний.

48
 Рисунок 3.12 – Интерфейс страницы Slivki TV портала slivki.by (данные
на 28.04.2019)

Необходимо обратить внимание на заголовки каждого раздела на

странице slivki TV (рис. 3.13). Сама идия карусели с заголовками является
хорошим решением, которое активно используется и на популярных
ресурсах, следовательно, решение является хорошим. С другой стороны,
заголовки находятся слишком низко к карусели, даже создается впечатление,
что текст находится под карточками карусели. Более того, слишком близкое
расположение каруселей заставляет игнорировать заголовки, соответственно,
может дезориентировать полльзователя.
Нарушена эвристика: эстетичный минималистичный дизайн.
Уровень критичности: средний.

Рисунок 3.13 – Интерфейс страницы Slivki TV портала slivki.by (данные

на 28.04.2019)
49
 Листовки (приложение И)
Название раздела вполне очевидное, особенно если вы житель
Беларуси, так как каждый магазин имеет свои листовки с информацией о
скидках, которые предлагает.
Говоря о подзаголовках, которые сопровождают листовки, то они не
заметны с первого взгляда, из-за чего взгляд пытается искать информацию о
магазине на самой листовке (рис. 3.14).
Нарушены эвристики: эстетичный и минималистичный дизайн,
последовательность и стандарты.
Уровень критичности: средний.

Рисунок 3.14 – Интерфейс страницы листовок портала slivki.by (данные

на 28.04.2019)

Стоит обратить внимание на стрелку в карусели листовок, которая не

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

50
 Рисунок 3.15 – Интерфейс страницы листовок портала slivki.by (данные
на 28.04.2019)
Немаловажным фактом является то, что при нажатии на листовку
открывается одельная страница, где можно видеть, что всю страницу
занимает листовка и не одна (приложение К). Казалось бы, логичным
решением кажется просто увеличить изображение и просмотреть все
страницы листовки не прибегая к открытию новой страницы, на которой
неудобно просматривать.
Нарушена эвристика: схожесть системы с реальным миром.
Уровень критичности: средний.
При просмотре различных разделов листовок легко заметить
отсутствие единообразия: где-то присутствует кнопка «перейти» на
некоторый раздел, а где-то отсутствует (рис 3.16). Более того, данная кнопка
реализована ссылкой и под область листовки, что создает совершенно другое
впечатление: будто сам пользователь может добавить листовку.

Рисунок 3.16 – Интерфейс страницы листовок портала slivki.by (данные

на 28.04.2019)

Нарушены эвристики: схожесть системы с реальным миром,

эстетичный минималистичный дизайн.
Уровень критичности: средний.
Отзывы (приложение Л)
На самом деле непонятно к чему относятся отзывы и почему все
подряд собраны в один раздел. Наличие отзывов является плюсом для
пользователей, так как это то место, откуда они могут получить
необходимую информацию об услуге от других людей и где они могут
поделиться своими впечатлениями. Но в данном случае решение является
неудачным. Достаточно отзывов под каждой акцией.
Нарушены эвристики: схожесть системы с реальным миром,
последовательность и стандарты.
Уровень критичности: средний.
51
 Таким образом, на сайте slivki.by присутствует большое количество
визульного шума, непонятных переходов и сложночитабельные элементы,
которые усложняют взаимодействие пользователя с сайтом. Более того,
сложная навигация по сайту усложняет пользовательское взаимодействие с
системой и дает ему негативный опыт. Отсюда следует то, что лояльность
пользователя падает и вероятность его возврата на сайт снижается, несмотря
на то, что slivki.by является известной и единственной платформой в рамках
Республики Беларусь.
Таким образом, было выявлено 22 проблемного места, из которых 6
высокой критичности, 13 средней и 3 низкой. Это говорит о том, что 87%
найденных проблем требуют внимания со стороны бизнеса. Необходимо
отметить, что юзабилити влияет на конверсию сайта и на возврат вложенных
инвестиций, что ярко раскрывается на примерах сайтов е-коммерс в книге
«Проектирование прибыльных веб-сайтов».

3.2. Пути повышения эффективности удобства портала

В данном разделе будут предложены пути решения проблем,

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

52
Рисунок 3.17 – Интерфейс главной страницы портала slivki.by (данные на
28.04.2019)

Главная страница (приложение А)

На главной странице в качестве фонового изображения стоит реклама.
Ее необходимо убрать и блоки разместить рационально по ширине экрана. В
таком случае будет достаточно много места для того, чтобы визуально
отделить блоки и снизить визуальную нагрузку.
Продолжая говорить о рекламе, то следует снизить ее количество или
выделить отдельных несколько блоков, где ее размещать. Навязчивой она не
должна быть.
Шрифты заголовков стоит сменить на более читабельный. Более того,
нужно выбрать цвет, который на белом фоне будет хорошо виден. Стоит
избегать в таком случае ярких, неоновых оттенков.
Как ранее было отмечено, на сайте нарушена информационная
архитектура. Разделам стоит давать название такое, которое будет близкое
пользователям, чтобы облегчить понимание и не пугать пользователя. Более
того, нужно соблюдать иерархию: в качестве популярных разделов или
подразделов нужно выносить конкретные ссылки соответственно для
быстрого доступа. Более того, стоит создать отдельный визуальный блок,
который будет содержать наиболее популярные ссылку разделов или
подразделов
«Моллы» и «Slivki TV» названны непривычным образом для
посетителя. Такие разделы нужно называть привычными для пользователей
словами, например, «Торговые Центры» и «Обзоры» соответственно.
Вспомним, что перед «дном» сайта расположен очень маленький и
неудобный элемент с информацией о скидках (рис. 3.3). Его стоит убрать, так
как он содержит много уже известной пользователю информации. А если его
оставлять, скролл для такого маленького блока вовсе не нужен. Более того,
текст стоит сократить, так как он содержит много ненужной информации.
Категории «еда» (приложение Б)
Карту стоит вынести в правый бок в форме маленького квадрата, с
помощью которого можно ее развернуть, или опустить вниз так, чтобы она
находилась после акционных предложений в категории.
Теги очень похожи на кнопки и даже на тап-бар, чего стоит избегать.
Теги не стоит выделять таким ярким цветом, так как именно они, в данном
случае, акцентируют внимание. Их можно сделать меньше или разместить в
качестве кнопки «фильтр», при нажатие на который и разворацивается
список с тегами.

53
 Плитку с предложениями стоит сделать больше. Другими словами,
Изображение не увиливать в размере, а оставлееся пространство разгрузить:
описание акции, место, рейтинг и время до конца акции. Более того, на самом
изображении не стоит писать дополнительный текст по акции, так как под
ним есть краткое описание. Также необходимо добавить заголовок в
карточку, где указан владелец акции, например, кафе.
Возвращаясь к фильтрам, то можно предложить туда добавить такие
функции, как величина скидки, рейтинг, местоположение и, конечно, теги.
Страница предложения скидки «суши» (приложение В)
Как ранее и отмечали, на странице есть кнопки с разделами (рис. 3.7)
упрощающие навигацию по странице. Данные кнопки подгружают
соответствующую информацию, что неудобно для пользователя. Хороший
вариант это тап-бар, между которыми пользователь переключается. Это
означает, что посетителю не нужно ждать, пока информация погрузиться, так
как весь необходимый контент уже загрузился вместе со страницей. Или
можно информацию разместить одну под другой и тогда, при нажатии на
один из разделов, пользователя будет переносить ниже к нужному. В таком
случае необходимо добавить плавающую кнопку «наверх»: у пользователя
всегда должна быть возможность отменить действие.
Учитывая, что кнопки с разделами становятся статичными, когда
поднимаются наверх, то стоит добавить подложку (фон), для того, чтобы
было видно, что данные кнопки всегда доступны пользователю, пока он
знакомиться с информацией ниже на странице акции.
Необходимо добавить заголовок в описание акции, чтобы сохранить
единообразие на странице и облегчить визульную навигацию для
пользователя.
Говоря о поп-апе, который появляется внизу с информацией о том,
сколько промокодов взято за последнии 5 минут, его стоит переметить
наверх к основной информации о скидке (рис. 3.18). Похожее решение есть у
lamoda.by (рис. 3.19).

54
Рисунок 3.18 – Интерфейс страницы скидочного купона портала slivki.by
(данные на 28.04.2019)

Рисунок 3.19 – Интерфейс страницы товара сайта lamoda.by (данные на

28.04.2019)

Сетка сайта неединообразно, что создает впечатление, что контент

размещен хаотично. В таком случае хорошим решением будет использовать
12-ти коллончатую сетку для широкоэкранного веб-решения, так как она
является достаточно гибкой для проектирования. Более того, нужно
придерживаться разнообразия при размещении контента на страницах и
учитывать то, что взгляд должен плавно переходить от одного блока к
другому, а не скакать (рис. 3.11 и 3.12 z- и f-направления чтения).
Регистрационное окно (приложение Г)
Так как страница достаточно сложно сканируется, то необходимо
добавить более большие отступы, чтобы отделить друг от друга элементы.
Говоря непосредственно о способе входа, то стоит все-таки добавить
почту, так как это наиболее популярный способ входа. Конечно, slivki.by
активно продвигают себя в социальных сетях, однако вход через соцсеть не
гарантирует, что пользователи будут отслеживать новости скидок в соцсетях.
Страница получения скидки (приложение Д, Е)
Если вспомнить, что пользователя не перенаправляет на целевую
страницу после нажатия на «получить скидку» и регистрации, то, конечно,
необходимо такую возможность сделать. Все-таки пользователь уже

55
определился с выбором и готов брать. Более того, информация о скидке
(название и автор скидки) остается в заголовке.
Также шаг, где необходимо выбрать только количество промокодов,
стоит убрать (приложение Д), так как данный контент дублируется на
следующем шаге.
Новости скидок (приложение Ж)
Данную страницу лучше оформить как новостную, а не карточками,
как в е-коммерс. Таким образом, страница станет более информативной и
привычной пользовательскому восприятию.
Slivki TV (приложение З)
Так как действительное название контента не соответствует
действительному контенту внутри страницы, стоило бы сменить название
раздела на, например, «обзоры», а еще лучше «видеообзоры». Таким
образом, название будет говорить о себе само.
Говоря о карточках в разделе slivki TV, то карточки стоило бы
видоизменить: добавить кнопку «перейти к обзору», «просмотреть
видеобзор». Более того, можно добавить краткое описание, которое говорило
бы, о чем видео. Только описание должно смотреться лаконично, а не
наляписто.
Говоря о заголовках (рис. 3.13), то стоит сделать отступ от карусели
больше. Также в целом на сайте следует придерживаться одного шрифта или
же правильно комбинировать два. Более того, должна быть четко
выстроенная иерархия любого типа текста: от заголовков до подписей.
Листовки (приложение И)
Подзаголовки, которые сопровождают листовки, совсем не заметны.
Возвращаясь к теме о четко выстроенной иерархии, то однозначно здесь она
также должна присутствовать.
Конечно, можно пользователя кидать на новую страницу при нажатии
на листовку. Но тогда вид данной страницы должен быть соответствующим.
В качестве примера можно использовать e-commerce сайты такие как
farfetch.com, diesel.com и др. Это может служить хорошим примером, как
оформить страницу даже листовки лаконично и визуально приятно и
понятно.
Конечно, стрелка в карусели должна быть заметна. Как вариант, то
можно вынести ее за границы карусели, таким образом она не будет
перекрывать листовку и будет понятно, что карусель можно «крутить».
Помимо этого, посленюю листовку в строке сделать хотя бы на 1/3 видной
пользователю: это тоже создаст нужный эффект карусели.

56
 Самое важное – это единообразие на странице. Необходимо продумать
все состояния объектов и правильно спроектировать визуальную часть
страницы с учетом всех нюансов.

Отзывы (приложение Л)
Проведенный анализ позволил показать, что отзывы имеют отношение
к чему-то другому. На странице они не систематизированы и не собраны по
разделам. В данном случае стоит убедиться, что данный раздел отзывов как
отдельная страница действительно нужна и обладает ценностью для
текущего пользователя системы.
Если говорить о практиках, то ни один всемирно известный сайт не
использует такое решение. Не стоит выдумывать новые решения, если уже
есть успешные проверенные.
Таким образом, на сайте slivki.by присутствует большое количество
визульного шума, непонятных переходов и сложночитабельные элементы,
которые усложняют взаимодействие пользователя с сайтом. Более того,
сложная навигация по сайту усложняет пользовательское взаимодействие с
системой и дает ему негативный опыт. Отсюда следует то, что лояльность
пользователя падает и вероятность его возврата на сайт снижается, несмотря
на то, что slivki.by является известной и единственной платформой в рамках
Республики Беларусь.
Данные предложения по улучшению должны помочь улучшить
состояние сайта. Но это только первая итерация. А если рассмотреть сайт с
точки зрения затрат как финансовых, так и трудовых, то в этом случае лучше
спроектировать новый сайт с учетом выявленных проблем.

57
 ЗАКЛЮЧЕНИЕ
Юзабилити – это важная составляющая любого сайта или продукта.
Юзабилити помогает создать удобные и дружественные человеку
информационные системы.
В современном мире это слово мы употребляем в контексте с web-
продуктами и ресурсами: сайтами, лэндингами, мобильными приложениями.
Юзабилити — возможность сделать вышеперечисленные продукты
максимально привлекательными, простыми и понятными, чтобы
пользователь, буквально за секунды, мог сориентироваться и понять, что и
как ему делать, причем с удовольствием.
В случае с юзабилити пользователи находятся в центре внимания
специалистов, работающих над системой. Чтобы потенциальные
пользователи не испытывали неудобства различного характера, продукт
необходимо делать на основе следующих принципов:
1. Ориентация;
2. Эффективность;
3. Запоминаемость;
4. Ошибки;
5. Удовлетворенность.
Есть множество специалистов в сфере юзабилити. Эксперты опираются
на эвристику Нильсена и стандарты ISO. Более того, путем проведения
различных тестов, например, юзабилити тестирование, сортировка карточек,
анкетирование и др., эксперты могут выявить проблемные места
информационной системы, которые могли не заметить, но такие места
оказались затруднительными для пользователей.
Говоря о портале slivki.by можно сказать, что сайт имеет не
привлекательный дизайн и много лишней информации, которая перегружает
пользователя. Доказательством служит проведенное небольшое юзабилити
тестирование с четырьмя респондентами, которые также ответили на SUS
опрос. Тестирование и опрос действительно показали, что портал slivki.by
нуждается в изменениях в интерфейсе. Сайт имеет множество проблем,
которые затрудняют взаимодействие пользователя с сайтом и которые были
выявлены путем экспертной, другими словами, эвристической оценкой.
Были описаны выявленные проблемы и рассмотрены пути повышения
юзабилити сайта, что, несомненно, повлияет положительно на работу сайта в
перспективе. Эвристическая оценка дала четкое понимание о юзабилити и о
том, как система должна реагировать на работу пользователя, даже помогать
ему.

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

59
 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. 50 UX metrics, methods & measurements [Электронный ресурс]. –
Режим доступа: https://measuringu.com/50-ux-2018/. – Дата доступа:
12.04.2019.
2. Аксенов К. А., Методы оценки пользовательского интерфейса /
Аксенов К. А. – Санкт-Петербург, 2012 – 343 с.
3. Вроблевски Л. Сначала мобильные / Вроблевски Л. – М.: Манн,
Иванов и Фербер, 2012. – 312 с.
4. Головач В. Юзабилити-тестирование по дешевке / Головач В. –
СПб: Символ Плюс, 2008. – 314 с.
5. Калиновский А. Юзабилити: Как сделать сайт удобным /
Калиновский А. – СПб: Символ Плюс, 2008. – 224 с.
6. Камалеев Р.Р., Чернова Е.Н. Оценка юзабилити интернет-
ресурсов / Камалеев Р.Р., Чернова Е.Н. . – Магнитогорск, 2015 – 186с.
7. Кедлек Т. Адаптивный дизайн. Делаем сайты для любых
устройств. пер. с англ. – М.: Питер, 2013. – 412 с.
8. Круг С. Веб-дизайн: книга Стива Круга или «не заставляйте меня
ду- мать!» / Круг С. – Пер. с англ. – СПб: Символ Плюс, 2008. – 224 с.
9. Круг С. Как сделать сайт удобным: юзабилити по методу Стива
Круга / Круг С. пер. с англ. – СПб: Символ Плюс, 2008. – 258 с
10. Купер А. Об интерфейсе. Основы проектирования
взаимодействия. пер. с англ. – М.: Символ-Плюс, 2017. – 472 с.
11. Лавдей Л. Проектирование прибыльных веб-сайтов. пер. с англ. –
М.: Манн, Иванов и Фербер, 2011. – 205 с.
12. Лебедев А. Руководство. Студия Артемия Лебедева, 2014. – 227 с.
13. Макнейл П. Настольная книга веб-дизайнера. пер. с англ. – М.:
Питер, 2013. – 181 с.
14. Маркотт И. Отзывчивый веб-дизайн. пер. с англ. – М.: Манн,
Иванов и Фербер, 2000. – 339 с.
15. Массель Г. Психологические аспекты пользовательского
интерфейса / Массель Г. – СПб: Символ Плюс, 2008. – 316 с
16. Матвеев Е. А. UX-стратегия. Чего хотят пользователи и как им
это дать / Матвеев Е. А. – Питер, 2017. – 536 с.
17. Морвиль П. Тотальная видимость / Морвиль П. СПб: Символ
Плюс, 2008. – 524с
18. Нильсен Я. Веб-дизайн. пер. с англ. – М.: Вильямс, 2010. – 362 с.
19. Норман Д. Дизайн привычных вещей. пер. с англ. – М.: Манн,
Иванов и Фербер, 2013. – 225 с.

60
 20. Планирование юзабилити-тестирования [Электронный ресурс]. –
Режим доступа: https://habr.com/company/mailru/blog/307556/. – Дата доступа:
29.03.2019.
21. Правила юзабилити: 10 основных правил [Электронный ресурс].
– Режим доступа: http://prozhector.ru/publications/vypusk-11-ot-31-iyulya/audit-
10-zolotykh-pravil-yuzabiliti. – Дата доступа: 12.04.2019..
22. Розенфельд Л., Морвиль П. Информационная Архитектура /
Розенфельд Л., Морвиль П. пер. с англ. – СПб: Символ Плюс, 2008. – 224с.
23. Румельт Р. Хорошая стратегия, плохая стратегия / Румельт Р –
М.: Манн, Иванов и Фербер, 2014. – 188 с.
24. Сеов С. Проектируем время: Психология восприятия времени в
программном обеспечении / Сеов С. – СПб: Символ Плюс, 2014 – 276с.
25. Сергеев С. Инженерная психология и эргономика / Сергеев С. М.:
Манн, Иванов и Фербер, 2015. – 414 с.
26. Сергеев С. Ф. Методы тестирования и оптимизации интерфейсов
информационных систем / Сергеев С. Ф. – Санкт-Петербург, 2013 – 33с.
27. Скотт Б. Проектирование веб-интерфейсов / Скотт Б. – СПб:
Символ Плюс, 2010 – 322с.
28. Томич М. Придумай. Сделай. Сломай. Повтори / Томич М. – М.:
Манн, Иванов и Фербер, 2012. – 349 с.
29. Унгер Р. UX-дизайн: практическое руководство по
проектированию опыта взаимодействия / Унгер Р. пер. с англ. – СПб: Символ
Плюс, 2011. – 190 с
30. Уолтер А. Эмоциональный веб-дизайн / Уолтер А. – М.: Манн,
Иванов и Фербер, 2012. – 388 с.
31. Уэйншенк С. Интуитивный веб-дизайн / Уэйншенк С. – М.
Эксмо-пресс, 2011 – 303с.
32. Хафф Д. Как лгать при помощи статистики / Хафф Д. – Москва,
2015 – 221с.
33. Чихольд Я. Новая типографика: руководство для современного
дизайнера / Чихольд Я. пер. с англ. – СПб: Символ Плюс, 2012. – 284 с
34. Что нужно знать о юзабилити аудите и анализе сайта?
[Электронный ресурс]. – Режим доступа: http://lemarbet.com/razvitie-internet-
magazina/yuzabil iti-sajta/#1. – Дата доступа: 12.04.2019.
35. Ярышевский Б.М. Формирование стратегии: теоретические
основы / Ярышевский Б.М. – Казань: Молодой ученый, 2017 – 11с.
36. Constable G. Talking to humans / Constable G. – New York, 2014 –
88p.
37. Ergonomics of human-system interaction — Part 11: Usability:
Definitions and concepts [Электронный ресурс]. – Режим доступа:

61
https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-2:v1:en. – Дата доступа:
12.04.2019.
38. Four Ways To Break Into User Experience [Электронный ресурс]. –
Режим доступа: http://www.usabilitycounts.com/2012/08/30/four-ways-to-break-
into-user-experience/. – Дата доступа: 12.04.2019.
39. Katz J. Designing information / Katz J. – New Jersey, 2012. – 76p.
40. Silver A. Form design petterns / Silver A. – Freiburg, 2018 – 384p.
41. Site speed [Электронный ресурс]. – Режим доступа:
https://www.microsoft.com/ru-ru/education/school-leaders/research.aspx. – Дата
доступа: 03.04.2019
42. System Usability Scale [Электронный ресурс]. – Режим доступа:
https://www.usability.gov/how-to-and-tools/methods/system-usability-scale.html.
– Дата доступа: 29.03.2019
43. The Use and Misuse of Focus Groups [Электронный ресурс]. –
Режим доступа: https://www.nngroup.com/articles/focus-groups/. – Дата
доступа: 29.03.2019.
44. The UX of Brokerage Websites [Электронный ресурс]. – Режим
доступа: https://measuringu.com/ux-brokerage/. – Дата доступа: 03.04.2019.
45. Usability.Ru – Articles - Usability methods of web-site study, Nic
Pokrovsky [Электронный ресурс]. – Режим доступа:
http://www.usability.ru/Arti cles/um.htm. – Дата доступа: 29.03.2019.
46. UX Crash Course: User Psychology [Электронный ресурс]. –
Режим доступа: https://medium.com/ux-crash-course-user-psychology. – Дата
доступа: 29.03.2019.
47. Young I. Mental models / Young I. – New York, 2012. – 144p.

62
 ПРИЛОЖЕНИЕ А

63
 ПРИЛОЖЕНИЕ Б
ПРИЛОЖЕНИЕ В

64
 ПРИЛОЖЕНИЕ Г

65
 ПРИЛОЖЕНИЕ Д
ПРИЛОЖЕНИЕ Е

66
 ПРИЛОЖЕНИЕ Ж

67
 ПРИЛОЖЕНИЕ З
ПРИЛОЖЕНИЕ И

68
69
 ПРИЛОЖЕНИЕ К

70
 ПРИЛОЖЕНИЕ Л

71