Дизайн интернет магазина Основные прототипы применяемые на различных масштабах Калимуллин К.Г.AdVantShop.NET

1. Основные прототипы применяемые на различных масштабах
Калимуллин К.Г.AdVantShop.NET

2. Удобныйинтернет-магазин.
О чём говорим?
Главная страница
Каталог, Фильтры
Акценты, визуалы
Разные масштабы

4. Вечныйспор!
Простота = легкость для
восприятия
Одна простая идея
эффективнее
Это обязательно должно
быть на главной.
Выжать по максимуму.

6. Тезис-аксиома
Чем удобнее магазин, тем
лучше

7. Какпонятьчтонетак?
Статистика, Визор
Опытные люди, изучаем
тренды
Ищем гармонию. 7+-2,
ограниченная палитра.
Простота лучше!
Все сомнения в сторону нет.
Экспертное
мнение
Тесты на
потребителей
Гармония

8. Пример
Шапка
Навигация
Визуал
Спец.предложение
Блоки
Подвал(навигация)

9. Примерглавной(разбор)

10. Примерглавной(разбор)

11. Примерглавной(разбор)

12. Пример главной

13. Пример главной

14. Советыпоглавной
На главной должно быть что-то
самое главное!
Простота лучше!(вспомните про
логотип Microsoft и Adobe). Всё
идёт к простоте.
Всё гениальное – просто, но не всё
простое – гениально. (с)
Эйнштейн.
Что самое
главное?
Как сделать еще
проще?
Ищем гармонию

16. Бедыкаталогов
Попытка структурировать каталог
из back-end.
Категории в одном списке не
однородны(машины, техника, для
мужчин, зеленые).
Нарушения гармонии каталога(30
категорий в одном, а в другом 2).
Отсутствия контекста.
А где это лежит?
А у них это есть?

17. Фильтры,сравнения
1. Фильтры большие
2. Результат выдаёт нулевой
результат.
Что лучше?

18. Разнотипнаяструктуризация
1. Не использование нескольких
разный структуризаций, когда
это необходимо (категории,
бренд, назначение).
2. Не удобная
категоризация/смешение
А я хочу искать по
другому. Как?

19. Поиск
1. Попытка решить поиском не
умение классифицировать
товар
2. Боязнь использовать
расширенный поиск/поиск по
ключевому полю.
А я хочу искать
просто. Как?

21. Примеры

22. Примеры

23. Примеры

24. Примеры

25. Примеры(категория)

26. Примеры(фильтр)

27. Примеры(категории)

28. Примеры(поиск)

30. Подводныекамниакцентов,визуалов
1. Центральный визуальный
баннер.
2. Баннеры на сайтах(низкая
конверсия).
3. Выделить товар в списке
категорий.
4. Предложить альтернативные
предложения.
Выделить главное
Предложить
альтернативу
Сфокусировать
внимание.

31. Примерыглавногопредложения

32. Примерыакцентов

33. Примерыакцентов

34. Примерыакцентов

35. Небойтесьиспользоватьвизуалы

38. Правильновыбирайтемасштаб
магазина
Масштаб (подходы к удобству)
определяются масштабом
магазина
У каждого подхода свои решения
Не бойтесь казаться маленьким
магазином.Специализация лучше
попыток догнать монстров.
Удобство

39. Одинтовар–однастраница
Одна страница.
Один товар

40. До10товаров
Одна/две страницы до товара.
Примитивная категоризация (2
категории)
Десять товаров
2 категории

41. До100товаров
Две/три страницы до товара.
Одноуровневая категоризация.
Категории и ведущие товары на
главной.
100 товаров
Одноуровневая
категоризация

42. До1000товаров
Две/Три страницы.
Трехуровневая категоризация.
Дополнительная корневая
категоризация каталога
(например, по типу и по бренду).
Категории и ведущие товары на
главной.
Поиск.
1000 товаров
Двухуровневая
категоризация

43. До10000товаров
Две/три страницы до товара.
Трёхуровневая категоризация
Два корневых каталога (например,
по типу, по бренду, назначению).
Категории развернутые на
главной.
Поиск контекстный
<10000 товаров
Два корневых
каталога
Поиск

44. Свыше10000товаров
Две/три страницы до товара.
Трёх-четырехуровневая
категоризация
Два-три корневых каталога
(например, по типу, по бренду,
назначению).
Категории, развернутые на
главной.
Поиск контекстный.
Поиск по ключевому полю(полям),
например, номер запчасти, и/или
дата.
> 10000 товаров
Два-три корневых
каталога
Поиск по
ключевым полям

45. Создавайтеценность!
Удобство – это ценность. Спасибо!
Камиль Калимуллин
@buxler
kamil@itmcompany.ru