Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ФАКТОРЫ ВОСПРИЯТИЯВЛИЯЮЩИЕ НА КОНВЕРСИЮ САЙТАПРАКТИЧЕСКИЕ РЕКОМЕНДАЦИИ К ПРОЕКТИРОВАНИЮ ИНТЕРФЕЙСОВ 
Ярослав Табаков 
Дире...
•Что такое юзабилити? Почему мы сегодня не о нем, но все равно о важном? 
•Как работает мозг? Почему психология и физиолог...
1 2 3 4 
НЕМНОГО ОПРЕДЕЛЕНИЙИ ДРУГОГО ПОУЧИТЕЛЬНОГО ЗАНУДСТВА
ОПРЕДЕЛЕНИЕ USABILITY 
4/35 
Степень, с которой продукт может быть использован определёнными пользователями при определённ...
5/35 
ЧТОБЫ БЫЛО ПРО USABILITY 
•Целевая аудитория –все, кто пьют воду 
•Мужчины и женщины 18+ с доступом в интернет 
Нужн...
ЖИЗНЕННЫЕ СИТУАЦИИ 
6/35 
ЛЮДИ ПРИХОДЯТ НЕ ПРОСТО ПОКУПАТЬОНИ РЕШАЮТ СВОИ ЖИТЕЙСКИЕ ЗАДАЧИ
7/35 
ХОРОШАЯ НОВОСТЬ 
МОЖНО ДАТЬ НЕКОТОРЫЕ ТИПОВЫЕ СОВЕТЫ, КАСАЮЩИЕСЯ БИОЛОГИЧЕСКОГО ВИДА «ЧЕЛОВЕК»
1 2 3 4 
ПРИНЦИПЫ РАБОТЫсерого вещества внутри черепной коробки
СТРУКТУРА ПАМЯТИ 
9/35 
СЕНСОРНОЕ ХРАНИЛИЩЕ 
Оперативная память 
КРАТКОВРЕМЕННОЕ ХРАНИЛИЩЕ 
0,1-0,5 с 
7±2 последних едини...
КАРТИНКА И ТЕКСТ 
10/35 
ТЕКСТ И ИЗОБРАЖЕНИЕ ЗАДЕЙСТВУЮТРАЗНЫЕ ОБЛАСТИ МОЗГА ДЛЯ ВОСПРИЯТИЯ
11/35 
ПЛОХОЙ СПОСОБ ПРЕДСТАВИТЬ ИНФОРМАЦИЮ
12/35 
ЛУЧШЕ
СПИСКИ ОБЪЕКТОВ: 7±2 
13/35 
ЛЮБЫЕ СПИСКИ НУЖНО ДРОБИТЬ НА ЧАСТИ
ПЫТКА МЕНЮ 
14/35
ПЫТКА ФИЛЬТРОМ 
15/35
1 2 3 4 
ЗАКОНЫ КОМПОЗИЦИИАНТИНАУЧНОЕ ЗНАНИЕ, КОТОРОЕ РАБОТАЕТ
СПИРАЛЬ ФИБОНАЧЧИ И ЗОЛОТОЕ СЕЧЕНИЕ 
17/35
СПИРАЛЬ ФИБОНАЧЧИ И ЗОЛОТОЕ СЕЧЕНИЕ 
18/35 
Я НЕ ПОСМЕЛ ОБРЕЗАТЬ КАРТИНУ ВЕЛИКОГО МАСТЕРА, ПОЭТОМУ ЭТОТ СЛАЙД НАПОЛОВИНУ П...
19/35 
ПРИМЕР СХЕМЫ КАРТОЧКИ ТОВАРА 
<Здесь название товара или услуги> 
<Цена>Руб. 
<Описание товара, 
…… 
… 
ключевые ха...
ПРАКТИЧЕСКИ ИДЕАЛЬНО 
20/35
ПРАКТИЧЕСКИ ИДЕАЛЬНО 
21/35
ПРИНЦИП АКЦЕНТОВ 
22/35
ПРИНЦИП БЛИЗОСТИ 
23/35 
НАДПИСЬ 
ПОДПИСЬ 
ЗАГОЛОВОК
1 2 3 4 
УПРАВЛЕНИЕ ВНИМАНИЕМКАК ПОНЯТЬ, КУДА СМОТРЯТ ПОСЕТИТЕЛИ
СКОЛЬКО ЗДЕСЬ ПОТЕНЦИАЛЬНЫХ ЛОКУСОВ? 
25/35
ЗОНА ВНИМАНИЯ ВЫГЛЯДИТ ТАК 
26/35 
тут жизни нет
ИССЛЕДОВАНИЕ НА ТЕМУ БОГАТСТВА ВЫБОРА 
27/35 
2дегустационных стола 
на одном –6видов джемана другом –26видов 
к первому п...
БОРЬБА С ИЗОБИЛИЕМ 
28/35 
ДАЙТЕ ЛЮДЯМ НЕ ТОЛЬКО БОГАТСТВО ВЫБОРА, НО И ИНСТРУМЕНТЫ ВЫБОРА
КАРТА ВЗГЛЯДОВ 
29/35
ПОЧЕМУ ЭТО ПЛОХОЙ ФИЛЬТР? 
30/35
ВСЕ ПО ТОМУ ЖЕ… 
31/35 
тут жизни нет
ПРИМЕРНАЯ СХЕМА ФИЛЬТРА 
32/35
ТЕПЛОВАЯ КАРТА ВНИМАНИЯ 
33/35
ПЕРЕНОС ВНИМАНИЯ 
34/35
Vk/astramgFb/astramg 
СПАСИБО! 
ВОПРОСЫ? 
+7 /812/ 241 65 75 
www.astramg.ru
Upcoming SlideShare
Loading in …5
×

