Презентация Саши Куценко на Russian Internet Week 2014 (RIW 2014) об методологии Online-Offline в UX design, которая позволяет взглянуть на взаимодействие человека с интерфейсом с новой стороны. Найти новое в известном, вызвать у пользователя уважение к продукту и улучшить общее впечатление от использования. В докладе основные механики работы с методологией, разбор её применения на примерах, отзывы пользователей и полученные в нескольких проектах результаты.

1. Привет. Я Саша Куценко
из компании Aidem, Санкт-Петербург

2. Мне кажется с нашей областью есть
одна проблема

3. Мы слишком углубились в юзабилити,
конверсии и разные call-to-action

4. UX — это скорее опыт, впечатление,
восприятие, отношение
нежели графическое решение

5. ПРОЕКТИРУЙТЕ НЕ ИНТЕРФЕЙС,
ПРОЕКТИРУЙТЕ ВЗАИМОДЕЙСТВИЕ
или «Переставайте думать интернетом»

6. О, это удобно, что можно « отложить на потом»
Особенно мне понравились розовые рисуночки
и главная с возникающими квадратикам»
«
«Вот молодцы. Круто, что ничего не надо заполнять»

7. Рассказывая, люди подчеркивают то,
что решило их проблему
Не важно что это,
функция, удобство или мимими
—
—

8. Чтобы такое было, нужно выйти за
рамки интернета. Забыть про интернет.

9. Методология Online-Offline
Название родилось в абажурной компании Aidem

10. Простыми словами
Online-Offline — это сравнение того,
как это в жизни, с тем, как это
в интернете

11. В жизни
Корзина Навигация Консультация
всегда рядом всегда на виду определяет продажу

12. В интернете
Корзина Навигация Консультация
Apple Store Lenta.ru Онлайн-консультант

13. Увидите новое там, где всё известно
Взгляните с другого ракурса
Найдете главное, поймете саму суть
Всё станет очевидным
Начнёте правильно говорить
Поймете тех, кто будет слушать
Выгоды

14. Пример #1
Сравнение товаров
на примере ноутбуков в интернет-магазине

16. Характеристики
1
Товары не видны (2 маленькая фотография)
3
Сравнение только характеристик
В большей степени это для гиков
(большинство не понимает половину цифр)

17. Люди выбирают и глазами тоже
Причем для многих (не только женщин) именно этот способ
является более предпочтительным

18. Обычное сравнение

19. =
Обычное сравнение Сравнение картинками

20. Полноценное сравнение, как в жизни
Уникальный функционал
Новый сценарий использования
привычной функции
Выводы

21. Пример #2
Заполнение полей
на примере создания объявление о продаже авто

23. Характеристики
1
Уже делал это на 2 Auto.ru или Avito (100%)
3
Много полей (никуда не деться)
Отнимает много времени (упадет качество)

24. Это продавец Б/У авто
Для него лучший experience — разделаться с этим по-скорее

25. Интерфейс

26. Интерфейс Взаимодействие

27. Восторг и удивление
Резкое улучшение отношения к сайту
Сокращение времени в 10-ки раз
Высокое итоговое качество
На Auto.ru он старается, так как понимает профит
Выводы

28. Пример #3
Представление информации
на примере страницы о гарантии техники

30. Характеристики
1
2 Нет главного (надо читать ВСЁ)
3
Много букв (надо читать)
Много сомнений

31. Растерянный «теплый клиент»
Такая страница про гарантию — непозволительный для магазина
барьер перед покупателем

32. Права покупателя по ОЗПП

33. Права покупателя по ОЗПП Подсказка где искать

34. Удивление открытости + полезность
Повышение доверия и лояльности
Запоминается → больше вернувшихся
Выводы
Магазин уверен в качестве, покупатель уверен в магазине

35. Как это делать
применять методологию

36. Выключить компьютеры и разговаривать

37. Выйти в мир. Наблюдать за людьми

38. Проигрывать сценарии. Пропускать
через себя

39. Перестать «думать интернетом».
Снять собственный ограничитель

40. Интернет создан по образу этого мира.
И в центре обоих миров — человек

41. +7 (812) 380-79-29
mailbox@aidem.ru
Саша Куценко
facebook.com/gurick
Aidem.ru slideshare.net/gurick
ΩΪΟΡΟΧάΚΰ΢ιΡΞΟΫζ