![Page 1: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/1.jpg)
Привет. Я Саша Куценкоиз компании Aidem, Санкт-Петербург
![Page 2: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/2.jpg)
Мне кажется с нашей областью есть одна проблема
![Page 3: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/3.jpg)
Мы слишком углубились в юзабилити, конверсии и разные call-to-action
![Page 4: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/4.jpg)
UX — это скорее опыт, впечатление, восприятие, отношение нежели графическое решение
![Page 5: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/5.jpg)
ПРОЕКТИРУЙТЕ НЕ ИНТЕРФЕЙС, ПРОЕКТИРУЙТЕ ВЗАИМОДЕЙСТВИЕили «Переставайте думать интернетом»
![Page 6: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/6.jpg)
О, это удобно, что можно отложить на потом»«
Особенно мне понравились розовые рисуночкии главная с возникающими квадратикам»
«
Вот молодцы. Круто, что ничего не надо заполнять»«
![Page 7: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/7.jpg)
Рассказывая, люди подчеркивают то, что решило их проблему
Не важно что это,функция, удобство или мимими
—
—
![Page 8: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/8.jpg)
Чтобы такое было, нужно выйти за рамки интернета. Забыть про интернет.
![Page 10: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/10.jpg)
Online-Offline — это сравнение того, как это в жизни, с тем, как этов интернете
Простыми словами
![Page 11: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/11.jpg)
В жизни
Корзина Навигация Консультациявсегда рядом всегда на виду определяет продажу
![Page 12: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/12.jpg)
В интернете
Корзина Навигация КонсультацияApple Store Lenta.ru Онлайн-консультант
![Page 13: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/13.jpg)
Найдете главное, поймете саму сутьВсё станет очевидным
Начнёте правильно говоритьПоймете тех, кто будет слушать
Увидите новое там, где всё известноВзгляните с другого ракурса
Выгоды
![Page 14: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/14.jpg)
Сравнение товаров
Пример #1
на примере ноутбуков в интернет-магазине
![Page 15: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/15.jpg)
![Page 16: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/16.jpg)
Товары не видны (маленькая фотография)21
3
Сравнение только характеристик
В большей степени это для гиков (большинство не понимает половину цифр)
Характеристики
![Page 17: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/17.jpg)
Люди выбирают и глазами тожеПричем для многих (не только женщин) именно этот способ является более предпочтительным
![Page 18: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/18.jpg)
Обычное сравнение
![Page 19: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/19.jpg)
Обычное сравнение Сравнение картинками
=
![Page 20: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/20.jpg)
Уникальный функционал
Новый сценарий использования привычной функции
Полноценное сравнение, как в жизни
Выводы
![Page 21: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/21.jpg)
Заполнение полей
Пример #2
на примере создания объявление о продаже авто
![Page 22: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/22.jpg)
![Page 23: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/23.jpg)
Уже делал это на Auto.ru или Avito (100%)21
3
Много полей (никуда не деться)
Отнимает много времени (упадет качество)
Характеристики
![Page 24: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/24.jpg)
Это продавец Б/У автоДля него лучший experience — разделаться с этим по-скорее
![Page 25: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/25.jpg)
Интерфейс
![Page 26: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/26.jpg)
Интерфейс Взаимодействие
![Page 27: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/27.jpg)
Сокращение времени в 10-ки раз
Высокое итоговое качествоНа Auto.ru он старается, так как понимает профит
Восторг и удивлениеРезкое улучшение отношения к сайту
Выводы
![Page 28: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/28.jpg)
Представление информации
Пример #3
на примере страницы о гарантии техники
![Page 29: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/29.jpg)
![Page 30: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/30.jpg)
Нет главного (надо читать ВСЁ)21
3
Много букв (надо читать)
Много сомнений
Характеристики
![Page 31: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/31.jpg)
Растерянный «теплый клиент»Такая страница про гарантию — непозволительный для магазина барьер перед покупателем
![Page 32: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/32.jpg)
Права покупателя по ОЗПП
![Page 33: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/33.jpg)
Права покупателя по ОЗПП Подсказка где искать
![Page 34: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/34.jpg)
Повышение доверия и лояльности
Запоминается → больше вернувшихся
Удивление открытости + полезность
Выводы
Магазин уверен в качестве, покупатель уверен в магазине
![Page 35: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/35.jpg)
Как это делатьприменять методологию
![Page 36: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/36.jpg)
Выключить компьютеры и разговаривать
![Page 37: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/37.jpg)
Выйти в мир. Наблюдать за людьми
![Page 38: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/38.jpg)
Проигрывать сценарии. Пропускать через себя
![Page 39: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/39.jpg)
Перестать «думать интернетом».Снять собственный ограничитель
![Page 40: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)](https://reader033.vdocuments.net/reader033/viewer/2022052413/559f5d0f1a28ab3f6b8b482f/html5/thumbnails/40.jpg)
Интернет создан по образу этого мира. И в центре обоих миров — человек