ФАКТОРЫ ВОСПРИЯТИЯВЛИЯЮЩИЕ НА КОНВЕРСИЮ САЙТАПРАКТИЧЕСКИЕ РЕКОМЕНДАЦИИ К ПРОЕКТИРОВАНИЮ ИНТЕРФЕЙСОВ

Ярослав Табаков Директор по развитию

• Что такое юзабилити?Почему мы сегодня не о нем,но все равно о важном?

• Как работает мозг?Почему психология и физиологияважны для проектирования сайтов?

• Практические рекомендациивесьма общего характера.

2/35

О ЧЕМ РЕЧЬ?

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 видов

к первому подошли – 40%ко второму – 60%

Большинство попробовали

2-3 вида на обоих столах

купили джем:

с первого стола – 31%со второго стола – 3%

БОРЬБА С ИЗОБИЛИЕМ

28/35

ДАЙТЕ ЛЮДЯМ НЕ ТОЛЬКО БОГАТСТВО ВЫБОРА, НО И ИНСТРУМЕНТЫ ВЫБОРА

КАРТА ВЗГЛЯДОВ

29/35

ПОЧЕМУ ЭТО ПЛОХОЙ ФИЛЬТР?

30/35

ВСЕ ПО ТОМУ ЖЕ…

31/35

тут жизни нет

ПРИМЕРНАЯ СХЕМА ФИЛЬТРА

32/35

ТЕПЛОВАЯ КАРТА ВНИМАНИЯ

33/35

ПЕРЕНОС ВНИМАНИЯ

34/35

Vk /astramg Fb /astramg

СПАСИБО!ВОПРОСЫ?

+7 /812/ 241 65 75 www.astramg.ru