Факторы восприятия, влияющие на конверсию сайта. Практичесвие рекомендации к проектированию интерфейсов

371 views

Published on

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

Почему мы сегодня не о нем,

но все равно о важном?

• Как работает мозг?

Почему психология и физиология

важны для проектирования сайтов?

• Практические рекомендации

весьма общего характера.

Published in: Internet
  • Be the first to comment

Факторы восприятия, влияющие на конверсию сайта. Практичесвие рекомендации к проектированию интерфейсов

  1. 1. ФАКТОРЫ ВОСПРИЯТИЯВЛИЯЮЩИЕ НА КОНВЕРСИЮ САЙТАПРАКТИЧЕСКИЕ РЕКОМЕНДАЦИИ К ПРОЕКТИРОВАНИЮ ИНТЕРФЕЙСОВ Ярослав Табаков Директор по развитию
  2. 2. •Что такое юзабилити? Почему мы сегодня не о нем, но все равно о важном? •Как работает мозг? Почему психология и физиологияважны для проектирования сайтов? •Практические рекомендациивесьма общего характера. 2/35 О ЧЕМ РЕЧЬ?
  3. 3. 1 2 3 4 НЕМНОГО ОПРЕДЕЛЕНИЙИ ДРУГОГО ПОУЧИТЕЛЬНОГО ЗАНУДСТВА
  4. 4. ОПРЕДЕЛЕНИЕ USABILITY 4/35 Степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью
  5. 5. 5/35 ЧТОБЫ БЫЛО ПРО USABILITY •Целевая аудитория –все, кто пьют воду •Мужчины и женщины 18+ с доступом в интернет Нужно ясно пониматьсегменты ЦА •Цели и задачи •Предпочтения и ожидания •Как принимают решения •Что уже знают о продукте
  6. 6. ЖИЗНЕННЫЕ СИТУАЦИИ 6/35 ЛЮДИ ПРИХОДЯТ НЕ ПРОСТО ПОКУПАТЬОНИ РЕШАЮТ СВОИ ЖИТЕЙСКИЕ ЗАДАЧИ
  7. 7. 7/35 ХОРОШАЯ НОВОСТЬ МОЖНО ДАТЬ НЕКОТОРЫЕ ТИПОВЫЕ СОВЕТЫ, КАСАЮЩИЕСЯ БИОЛОГИЧЕСКОГО ВИДА «ЧЕЛОВЕК»
  8. 8. 1 2 3 4 ПРИНЦИПЫ РАБОТЫсерого вещества внутри черепной коробки
  9. 9. СТРУКТУРА ПАМЯТИ 9/35 СЕНСОРНОЕ ХРАНИЛИЩЕ Оперативная память КРАТКОВРЕМЕННОЕ ХРАНИЛИЩЕ 0,1-0,5 с 7±2 последних единицпредъявленного материала емкостьпрактически безгранична ДОЛГОВРЕМЕННАЯ ПАМЯТЬ -Центральный процессор -Артикуляционная петля -Визуально-пространственный блокнот -Первичное акустическое хранение Иконическое, эхоическое
  10. 10. КАРТИНКА И ТЕКСТ 10/35 ТЕКСТ И ИЗОБРАЖЕНИЕ ЗАДЕЙСТВУЮТРАЗНЫЕ ОБЛАСТИ МОЗГА ДЛЯ ВОСПРИЯТИЯ
  11. 11. 11/35 ПЛОХОЙ СПОСОБ ПРЕДСТАВИТЬ ИНФОРМАЦИЮ
  12. 12. 12/35 ЛУЧШЕ
  13. 13. СПИСКИ ОБЪЕКТОВ: 7±2 13/35 ЛЮБЫЕ СПИСКИ НУЖНО ДРОБИТЬ НА ЧАСТИ
  14. 14. ПЫТКА МЕНЮ 14/35
  15. 15. ПЫТКА ФИЛЬТРОМ 15/35
  16. 16. 1 2 3 4 ЗАКОНЫ КОМПОЗИЦИИАНТИНАУЧНОЕ ЗНАНИЕ, КОТОРОЕ РАБОТАЕТ
  17. 17. СПИРАЛЬ ФИБОНАЧЧИ И ЗОЛОТОЕ СЕЧЕНИЕ 17/35
  18. 18. СПИРАЛЬ ФИБОНАЧЧИ И ЗОЛОТОЕ СЕЧЕНИЕ 18/35 Я НЕ ПОСМЕЛ ОБРЕЗАТЬ КАРТИНУ ВЕЛИКОГО МАСТЕРА, ПОЭТОМУ ЭТОТ СЛАЙД НАПОЛОВИНУ ПУСТ
  19. 19. 19/35 ПРИМЕР СХЕМЫ КАРТОЧКИ ТОВАРА <Здесь название товара или услуги> <Цена>Руб. <Описание товара, …… … ключевые характеристики> Купить
  20. 20. ПРАКТИЧЕСКИ ИДЕАЛЬНО 20/35
  21. 21. ПРАКТИЧЕСКИ ИДЕАЛЬНО 21/35
  22. 22. ПРИНЦИП АКЦЕНТОВ 22/35
  23. 23. ПРИНЦИП БЛИЗОСТИ 23/35 НАДПИСЬ ПОДПИСЬ ЗАГОЛОВОК
  24. 24. 1 2 3 4 УПРАВЛЕНИЕ ВНИМАНИЕМКАК ПОНЯТЬ, КУДА СМОТРЯТ ПОСЕТИТЕЛИ
  25. 25. СКОЛЬКО ЗДЕСЬ ПОТЕНЦИАЛЬНЫХ ЛОКУСОВ? 25/35
  26. 26. ЗОНА ВНИМАНИЯ ВЫГЛЯДИТ ТАК 26/35 тут жизни нет
  27. 27. ИССЛЕДОВАНИЕ НА ТЕМУ БОГАТСТВА ВЫБОРА 27/35 2дегустационных стола на одном –6видов джемана другом –26видов к первому подошли –40% ко второму –60% Большинство попробовали2-3вида на обоих столах купили джем: с первого стола –31% со второго стола –3%
  28. 28. БОРЬБА С ИЗОБИЛИЕМ 28/35 ДАЙТЕ ЛЮДЯМ НЕ ТОЛЬКО БОГАТСТВО ВЫБОРА, НО И ИНСТРУМЕНТЫ ВЫБОРА
  29. 29. КАРТА ВЗГЛЯДОВ 29/35
  30. 30. ПОЧЕМУ ЭТО ПЛОХОЙ ФИЛЬТР? 30/35
  31. 31. ВСЕ ПО ТОМУ ЖЕ… 31/35 тут жизни нет
  32. 32. ПРИМЕРНАЯ СХЕМА ФИЛЬТРА 32/35
  33. 33. ТЕПЛОВАЯ КАРТА ВНИМАНИЯ 33/35
  34. 34. ПЕРЕНОС ВНИМАНИЯ 34/35
  35. 35. Vk/astramgFb/astramg СПАСИБО! ВОПРОСЫ? +7 /812/ 241 65 75 www.astramg.ru

×