Проектирование и разработка интерфейсов пользователя

1. Проектирование и разработка интерфейсов пользователя

Тема: Поисковая система для приобретения комплектующих для ПК
Ученик: Новиков Иван Александрович
Группа: ИСВ-31

2. Проблема

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

3. Цель проекта

•Облегчить поиск комплектующих
•Собрать информацию из разных магазинов
•Упростить выбор и сравнение

4. Портреты пользователей

Портрет пользователя №1 — Новичок, собирающий
первый ПК
Возраст: 16–25
Опыт: минимальный, плохо разбирается в совместимости
комплектующих
Цель: собрать недорогой, но мощный компьютер
Проблемы:
• не понимает, какие комплектующие
совместимы
• сложно выбирать среди множества моделей
боится переплатить
Что ему нужно: простой интерфейс, фильтры по цене,
советы, подсказки, рейтинги.
Портрет пользователя №2 — Энтузиаст / Геймер
Портрет пользователя №3 — Сборщик ПК
(полупрофессионал)
Возраст: 25–45
Опыт: высокий
Цель: быстро подобрать совместимые
комплектующие клиентам
Проблемы:
• нет единой базы, приходится использовать
много сайтов
• не всегда указана гарантированная
совместимость
Что ему нужно: мощные фильтры, подбор
комплектующих по сокету/чипсету, быстрый
каталог, наличие в разных магазинах.
Возраст: 18–35
Опыт: средний или высокий
Цель: найти лучшую видеокарту или процессор по
цене/качеству
Проблемы:
• долго сравнивать разные магазины
• сложно найти актуальную цену
Что ему нужно: детальные характеристики, сравнение,
информация о продавце, отзывы.

5. Пользовательские истории

•Как новичок, хочу быстро найти товары…
•Как геймер, хочу сравнить характеристики…
•Как сборщик, хочу видеть цены из разных магазинов…

6. Карта пути пользователя

Этап
Действия
Цели
Проблемы
Ощущения
Осознание
потребности
смотрит обзоры, получает
советы, сталкивается с
проблемой
производительности
понять, что ему нужен
новый комплектующий
(видеокарта, СУП, ОЗУ)
большой выбор, непонятные
характеристики
неуверенность, много
информации, сложно
выбрать
Поиск решения
вводит запросы «купить
видеокарту», «подбор
комплектующих».
найти сайт или сервис,
который поможет подобрать
комплектующие
нет универсального поиска
по всем магазинам
тревога — много сайтов,
много рекламы
Взаимодействие с
сервисом
вводит модель в поисковую
строку
использует фильтры (цена,
производитель, объём
памяти)
быстро найти нужный товар
неочевидные фильтры,
видимость характеристик
если интерфейс простой —
облегчение, если сложный
— раздражение
Просмотр результатов
листает карточки
выбирает магазины
анализирует цены
сравнить варианты
разные магазины,
непонятно, где дешевле, нет
проверки совместимости
надежда, что найдёт
«лучший вариант»
Выбор товара
читает характеристики
сравнивает с аналогами
смотрит наличие
убедиться, что
комплектующий подходит
нет удобной таблицы
сравнения, нет подсказок о
совместимости
сомнения перед покупкой.
Переход к покупке
Переходит в магазин и
оформляет заказ
купить товар по лучшей цене
иногда цена в магазине
отличается от результата
поиска
удовлетворение, если всё
просто
После покупки
оставляет отзыв, делится
опытом
убедиться, что покупка
удачна
отсутствие обратной связи от
сервиса
счастье, если всё подошло;
разочарование, если нет

7. Требования к интерфейсу (GUI)

•Простота
•Большая поисковая строка
•Карточки товаров
•Подключение магазинов
•Проверка совместимости

8. Низкодетализированный прототип

9. Среднедетализированный прототип

10. Высокодетализированный прототип (Hi-Fi)

11. Пример работы интерфейса

12. Итоги

•Создана концепция
•Выполнено исследование пользовательского опыта
•Разработаны 3 уровня прототипов
•Создан интерактивный элемент