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

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

Upload: egor-stremousov

Post on 12-Jun-2015

2.322 views

Category:

Documents


4 download

TRANSCRIPT

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

Дизайн и юзабилити интернет-магазина

Егор СтремоусовКреалинк

Page 2: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Адрес электронной почты:

Пароль:

Войти

Зарегистрироваться

Забыли пароль?

Amazon.com, The $300 Million ButtonФорма входа на сайт до изменений

Page 3: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Amazon.com, The $300 Million ButtonФорма входа на сайт после изменений

Продолжить >

Зарегистрироваться

Чтобы сделать покупку на нашем сайте, регистрация не обязательна. Просто нажмите кнопку «Продолжить», чтобы перейти к оформлению заказа. Для того, чтобы ваши будущие покупки происходили еще быстрее, вы можете создать учетную запись на этапе оформления заказа.

Page 4: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Amazon.com, The $300 Million ButtonРезультат

1. Количество покупок выросло на 45%2. Дополнительные покупки принесли больше $15 000 000 за первый месяц

3. Дополнительная прибыль за год составила $300 000 000

Page 5: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ДизайнОпределение

отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.

Веб-дизайн (от англ. Web design)

Page 6: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ДизайнОпределения

Дизайн — это проектирование

Дизайнер — это инженер

Page 7: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Результат дизайна —это проект

Дизайн(проектирование) Проект

Page 8: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

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

Page 9: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

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

Page 10: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ДизайнПринципы хорошего дизайна

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

Page 11: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

3. Выработка требований Задача и образ сайта, мозговой штурм, сценарии использования, выявление ожиданий персонажей, выявление потребностей

Целеориентированное проектированиеАлана Купера

1. Исследования Количественные, качественные, фокус-группы, демография и пр.

2. Моделирование Персонажи, модели бизнес-процессов, физические модели и пр.

5. Детализация Детализация прототипов, создание гайдлайнов

4. Проектирование инфраструктуры Инфраструктура взаимодействия, визуальная и физическая инфраструктура.

6. Сопровождение проектирования Поддержание концептуальной целостности дизайна продукта в условиях меняющихся технологических ограничений

http://www.mindmeister.com/114830993

Page 12: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Основа для дизайна —исследования

Дизайн(проектирование) Проект

Исследования

Page 13: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ДизайнПринципы хорошего дизайна

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

Page 14: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ЮзабилитиОпределение

степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, успешностью и удовлетворённостью

Юзаби́лити (от англ. Usability) согласно ISO 9241-11

Page 15: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

ЮзабилитиОпределение

Юзабилити — это степень

— это комплексная оценка

Условия:● Пользователи● Контекст● Цели

Метрики:● Эффективность● Успешность● Удовлетворенность

Page 16: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Аудит юзабилити —

1. Общие сведенияЦели и задачи аудита, Информация о заказчике и исполнителе, Сроки проведения

2. Юзабилити-тестированиеРезюме, Проблемы, Количественные данные, Методика эксперимента и условия теста, Анкетирование, Описание тестовых сценариев, Описание респондентов

3. Экспертная оценка юзабилитиПостановка задачи, Методология оценки, Результаты

4. Рекомендации

это процедура фиксации юзабилити-метрик

Page 17: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Аудит — это проверка гипотезыСекрет кнопки на $300 000 000

Дизайн(проектирование) Проект

Исследования Аудит юзабилити

Page 18: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Дизайн(проектирование) Проект

Исследования Аудит юзабилити

Page 19: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Дизайн(проектирование)

Исследования(Аудит юзабилити)

Page 20: Егор Стремоусов. Дизайн и юзабилити интернет-магазина

Спасибо

КРЕАЛИНК

ул. Пирогова, д. 24, оф. №1

+7 (3843) 60-14-77

www.crealink.ru

Егор Стремоусов

+7 (904) 963-87-02

[email protected]

[email protected]

за внимание