Similar presentations:
Проектирование интерфейсов и юзабилити-тестирование
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. Вывод:
• В ходе выполнения данной работы, было потрачено не мало сил, иразрушена не одна психика, но все же мы смогли выполнить
юзабилити тесты отдельно взятой, функциональной единицы,
провести тесты этой единицы, выявить достоинства и недостатки.
Понять основные критерии юзабилити.
• Сайт с течением времени стал более удобным, но всё ещё оставляет
желать лучшего, дабы сайт был удобным для пользователя, его
следует делать менее броским, а названия пунктов сделать понятными
обыденным пользователям. В целом сайт прогрессирует, если хорошо
поискать, можно найти старую версию сайта и увидеть явную разницу,
но всё ещё, если мягко выразиться, сайт далёк от идеала, учитывая,
что рынок на который ориентирован данный сайт находится в Англии.