Убеждающий дизайн или как из посетителя сделать...
TRANSCRIPT
![Page 1: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/1.jpg)
Убеждающий дизайн или как из посетителя сделать покупателя
Александр Сергеев, HumanoIT Group, 2007
![Page 2: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/2.jpg)
2 уровня продаж
• Александр Деревицкий– Отпуск товара– Настоящая продажа
1/23
![Page 3: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/3.jpg)
Ужасный дизайн = Неопрятный вид
2/23
![Page 4: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/4.jpg)
Заголовки и текст = Речь продавца
3/23
• Пространные заголовки («Бла-бла-бла»)• Текст без красных строк и списков• Сложносочиненные и сложноподчиненные
предложения• Вообще без заголовков
Сказать правду: если бы я мог достойным образом повести вас к желаемой мною цели иным путем, а не столь крутою тропой, я охотно так бы сделал; но так как нельзя было, не касаясь того воспоминания, объяснить причину, почему именно приключились события, о которых вы прочтете далее, я принимаюсь писать, как бы побужденный необходимостью («Декамерон» Бокаччо)
![Page 5: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/5.jpg)
О компании и продуктах
4/23
• Не рассказывайте о чем ваш сайт и что он продает:– Без логотипа– Без elevator pitch
• Начните с «Добро пожаловать, уважаемые»• Спрячьте адрес и название компании• Молчите о ваших преимуществах
![Page 6: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/6.jpg)
Поиск товара = Записная книжка
5/23
• Товары в «куче»
![Page 7: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/7.jpg)
Поиск товара = Потребности покупателя
6/23
← «НЕТ» группировке для людей
↓ «ДA» группировке для людей
![Page 8: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/8.jpg)
Информация о товаре = Знание товара
7/23
• Минимум текста (без списков)• Без фотографий
![Page 9: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/9.jpg)
Форма заказа = Очередь в магазин
8/23
• Максимум обязательных полей• Максимум шагов в процедуре заказа
![Page 10: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/10.jpg)
Настоящие продажи в Интернет
9/23
• Дать посетителю то, чего он еще не хотел
=> Новый Сервис
• Дать посетителю то, что он хотел, но не по его цене, а по цене продавца
=> Платный Аккаунт
![Page 11: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/11.jpg)
Новый Интернет
10/23
• Блоги: Livejournal, Liveinternet, Блоги@Mail.Ru, Diary.ru
• Социальные сети: Мой Круг, TooDoo, В контакте, Одноклассники, Webby, HabraHabr, Koolinar
• Закладки: Memori.ru, BobrDobr.ru, Del.icio.us
• Фотоархива: Photofile.ru, Photosight.ru, Flickr.com
• Биржи труда: E-generator, free-lance.ru
• Приложения: ВебАсист (контакты, проекты, задания), Дребеденьги (домашняя бухгалтерия)
• Платные сайты: Ati.su, Lardi-Trans.com, Cargo.lt, etc.
![Page 12: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/12.jpg)
Как продать Новый Интернет?
11/23
• Как заполучить пользователя? Непросто!
1. Придумать полезный сервис2. Сделать его удобным (юзабилити)3. Убедить посетителя зарегистрироваться
![Page 13: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/13.jpg)
«И зачем мне это надо?»
12/23
Александр Галицкий, антрепренер• Витамины • Лекарство от боли
Что можно продать?– Решение проблемы новым способом– Решение проблемы старым способом, но
дешевле– Улучшение качества сервиса
![Page 14: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/14.jpg)
Удобство (юзабилити)
13/23
• Ориентация на задачи пользователя• Понятная навигация• «Читабельные» страницы• Ясный, лаконичный текст• Короткие формы• Интерактивность
![Page 15: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/15.jpg)
Каптология
14/23
• Термин «CAPTOLOGY»* (Computer As Persuasive TechnoLOGY)– Поведение– Установки– Мотивация– Уступки– Мировоззрение
* Автор термина – B.J. Fogg
![Page 16: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/16.jpg)
Основа: доверие
15/23
• Теория PI (Prominence-Interpretation)1. Посетитель «считывает» некое свойство сайта2. Посетитель интерпретирует увиденное3. Делает вывод: доверять или нет
http://webcredibility.org
![Page 17: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/17.jpg)
Доверять или не доверять
16/23
• «Битая» ссылка• Типографские ошибки• Дизайн (композиция, цветовые схемы)– Эксперты - 16% – Обыватели – 55% - «Дорого – качественно»
• Источники информации• Блог: «о блоге», контакты, комментарии• Много других факторов
![Page 18: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/18.jpg)
Орудия влияния
17/23
• «Щелчок – зашуршало» («Влияние: Психология убеждения» Р. Чалдини)– Дорого = качественно– Социальное доказательство– Симпатия между друзьями/знакомыми– Авторитет– Дефицит
![Page 19: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/19.jpg)
«Дорогой» дизайн = Качество
18/23
![Page 20: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/20.jpg)
Социальное доказательство
19/23
![Page 21: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/21.jpg)
Симпатия между друзьями
20/23
![Page 22: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/22.jpg)
Авторитеты
21/23
![Page 23: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/23.jpg)
«Авторитеты»
22/23
![Page 24: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/24.jpg)
Дефицит
22/23
![Page 25: Убеждающий дизайн или как из посетителя сделать покупателя](https://reader036.vdocuments.site/reader036/viewer/2022062312/5565cd5cd8b42a5b488b5410/html5/thumbnails/25.jpg)
Спасибо за внимание!
Александр Сергеев
http://humanoit.ru2007