1. Дизайн и юзабилити
интернет-магазина
Егор Стремоусов
Креалинк

2. Amazon.com, The $300 Million Button
Форма входа на сайт до изменений
Адрес электронной почты:
Войти
Пароль:
Зарегистрироваться
Забыли пароль?

3. Amazon.com, The $300 Million Button
Форма входа на сайт после изменений
Зарегистрироваться
Продолжить >
Чтобы сделать покупку на нашем сайте, регистрация не обязательна.
Просто нажмите кнопку «Продолжить», чтобы перейти к оформлению
заказа.
Для того, чтобы ваши будущие покупки происходили еще быстрее,
вы можете создать учетную запись на этапе оформления заказа.

4. Amazon.com, The $300 Million Button
Результат
1. Количество покупок выросло на 45%
2. Дополнительные покупки принесли больше
$15 000 000 за первый месяц
3. Дополнительная прибыль за год составила
$300 000 000

5. Дизайн
Определение
Веб-дизайн (от англ. Web design)
— отрасль веб-разработки и разновидность
дизайна,
в задачи которой входит проектирование
пользовательских веб-интерфейсов для сайтов
или веб-приложений.

6. Дизайн
Определения
Дизайн — это проектирование
Дизайнер — это инженер

7. Результат дизайна —
это проект
Дизайн
Проект
(проектирование)

8. Дизайн интернет-магазина
Рисунок, схема, прототип, графический файл и др.

9. Проект моста
Пример другого вида инженерной деятельности

10. Дизайн
Принципы хорошего дизайна
Хороший дизайн имеет обоснование
предлагаемых проектных решений

11. Целеориентированное проектирование
Алана Купера http://www.mindmeister.com/114830993
1. Исследования
Количественные, качественные, фокус-группы, демография и пр.
2. Моделирование
Персонажи, модели бизнес-процессов, физические модели и пр.
3. Выработка требований
Задача и образ сайта, мозговой штурм, сценарии использования,
выявление ожиданий персонажей, выявление потребностей
4. Проектирование инфраструктуры
Инфраструктура взаимодействия, визуальная и физическая инфраструктура.
5. Детализация
Детализация прототипов, создание гайдлайнов
6. Сопровождение проектирования
Поддержание концептуальной целостности дизайна продукта в условиях
меняющихся технологических ограничений

12. Основа для дизайна —
исследования
Исследования
Дизайн
Проект
(проектирование)

13. Дизайн
Принципы хорошего дизайна
Хороший дизайн имеет оценку
внедряемых проектных решений

14. Юзабилити
Определение
Юзаби́ лити (от англ. Usability) согласно ISO 9241-11
— степень, с которой продукт может быть
использован определёнными пользователями
при определённом контексте использования
для достижения определённых целей
с должной эффективностью, успешностью
и удовлетворённостью

15. Юзабилити
Определение
Юзабилити
— это степень
— это комплексная оценка
Условия: Метрики:
● Пользователи ● Эффективность
● Контекст ● Успешность
● Цели ● Удовлетворенность

16. Аудит юзабилити —
это процедура фиксации юзабилити-метрик
1. Общие сведения
Цели и задачи аудита, Информация о заказчике и исполнителе,
Сроки проведения
2. Юзабилити-тестирование
Резюме, Проблемы, Количественные данные, Методика
эксперимента и условия теста, Анкетирование, Описание
тестовых сценариев, Описание респондентов
3. Экспертная оценка юзабилити
Постановка задачи, Методология оценки, Результаты
4. Рекомендации

17. Аудит — это проверка гипотезы
Секрет кнопки на $300 000 000
Исследования Аудит юзабилити
Дизайн
Проект
(проектирование)

18. Исследования Аудит юзабилити
Дизайн
Проект
(проектирование)

19. Дизайн
(проектирование)
Исследования
(Аудит юзабилити)

20. Спасибо
за внимание
КРЕАЛИНК Егор Стремоусов
ул. Пирогова, д. 24, оф. №1 +7 (904) 963-87-02
+7 (3843) 60-14-77 stremousov@crealink.ru
www.crealink.ru company@crealink.ru