Проектирование интерфейсов и юзабилити-тестирование

1. Проектирование интерфейсов и юзабилити-тестирование

Подготовили магистранты группы №715001
Е.Э. Дмитренко
А.В. Бахир

2. Что сейчас будет…

3.

lingscars.com
О боже это же lingscars.com!
Прорывной! Революционный!
НОВЫЙ lingscars.com!

4.

lingscars.com
Поможет вам с выбором
машины своей мечты

5.

Пользовательская проблема?
Основная
проблема
пользователя,
у
пользователя есть деньги купить машину!
Он хочет быстро, надёжно и качественно
совершить сделку, возможно он ищет машину своей
мечты, ищет самый лучший сервис для покупки авто!
И данный пользователь с данной проблемой
заходит к мистеру Лингу!
И уже сталкивается с вопросами- «как?» и «что я
здесь делаю?»

6. Евгений Креведченко

Результаты наблюдения и опроса пользователя
Евгений Креведченко
23 года, Женат
Учится в БНТУ на Бизнес-администрирование
Продавец в «Брусничка»
Живет в обычной квартире, в районе Лошице.
Велосипед является основным видом транспорта
Мотивация
Поведение
Потребности
Поддерживает
физическую форму
Долгие часы учебы, интенсивные
исследования и написание отчетов
Выезжать семьей за
город на выходные
Старается хорошо учиться
Походы / кемпинг по выходным
С удобствами
передвигаться по городу

7. Вопрос Как?

• Вопрос отличный, как это сделать на данном сайте! У пользователя всегда есть выбор, который предоставил нам
великий торговец мистер Линг: «Попробовать воспользоваться списком который расположен на главной странице
сайта», «Зайти в каталоги сайта с сортировкой» или же «Связаться напрямую с самим Лингом для консультации». Так
же команда линга ведёт постоянные онлайн трансляции, что может быть полезным.

8.

Что слышит?
Что думает и чувствует?
Усталость после кручения педаль
Нет возможности выехать за город
Что видит?
Большая занятость
Жена требует машину
Кредиты / рассрочки
Друзья советуют купить самокат
Иногда начальник подвозит до
дома на машине
Успешные люди
Что говорит и делает?
Покупка тофу
Большой и богатый выбор
различных средств передвижения
Объезжает людей по дороге
максимально сблизившись с ними
но еще не врезаясь
Первый здоровается при встрече
Передвижение по городу на велосипеде
Боль
Опоздать на маршрутку
Разочарование в покупке
Быть интровертом
Быть обманутым цыганами
Неудобства при путешествии
Достижения
Быть на коне
Всегда оставаться в тонусе
Отдых за чертой города

9. Персонажи целевой аудитории

Основными персонажами являются совершенно-летние люди, имеющие право на покупку авто в данной стране. Выделим, к примеру,
двух случайных персонажей из основных фокус групп.
Первый персонаж:
ФИО: Джон Траволта;
Дата рождения: 18 февраля 1954 г.
Знак зодиака: Водолей;
Место рождения: Энглвуд, США;
Рост: 188;
Деятельность: актёр, писатель, кинопродюсер,
певец, танцор;
Семейное положение: женат на Келли Престон.
Взаимодействия с сайтом:
-
Просмотр каталогов.
-
Просмотр спецификации товара.
-
Поиск контактной информации.
Неудовлетворённости и ожидания:
-
Неудобный интерфейс, постоянное отвлечение внимание баннерами.
-
Ожидался удобный поисковик.

10. Персонажи целевой аудитории

Второй персонаж:
ФИО: Капленожка Изуида Петровна;
Дата рождения: 10 Ноября 2000 г.
Знак зодиака: Скорпион;
Место рождения: Париж, Витебская область, Беларусь;
Рост: 165 ;
Деятельность: Студент;
Семейное положение: Жена олигарха из эфиопии.
Взаимодействия с сайтом:
-
Просмотр онлайн трансляции.
-
Просмотр каталогов.
-
Просмотр видеозаписей Линга.
-
Игры в флеш-приложения Линга.
Неудовлетворённости и ожидания:
-
Зачем я зашла на данный сайт, что хотела купить уже не помню;
-
Мало флеш-игр;
-
Песни караоке не понравились;
-
Ожидание: вроде бы ожидалось рассмотреть покупку машины..

11. Взглянем на ситуацию с другой стороны

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

12. Пользовательские потребности

Более быстрый поиск
автомобиля.
Флэш-игры? Больше флэшигр!.
Как пользователь хочу
купить машину в пару
кликов.
Удобный и адаптивный
интерфейс.
Быстрый доступ к
информации сайта.
Больше видео! Больше
караоке выступлений!
Чат с командой Линга
прямо на сайте!
Как пользователь хочу
удобную систему скидок у
данного диллера.

