Human mind and Usability

Human Mind and Usability How your customers think

«99% времени вашипользователи проводят на других сайтах» Якоб Нильсен

• Внимание• Визуальное восприятие• Свойства памяти• Чтение и понимание• Решение проблем• Социальная психология• Чувства и дизайн

Насколько мы внимательны? Даны две команды: белая и черная 1. Выберите команду 2. Считайте внимательно количество пасов, которые делает ваша команда3. Разделите прямые пасы и пасы с отскоком Видеоролик

Баннерная слепота

Теория внимания• Ограниченная емкость памяти• Фильтрация поступающих сигналов• Выявление главного фактора• Игнорирование второстепенных

Факторы,влияющие на внимание• Сложность задачи• Мультизадачность

«Молодежь сейчас — это поколение мультитаскеров: они могутпереписываться по емайлу, чатам, параллельно разговаривая по телефону и троллить в блогах» USA Today

Табы используютсядля составления порядка *** Переключения между задачами снижают внимание

Как заполучить внимание мультитаскеров?• Используйте как можно меньше слов• Используйте как можно более простой язык• Используйте картинки

Слова читаются целиком, а не по буквам

Сложность отучаться отуже выученной привычки Назовите цвета, которые изображены на следующих слайдах

Черный Оранжевый Красный Зеленый Синий

Синий Зеленый Оранжевый Черный Красный

Привычки пользователейне сильно изменились за 15 лет• Нуждаются в кнопке „Back“ в браузере• Путаются с множеством открытых окон• Закрывают самопоявляющиеся поп-апы• Игнорируют рекламу• Смотрят на элементы, которые выглядят кликабельными• Проводят очень мало времени на одном вебсайте

Критерии• Могут ли пользователи видеть это?• Могут ли пользователи запомнить это?• Могут ли пользователи понять это?

Рекомендуемый размер шрифта• Обычная аудитория, тинейджеры (10-12pt)• Пенсионеры, люди с нарушением зрения, дети, начинающие читатели (12-14pt)

Масштабируемость шрифта

ИСПОЛЬЗОВАНИЕВЕРХНЕГО РЕГИСТРАЗАТРУДНЯЕТ ЧТЕНИЕ

Использование цветов• Красный, зеленый и синий чувствительны к освещению• Трихроматы: видят в целом нормально, но различают около сотни оттенков• Монохроматы: видят только в чернобелом (очень редко)• Дихроматы: сложности с различием красного и зеленого (8% мужчин, 5% женщин)

Самые безопасные цвета — черный и белый *** Используйте цветадля расставления акцентов, а не повсеместно

Модель запоминанияв долгосрочную память

Эхо«Если у вас есть вопросы, звонитесвободно в любое время суток потелефону 456-67-55-34. Хорошего дня!»«Какой из тем вы больше всегоинтересовались в последнее время:здоровье, развлечения, политика илиобразование?»

Магическое число 7• Сколько должно быть буллетов на слайде?• Оптимальное количество опций в меню?• Количество иконок?• Количество табов?

«Люди помнят 7±2 куска информации» George A. Miller http://psychclassics.yorku.ca/Miller/

Где использоватькраткосрочную память?• «Буфер обмена» во время работы над задачей• В поп-апах

Примеры использования краткосрочной памяти• Меняйте линк в посещенных страницах, чтобы помочь пользователям помнить, куда они уже кликали• При принятии решения предоставляйте всю собранную и-или введенную ранее информацию

Тест Беддли-Хитча: Выполните два задания одновременно1. Верно ли утверждение: «А следует за B» B A2. Запомните ряд чисел 254269

Следствия• Одна-две цифры во второй задаче не влияют на качество выполнения первой задачи• Шесть цифр во второй задаче снижает качество выполнения первого таска

Долгосрочная память• Хранит большое количество информации за бесконечный период времени• В основном семантическая

Иисус Библия Моисей НойЖивотные Зоопарк Миссисипи Потоп Ферма

Осторожно с семантическими ассоциациями! *** Заходя на сайт,пользователи хотят выполнить задачу, а не наслаждаться дизайном

Степень принадлежности Насколько типичен представитель для категории "птицы"? (1 — очень типичен, 7 — совсем не в кассу)• синица: 1.1• курица: 3.8

Рекомендуется использовать типичные заголовки

«Вызов» против «узнавания»— О чем мы разговаривали с вами 3минуты назад? (вызов)— В чем заключалось задание Бэддли-Хитча? (вызов с намеком)— Задание Бэддли-Хитча исследуетспособность человеческого мозга решатьнесколько задач одновременно.Да или нет? (узнавание)

Не переусердствуйте с узнаванием (Человек может определять только лица знакомых ему людей)

Постоянство в навигации сайта• Использовать одни и те же правила в навигации внутри сайта• Имплементировать веб-стандарты (помните, что на вашем сайте пользователи проводят 1% времени нахождения в интернете)• Не располагать одних элементов интерфейса, где пользователи привыкли видеть другие

Cхемы и скрипты(ментальные модели)

Порядок словважен для понимания Капли расплавленного серебра наполняли ночное небо (абстракция + конкретика) время чтения 4.2 секунды *** Ночное небо наполнено каплями расплавленного серебра (конкретика + конкретика) время чтения 3.5 секунд

Для создания понятных текстов• Начинать с ключевых слов• Не бояться повторения слов• Начинать предложения с уже данной информацией, заканчивать с новой информацией

Двухколоночная верстка

Трехколоночная верстка

Отвлечение пользователей не помогает в помощи

Процедурализация: Люди решают задачи, разбивая их на таски и подтаски1. Цель: вождение 1.1. Таск: включить зажигание 1.2. Подтаск: вставить ключ 1.3. Подтаск: поставить ногу на педаль тормоза 1.4. ...

Адаптивные меню разрушают схемы процедурализации

Полезность =Ожидаемая польза – Затраты

Задача улучшения UI:снизить стоимость взаимодействия• Упростить путь к цели• Указать путь ясно• Снизить объем чтения• Снизить переключатели внимания• Сделать нужную информацию легкой для восприятия

«Несколько» против «Много»• Уравнивающая модель (compensatory model) — разрешить позитивным атрибутам компенсировать негативные атрибуты• Дискредитирующая модель (noncompensatory model) — отклонять опции с негативными атрибутами, не смотря на наличие позитивных атрибутов

Используйте уравнивающую модель, когда есть несколько альтернатив *** Используйте дискредитирующуюмодель, когда есть много альтернатив

Стоимость убежденияЗадача:Студентам были выданы кружки стоимостью$6 и сказано их продать другим студентам— Первая группа студентов сказалиоднокурсникам, что они были средивыбранных в случайном порядке— Вторая группа студентов убеждали, чтоони получили кружки за заслуги в учебе

Результат:Первая группа — $4.71Вторая группа — $6.35(Средняя стоимость продажи кружек)

„Attractive things work better“ Norman D. 2004 Emotional Design: Why we love or hate everyday things

http://www.jvetrau.com	246
http://feeds.feedburner.com	56
http://www.boobox.ru	25
http://twitter.com	2

Human mind and Usability

by Sergei Spivak on Jul 15, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 329

Statistics

Human mind and Usability — Presentation Transcript