Саша Куценко — Проектируйте не интерфейс,...

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

Upload: sasha-kutsenko

Post on 10-Jul-2015

144 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 2: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 3: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 4: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 5: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 6: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

О, это удобно, что можно отложить на потом»«

Особенно мне понравились розовые рисуночкии главная с возникающими квадратикам»

«

Вот молодцы. Круто, что ничего не надо заполнять»«

Page 7: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Рассказывая, люди подчеркивают то, что решило их проблему

Не важно что это,функция, удобство или мимими

Page 8: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 9: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Методология Online-Offline

Название родилось в абажурной компании Aidem

Page 10: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Простыми словами

Page 11: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

В жизни

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

Page 12: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

В интернете

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

Page 13: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Найдете главное, поймете саму сутьВсё станет очевидным

Начнёте правильно говоритьПоймете тех, кто будет слушать

Увидите новое там, где всё известноВзгляните с другого ракурса

Выгоды

Page 14: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Сравнение товаров

Пример #1

на примере ноутбуков в интернет-магазине

Page 15: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)
Page 16: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Товары не видны (маленькая фотография)21

3

Сравнение только характеристик

В большей степени это для гиков (большинство не понимает половину цифр)

Характеристики

Page 17: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 18: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 19: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

=

Page 20: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Уникальный функционал

Новый сценарий использования привычной функции

Полноценное сравнение, как в жизни

Выводы

Page 21: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Заполнение полей

Пример #2

на примере создания объявление о продаже авто

Page 22: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)
Page 23: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Уже делал это на Auto.ru или Avito (100%)21

3

Много полей (никуда не деться)

Отнимает много времени (упадет качество)

Характеристики

Page 24: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 25: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Интерфейс

Page 26: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 27: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Сокращение времени в 10-ки раз

Высокое итоговое качествоНа Auto.ru он старается, так как понимает профит

Восторг и удивлениеРезкое улучшение отношения к сайту

Выводы

Page 28: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Представление информации

Пример #3

на примере страницы о гарантии техники

Page 29: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)
Page 30: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Нет главного (надо читать ВСЁ)21

3

Много букв (надо читать)

Много сомнений

Характеристики

Page 31: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 32: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 33: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 34: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

Повышение доверия и лояльности

Запоминается → больше вернувшихся

Удивление открытости + полезность

Выводы

Магазин уверен в качестве, покупатель уверен в магазине

Page 35: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 36: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 37: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 38: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 39: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 40: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

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

Page 41: Саша Куценко — Проектируйте не интерфейс, проектируйте взаимодействие (RIW 2014)

+7 (812) [email protected]

Саша Куценкоfacebook.com/gurickslideshare.net/gurickAidem.ru