13. Интеллект-карта

покупка
машины

14.

15. Список заданий для тестирования:

• Список заданий для тестирования функциональной единицы(в скобках даны пути решения):
• 1) Бывает часто, что все задают одни и те же вопросы, для этих целей создана FAQ
• (“cars” =>”FAQ's”)
• 2) Каждый кто ищет себе машину, ищет ее подешевле, а вы ищете HONDA civic и именно на этом сайте. (“Cars+vans” =>
“Extra Cheap Deals”)
• 3) Хотите получить отзыв о машине? Пожалуйста! Тут есть и такая функция!
• (“cars” => ” Quote”)
• 4) Но как же быть если ты хочешь связаться с владельцем данного сайта и все ему высказать? На этом сайте есть страница
с контактными данными владельца сайта.
• (“Cars and Vans” => “My Location”)
• 5) Если вы вдруг решили купить машину именно на этом сайте, то как быть с доставкой? На этом сайте есть целая
инструкция для этого! (“Cars and Vans ” => “Car Delivery Surveys ”)

16. Список заданий для тестирования:

• 6) Не знаете как работает арендный договор у Лина, наш велико-уважаемый Лин, сделал целую страничку с пояснениями и
видео туториалом (“cars” => “ How it works ”)
• 7) А вы знали что Лин так же умеет делать игры? Нет? Ну так вот, у него есть целая игра с тематикой сайта! Правда только
для IOS но все же! (“Fun stuff” => “Stupid Crash Game”)
• 8) Так же можно посетить страницу с записями лекций от самого Лина!
• (“Fun stuff” => “Ling's Movies”)
• 9) Вы не знаете, как найти Лина в google или других поисковых система? Ничего страшного, Лин потрудился составить
список популярных запросов, что бы вы попали именно на него.
• (“Customers” => “Who is on my page?”)
• 10) У Лина есть хорошая знакомая Кристина Ван которая не плохо поет и помогает ему находить клиентов, специально для
нее, он сделал страничку с ее записями, не веришь? Пройди в “Karaoke madness”
• (“Fun stuff” => “Karaoke Madness” )

17. Опросный текст после прохождения тестов:

Исходя из списка заданий, был составлен опросник. Поставить галочку рядом с выбранными
вами вариантами ответа.
1) Какие три слова Вы бы использовали, чтобы описать сайт, особенно систему навигации?
- ЧТО ЭТО БЫЛО?! О_О
___
- Удобно, качественно, легко ___
- Больше, сюда, ни ногой
___
- сверхсложный, разочаровывающий, требует больших усилий ___
- не могу ничего придумать! ___
- ясный, продвинутый, хорошие цвета;
2) Есть ли что-нибудь, что как Вы думаете, должно быть представлено по-другому?
- Переработанная цветовая палитра, шрифты задний фон
___
- Более проработано навигационная панель, не всегда ясно что есть что
___
- Исключить не нужную информацию с сайта (Игры, Видео не относящееся к тематике
сайта) ___
- нет
___
- Затрудняюсь с ответом
___
3) После работы с этим вебсайтом в течение некоторого количества времени. Кажется ли
Вам его содержание понятным?
- Определенно да!
___
- да
___
- возможно
___
- нет
___
- категорически нет!
___
4) Посоветуете ли вы этот сайт близким знакомым?
- Определенно да!
___
- да
___
- возможно
___
- нет
___
- категорически нет!
___
5) Была ли вам полезна информация найденная вами
- Определенно да!
___
- да
___
- возможно
___
- нет
___
- категорически нет!
___
Полный список вопросов
опросника, приложен в
формате doc.

18. Оценка функциональной единицы сайта с точки зрения критериев юзабилити:

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

19. Общая оценка сайта:

• Сайт хоть и наполнено большим обилием информации и имеет очень
функциональный набор инструментов навигации по нем. Но
ориентация по сайту и поиск чего-то конкретного ввергает
пользователя в пучину отчаяния, особенно после того, как
пользователь смотрит на этот сайт, в котором полно мигающих
баннеров броских цветовых гамм и ядовитых шрифтов.
• Данным сайтом лучше ознакамливаться только тогда, когда вы
хотите узнать как не стоит разрабатывать сайты! Но по сравнению с
предыдущей версией сайта, с который мы знакомились в 2015 году,
стоит заметить, что у пользователей заметен хороший прирост в
скорости и точности, нахождения нужной ему информации, что явно
пошло в плюс сайту. Но ядовитые цвета и баннеры, всё так же
отвлекают пользователя от работы.

20. Вывод:

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

21.

Спасибо за внимание