Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Интерфейсы современного магазина: решаем боли пользователя и получаем взаимную
Содержание
- 1. Интерфейсы современного магазина: решаем боли пользователя и получаем взаимную
- 2. adn.agencyКоманда ADNНаша любовь — продуманные, проработанные сайты,
- 3. adn.agencyОсновные принципы создания интерфейсов для современного магазина
- 4. adn.agencyПринцип №1. Убираем все лишние элементы с конверсионных страницПримеры:Минималистичная корзина Минималистичный чекаут
- 5. adn.agencyПринцип №2. Заботимся о пользователе и помогаем емуПримеры:Подборщики товараКонфигураторы
- 6. adn.agencyПринцип №3. Автоматизируем все, что можно автоматизироватьПримеры:Определение способов доставкиРасчет стоимости доставкиДопродажа услуг, аксессуаров
- 7. adn.agencyПринцип №4. Анализируем эффективность сайта. Исследуем, строим гипотезы, улучшаемПримеры:Смотрим данные из систем аналитикиОбщаемся с бизнесомСмотрим конкурентов
- 8. adn.agencyСовременные тренды в e-commerce
- 9. adn.agencyСовременные классические магазины
- 10. adn.agencyПочему так?Борьба за конверсию привела к унификации интерфейсов
- 11. adn.agencyСовременный тренд для монобрендаПромо-магазин - новый формат
- 12. adn.agencyКейс 1. Olivier Lapidus
- 13. adn.agencyКейс 2. Mowellens
- 14. adn.agencyКейс 3.HILLMANN LIVING
- 15. adn.agencyКак мы проектируем интернет-магазиныКакие проблемы решает проектирование?
- 16. adn.agencyКак мы проектируем интернет-магазины1. Аналитика2. Визуализация
- 17. adn.agencyАналитика. Концепция продуктаОписание продукта - о продукте
- 18. adn.agencyАналитика. Выявление требованийОсновной инструмент - бизнес-интервью. Задаем
- 19. adn.agencyАналитика. Анализ конкурентов
- 20. adn.agencyАналитика. Анализ конкурентовКакие проблемы решает:Формирование УТП магазина,
- 21. adn.agencyАналитика. Анализ целевой аудитории
- 22. adn.agencyАналитика. Анализ целевой аудиторииКакие проблемы решает:Позволяет определить
- 23. adn.agencyАналитика. CJM
- 24. adn.agencyАналитика. CJMКакие проблемы решает:Визуализация основных шагов в
- 25. adn.agencyАналитика. MindmapКарта идей. Тут визуализируем структуру проекта,
- 26. adn.agencyАналитика. MindmapКакие проблемы решает:Получаем полностью готовую к
- 27. adn.agencyВизуализация. ПрототипированиеAxureКлассические крупные магазиныSketch + Invision + PrincipleПромо-магазины
- 28. adn.agencyВизуализация. ПрототипированиеКакие проблемы решает:Визуализация базовой логики и
- 29. adn.agencyВизуализация. Функциональные спецификацииВ зависимости от проекта подбираем оптимальный набор документов
- 30. adn.agencyВизуализация. Функциональные спецификацииКакие проблемы решает:Фиксация требований и
- 31. adn.agencyКак улучшать интернет-магазины?Data-Informed Design - дизайн с
- 32. adn.agencyСтроим гипотезы. Где брать данные?Данные из систем
- 33. adn.agencyСтроим гипотезы. Как отрабатывать?Гипотеза не несет крупных
- 34. adn.agencyКейс. ЗадачаУвеличить конверсию на форме оформления заказа
- 35. БылоСтало
- 36. adn.agencyКейс. РешениеАвтоматизировать чекаут, определяя город и выводя
- 37. Спасибо! Вопросы?Игорь ГлотовПроектировщик в ADN Digital Studio
- 38. Скачать презентанцию
adn.agencyКоманда ADNНаша любовь — продуманные, проработанные сайты, где долгие часы проектирования и проверки гипотез сплетаются с современными технологиями и вау-эмоциями.То, что у нас получается лучше всего — промосайты, ecommerce, сайты
Слайды и текст этой презентации
Слайд 1Интерфейсы современного магазина: решаем боли пользователя и получаем взаимную выгоду.
Игорь
Глотов
Слайд 2adn.agency
Команда ADN
Наша любовь — продуманные, проработанные сайты, где долгие часы
проектирования и проверки гипотез сплетаются
с современными технологиями и вау-эмоциями.
То,
что у нас получается лучше всего — промосайты, ecommerce, сайты строительного сегмента.18 чел
с 2002 года
Слайд 4adn.agency
Принцип №1. Убираем все лишние элементы с конверсионных страниц
Примеры:
Минималистичная корзина
Минималистичный чекаут
Слайд 5adn.agency
Принцип №2. Заботимся о пользователе и помогаем ему
Примеры:
Подборщики товара
Конфигураторы
Слайд 6adn.agency
Принцип №3. Автоматизируем все, что можно автоматизировать
Примеры:
Определение способов доставки
Расчет стоимости
доставки
Допродажа услуг, аксессуаров
Слайд 7adn.agency
Принцип №4. Анализируем эффективность сайта. Исследуем, строим гипотезы, улучшаем
Примеры:
Смотрим данные
из систем аналитики
Общаемся с бизнесом
Смотрим конкурентов
Слайд 11adn.agency
Современный тренд для монобренда
Промо-магазин - новый формат взаимодействия с пользователем
в e-commerce
Построен вокруг продукта
Привлекает внимание
Запоминается
Побуждает к действию
Слайд 15adn.agency
Как мы проектируем интернет-магазины
Какие проблемы решает проектирование?
Снижает риски
Позволяет
точно просчитать стоимость продукта
Дает понимание того, как будет работать магазин
Экономит время и деньги
Слайд 17adn.agency
Аналитика. Концепция продукта
Описание продукта - о продукте в одном абзаце
Целевая
аудитория - коротко, если нет времени описывать детально
Текущее состояние, проблемы,
целиГипотеза - предполагаемый сценарий решения
Примерная структура
Примерный функционал
Примеры решений
Слайд 18adn.agency
Аналитика. Выявление требований
Основной инструмент - бизнес-интервью. Задаем вопросы следующего плана:
Цели
и задачи
Компания
Конкуренты
Сроки разработки
Основные каналы продвижения
Существует ли магазин в каком-то виде,
есть ли данные из систем аналитики?
Слайд 20adn.agency
Аналитика. Анализ конкурентов
Какие проблемы решает:
Формирование УТП магазина, сделать на нем
акцент
в интерфейсе
Позволяет отметить интересные фишки, и интерфейсные решения
Оценить маркетинговую
составляющую и ценовую политику
Слайд 22adn.agency
Аналитика. Анализ целевой аудитории
Какие проблемы решает:
Позволяет определить основные типы покупателей
магазина (розница, опт, дилеры и т.д.)
Позволяет определить основные задачи и
сценарии взаимодействия с магазином
Слайд 24adn.agency
Аналитика. CJM
Какие проблемы решает:
Визуализация основных шагов в сценариях пользователей
Поможет в
проверке прототипа на логические ошибки
Позволит отметить слабые места в сценариях,
и послужит основой в их улучшении
Слайд 25adn.agency
Аналитика. Mindmap
Карта идей. Тут визуализируем структуру проекта, а так же
фиксируем гипотезы, мысли, идеи которые возникали у нас в ходе
работ по аналитике.
Слайд 26adn.agency
Аналитика. Mindmap
Какие проблемы решает:
Получаем полностью готовую к продвижению структуру магазина
Основа
для создания качественного интерфейса магазина
При сжатых сроках можно показать разработчикам
и начать сборку
Слайд 27adn.agency
Визуализация. Прототипирование
Axure
Классические крупные магазины
Sketch + Invision + Principle
Промо-магазины
Слайд 28adn.agency
Визуализация. Прототипирование
Какие проблемы решает:
Визуализация базовой логики и ключевых сценариев использования
магазина
Позволяет избежать логических ошибок
Позволяет протестировать интерфейсы магазина на пользователях
Основа для
создания дизайна При сжатых сроках можно показать разрабам и начать сборку
Позволяет точно оценить стоимость разработки
Слайд 29adn.agency
Визуализация. Функциональные спецификации
В зависимости от проекта подбираем оптимальный набор документов
Слайд 30adn.agency
Визуализация. Функциональные спецификации
Какие проблемы решает:
Фиксация требований и описание функциональной и
интерфейсной части магазина
В связке с прототипами любая команда разработки может
начать делать магазин
Слайд 31adn.agency
Как улучшать интернет-магазины?
Data-Informed Design - дизайн с учетом данных
Петля улучшений
- плавный метод
развития продукта на основе
данных и постоянных экспериментов, опросов
и наблюдений
Слайд 32adn.agency
Строим гипотезы. Где брать данные?
Данные из систем аналитики
Конкуренты
Общение с отделами
бизнеса (тех поддержка, маркетинг, логистика)
Опросы пользователей в ПВЗ/Торговых точках
Слайд 33adn.agency
Строим гипотезы. Как отрабатывать?
Гипотеза не несет крупных структурных изменений -
можно не проектировать. Проектировщик помогает
с компоновкой и логикой
Гипотеза несет
крупные структурные изменения - нужно проектировать и по возможности тестировать на прототипе
Слайд 34adn.agency
Кейс. Задача
Увеличить конверсию на форме оформления заказа
40%
пользователей уходили на
этом шаге воронки
При детальном анализе в системе аналитики выяснили, что
больше всего времени у пользователей уходит на то чтобы разобраться со способами доставки и оплаты.
Слайд 36adn.agency
Кейс. Решение
Автоматизировать чекаут, определяя город и выводя только ту информацию
которая необходима пользователю из данного региона по способам доставки, стоимости.
на 8%
сократилось число брошенных корзин
на 1 мин
сократилось время заполнения формы
