Интерфейсы для реального мира (часть 1) - оформление...

Post on 16-Jun-2015

310 views 5 download

Transcript of Интерфейсы для реального мира (часть 1) - оформление...

Интерфейсы для реального мира - часть 1

Sense Production Помогаем значительно сократить путь

к большим интернет-продажамМы в FB - www.facebook.com/shortway2salesupНаш сайт - www.sensepro.ru

Что такое юзабилити?

1. Когда визуальные приоритеты не соперничают за внимание пользователя, а

совместно двигают его к общей цели – покупке.

2. Когда понятна логика элементов навигации.

3. Когда контент, блог и функционал сайта соответствуют задачам, которые

хочет решить пользователь.

Контактные данные

Было до Стало после

Шаг 1

•Нет акцентов

•Нет дизайна

•Еще пару ошибок

Что не так?

Шаг 1

•Расставлены акценты

•Вход по E-mail без пароля

•Трансляция УТП

Как лучше?

Доставка

Было до

Стало после

Показываем пользователю

только те элементы,

которые нужны конкретно

здесь и сейчас.

Убираем лишнее

Сценарий поведения – или правильная логика

1. Изменение содержания страницы в зависимости от выбора пользователя.

2. Вся команда разработчиков понимает логику (и дизайнер и программист)

Изменение содержимого страницы в зависимости от выбора города

Убираем лишнее

Показываем карту при

выбранном пункте выдачи

Показываем

соответствующие поля

FOTOS.UA

Эволюция оформления заказа

Одношаговое оформление заказа

Небольшие корректировки или значительное улучшение юзабилити?

Одношаговое оформление заказа

При использовании одношагового оформления заказа конверсия показывала не лучшие результаты.

•Перегрузка пользователя информацией

•Не расставленные акценты

•Увеличение конверсии требует значительных изменений в юзабилити

Многошаговое оформление и его преимущества

Возможность логина через соц. сети и в ручную.

Многошаговое оформление и его преимущества

• Возможность захвата E-mail в ДМ-системе.

• Обновление номеров или почты не по блокам, а раздельно.

Доставка: Выбор города• «Определить город» -

GEO-IP по клику

• Список городов сгруппирован по областям.

Доставка: Выбор времени

Доставка

Поясняющие подсказки говорят пользователю, что произойдет дальше

Если покупатель хочет забрать свою покупку самостоятельно – важно показать ему все доступные пункты выдачи.

Оплата

Поясняющие подсказки говорят пользователю, что произойдет дальше

Изменение в акциях – изменение в оформлении заказа

Особые условия, по которым продаются акционные товары (скидка, подарок), должны отображаться в процессе оформления заказа.

Вопросы?

Sense Production Помогаем значительно сократить путь

к большим интернет-продажамМы в FB - www.facebook.com/shortway2salesupНаш сайт - www.sensepro.ru