Презентация на тему Usability. Сайт

USABILITY СайтМеню + главнаяВывести каталог 1 уровня в менюРазворот при наведении/ Переход в раздел СайтФормат всплывающего менюВозможность загрузки видео в слайдере на главнойАдаптивность СайтКаталогПодгрузка размерного ряда+ Быстрый выбор цвета и размераСортировка (упорядочить) – справа вверхуДоработка фильтра СайтПример раскрывающегося меню «фильтр» СайтКарточка товараФото увеличить , поставить по 2 в ширинуВозможность просмотра фото во весь СайтРеализовать схему подбора размера в формате Калькулятора (пошагово) – пример: сервис FitFinder = СайтКаталогПри нажатии на фото не перейдет в полноэкраннный режим только нажав плюс Смотрим СайтКаталогВозможность просмотра товара во весь экран при клике на фото в карточке товара СайтПОИСКРеализовать возможность ввода артикула в строке сразу в поле ПоискаУ нас это выполнено

Слайды и текст этой презентации

Слайд 1


USABILITY

USABILITY

Слайд 2




Сайт
Меню + главная
Вывести каталог 1 уровня в меню
Разворот при наведении/

СайтМеню + главнаяВывести каталог 1 уровня в менюРазворот при наведении/ Переход в раздел по
Переход в раздел по 1 клику
Доступность с любой страницы сайта
Фиксируется при скроллинге в верхней части на всю ширину экрана
При этом оставляем дублирование каталога в левой части экрана
В каждой категории добавить подразделы
Телефон, кнопка Like, корзина, ЛК – в правой верхней части наравне с лого
Лого в центре
Сделать 6 блоков по ассортиментным направления (сорочки , брюки и т.п.) с прямым переходом в раздел каталога данного ассортимента.

Слайд 3




Сайт

Формат всплывающего меню



Возможность загрузки видео в слайдере на главной
Адаптивность

СайтФормат всплывающего менюВозможность загрузки видео в слайдере на главнойАдаптивность

Слайд 4




Сайт

Каталог
Подгрузка размерного ряда
+ Быстрый выбор цвета и размера
Сортировка (упорядочить) –

СайтКаталогПодгрузка размерного ряда+ Быстрый выбор цвета и размераСортировка (упорядочить) – справа вверхуДоработка фильтра Реализация
справа вверху
Доработка фильтра
Реализация через поп-ап
Вывести в правую верхнюю часть каталога
Добавить значения (состав ткани, полнотность)

Слайд 5




Сайт
Пример раскрывающегося меню «фильтр»

СайтПример раскрывающегося меню «фильтр»

Слайд 6




Сайт
Карточка товара

Фото увеличить , поставить по 2 в ширину
Возможность просмотра

СайтКарточка товараФото увеличить , поставить по 2 в ширинуВозможность просмотра фото во весь экран
фото во весь экран при нажатии (как на урбане)
Описание поднять выше – справа от фото
Добавить поле «Наличие в магазинах» (ручное скрытие в случае нереализ.функционала и отсутствия интеграции)




Слайд 7




Сайт
Реализовать схему подбора размера в формате Калькулятора (пошагово) – пример:

СайтРеализовать схему подбора размера в формате Калькулятора (пошагово) – пример: сервис FitFinder = 50
сервис FitFinder = 50 000 USD в год – предложить свое решение
Примеры – магазин Массимо Дутти
Сделать возможным сохранение параметров в Личном Кабинете клиента

Слайд 8




Сайт
Каталог

При нажатии на фото не перейдет в полноэкраннный режим только

СайтКаталогПри нажатии на фото не перейдет в полноэкраннный режим только нажав плюс Смотрим пример
нажав плюс
Смотрим пример след. слайда




Слайд 9




Сайт
Каталог

Возможность просмотра товара во весь экран при клике на фото

СайтКаталогВозможность просмотра товара во весь экран при клике на фото в карточке товара
в карточке товара



Слайд 10




Сайт
ПОИСК
Реализовать возможность ввода артикула в строке сразу в поле Поиска
У

СайтПОИСКРеализовать возможность ввода артикула в строке сразу в поле ПоискаУ нас это выполнено через
нас это выполнено через открытие поп-апа, которое закрывает обзор и уводит клиента из каталога




ДОСТАВКА
Сделать раздел «Доставка» интерактивным
Изменение условий в завис. От региона пользователя
Вывод всех ПВЗ в регионе пользователя на карту сразу на странице «Доставка» (не уводить на карту)

  • Имя файла: usability-sayt.pptx
  • Количество просмотров: 16
  • Количество скачиваний: 0