HSE UX LAB | Laboratory for Cognitive Psychology of Digital Interfaces User

©️©️©️ Наиболее типичная ситуация слепоты к изменениям – заполнение форм. Система, безусловно, пытается сообщить пользователю, что он забыл заполнить какой-то пункт, однако, на общем фоне сообщение об ошибке практически незаметно. Просмотрев первую картинку, вы, вероятно, почувствовали замешательство – довольно трудно было понять, где именно кроется ошибка. Другой типичный случай – индикатор загрузки. Как правило, индикаторы загрузки в интерфейсах показываются после определённых действий и значительно влияют на дальнейший путь в приложении, поэтому пользователю важно о них знать. На картинках представлено несколько вариантов интерфейса: вероятно, вы не смогли разглядеть индикатор загрузки на первом экране, и это неудивительно, ведь он практически сливается с фоном, однако, на третьем изображении, мы с легкостью убеждаемся, что система реагирует. Таким образом, слепота к изменениям может возникать из-за прерывания визуального восприятия, слишком быстрого изменения на объекте восприятия, неправильно подобранного цветового решения. Этого эффекта можно избежать, отдельно выделяя самые проблемные элементы. #HCI @hse_ux_lab

Ослепительный дизайн Одной из десяти знаменитых эвристик юзабилити является эвристика "видимость состояния системы". Критически важно сообщать пользователю о том, что происходит "под капотом" у системы - так он сможет чувствовать, что контролирует ситуацию и всё делает правильно. Вспомните свой опыт взаимодействия с интерфейсом Windows: бывало ли такое, что, пользуясь системой, вы много раз нажимали на иконку приложения, не понимая, отреагировала ли оно на ваши действия, а затем обнаруживали себя закрывающим 5 окон с нужным вам приложением? Такая ошибка очень распространена: неясность состояния системы заставляет пользователя предринимать ненужные действия. Итак, мы убедились, что системе важно сообщать пользователю о своём состоянии. Однако, этим дело не ограничивается – также важно правильно это сделать, чтобы можно было распознать отправленное сообщение. Очень часто пользователи сталкиваются с явлением слепоты к изменениям – это склонность людей не распознавать изменения на изображениях, особенно когда они происходят после визуальных преобразований. Разглядывая картинки выше, вы столкнулись именно с этим явлением. Вероятность возникновения “слепоты” увеличивают следующие факторы: 1️⃣ Прерывание визуального восприятия (например, перезагрузка страницы) 2️⃣Скорость изменения – быстрые изменения в интерфейсах с бОльшей вероятностью рискуют остаться незамеченными ©️©️©️

⚡Всё, что вы хотите знать о психологии виртуальной реальности и даже больше! Что такое цифровая среда? Как распределяется когнитивная нагрузка в процессе восприятия интерфейса? И почему зачастую мы не замечаем тех или иных деталей на сайтах? Об этом и многом другом расскажут выдающиеся специалисты из Лаборатории когнитивной психологии пользователя цифровых интерфейсов в рамках мероприятия «Окно в науку». На лекции руководительница UX Lab Горбунова Елена Сергеевна поделится результатами проектов лаборатории и расскажет о том, что нужно сделать заинтересованным студентам, чтобы стать частью команды UX Lab. После этого гостей ожидают увлекательные интерактивы, которые помогут узнать о восприятии интерфейсов с точки зрения психологии. 📅 Дата: 09 апреля 🕒 Время: 15:00 📍Локация: ауд. 518, Мясницкая улица, 11, НИУ ВШЭ Регистрация Узнайте всё о последних тенденциях и получите ответы на интересующие вас вопросы!

Наши завлаб и сотрудники в скором времени проведут лекцию «Окно в науку», на которой расскажут про Лабораторию, когнитивную психологию и цифровую среду! Приглашаем всех заинтересованных!

❓Когнитивная нагрузка: как она влияет на взаимодействие пользователя с интерфейсом? Термин «когнитивная нагрузка» был впервые использован для того, чтобы объяснить умственное напряжение, требующееся для усвоения новой информации. В случае с веб-дизайном это означает, что пользователи должны знать, как пользоваться различными элементами сайта, такими как его структура или, например, формы для совершения покупок. Даже в присутствии знакомого ресурса пользователю нужно иметь данные относительно цели. Когда компьютер не справляется с требованиями к процессору, мы можем просто купить более мощный компьютер. Однако вычислительную способность нашего мозга невозможно увеличить. Знание этих ограничений является предварительным условием успеха для дизайнера. 🔍Внутренняя и внешняя когнитивная нагрузка Не существует способа полностью избавиться от когнитивной нагрузки – и, на самом деле, это не всегда желательно. Посетители веб-сайтов ищут информацию, они приходят с целью узнать что-то новое о продукте, организации или контенте. Внутренняя когнитивная нагрузка возникает при усвоении новой информации и отслеживании своих целей. Однако, для дизайнеров важно стремиться к уменьшению внешней когнитивной нагрузки: избегать лишних элементов, которые затрудняют понимание контента, таких как разнообразие шрифтов без смысла. 🔀Минимизация когнитивной нагрузки Внимание пользователя – ценный ресурс, который следует использовать разумно. Многие принципы удобства использования направлены на минимизацию когнитивной нагрузки. Вот три основных совета: 1️⃣ Избегайте визуального беспорядка: Излишние ссылки, изображения и декоративные элементы могут замедлить пользователей. Важно использовать эти элементы с умом, чтобы не создавать путаницу. 2️⃣ Ориентируйтесь на ментальные модели: Люди уже имеют представление о том, как работают веб-сайты, основываясь на своем опыте. Используя знакомые элементы дизайна, вы упрощаете взаимодействие пользователя с интерфейсом. 3️⃣ Разгрузите задачи: Ищите способы уменьшить задачи, требующие от пользователей чтения, запоминания или принятия решений. Это поможет освободить когнитивные ресурсы для важных задач. 🔵 Интерактивный челлендж для наших подписчиков! Дорогие друзья! Сегодня вас ждет интерактивный мини-челлендж! У вас есть задание: на двух различных сайтах – сайте №1 и сайте №2 – найдите автомобиль марки Honda Civic. После того, как вы успешно найдете эту марку на каждом из сайтов, оцените свою когнитивную загруженность. Делитесь своими мыслями и впечатлениями по этому поводу в комментариях ниже! Как легко вам удалось выполнить задание? Вызвало ли это у вас дополнительные умственные усилия? Ждем ваших ответов! #HCI @hse_ux_lab

Всем привет! Недавно рассказывали вам про HSE UX LAB, а теперь предлагаем посмотреть на нее изнутри. Приятного просмотра :) Ваша команда PsyVerse❤️

Всем привет! Недавно у нас был пост, в котором мы рассказывали о лабораториях и научных центрах департамента. В опросе вы выбирали, о жизни и работе каких лабораторий хотели бы узнать поподробнее — одним из наиболее частых ответов оказалась Лаборатория когнитивной психологии пользователя цифровых интерфейсов (HSE UX LAB). О ее сотрудниках мы рассказали в ВК, а для наших читателей в телеграмме сделали бонус в виде статьи от Анастасии Ануфриевой о публикационном цикле. Приятного чтения! #департамент_в_людях Ваша команда PsyVerse❤️

🤑Всем доброго утра воскресенья! Мы с коллегами-учеными из Вышки сделали классный и полезный проект: собрали папку с каналами, которые популяризируют различные научные дисциплины! В папке есть каналы по антропологии, социологии, психологии и нейронаукам! Сохраняйте себе! https://t.me/addlist/3tyArLaH24FkNzU6 @hse_ux_lab

🤩HSE UX LAB объявляет об открытии набора на волонтерскую стажировку! ©️ Что это значит? Вы можете заполнить заявку, по результатам первого этапа отбора с вами свяжется координатор стажировки и пригласит на собеседование. Если вы успешно пройдете собеседование aka второй этап отбора – вы станете стажером-волонтером в HSE UX LAB. ©️ В чем заключается стажировка? Вы будете прикреплены к одному из сотрудников, который будет вашим наставником в течение всей стажировки. Он/она будет знакомить вас с когнитивной психологией и соответствующими исследованиями, в частности, давая вам задачи по своему проекту. Вероятнее всего, это будет связано со сбором респондентов, но могут быть также и другие задачи по усмотрению вашего ментора. ©️ Почитать подробнее про проект и заполнить заявку можно здесь: https://smartpro.hse.ru/epp-view/2082 ©️ Дедлайн подачи заявок – 25 февраля Желаем удачи в прохождении отбора и будет рады видеть вас среди волонтеров! @hse_ux_lab

HSE UX LAB поздравляет вас с Днем всех влюбленных! Мы не могли пропустить такой праздник, поэтому делимся с вами когнитивными валентинками ❤️ Отправляйте своим вторым половинкам, друзьям или коллегам! с любовью, @hse_ux_lab

#ux_дизайн @hse_ux_lab

🤩 HSE UX LAB ищет стажёров-исследователей! Наш дружный и молодой коллектив ищет студентов и аспирантов НИУ ВШЭ на оплачиваемые должности стажёров-исследователей для участия в проектах лаборатории! Открыто три вакансии для студентов и две вакансии для аспирантов. В задачи стажёра-исследователя будет входить планирование, проведение и анализ данных исследований, а также написание статей и посещение лабмитингов. Лаборатория предлагает официальное трудоустройство, неполный рабочий день и гибкий график. 🔥Как подать заявку? Заполните Яндекс-форму! 🔥Дедлайн подачи заявки – 18 февраля, 23:59. @hse_ux_lab

Всем привет! Мы к вам с новостями и разъяснениями! ⚡️В то время, как набор на SMM-стажировку уже закрыт, HSE UX LAB с радостью анонсирует два новых события: уже сегодня откроется набор на вакансии стажеров-исследователей, а в скором времени – набор на исследовательскую стажировку! ❔В чем отличие и как понять, что из этого нужно именно вам? ©️ Исследовательская стажировка: – неоплачиваемая стажировка в течение 4х месяцев – студенты ВШЭ получают кредиты за стажировку – предполагается, что стажер “закреплен” за сотрудником Лаборатории и помогает ему/ей в проведении исследований ©️ Вакансия стажера-исследователя: – оплачиваемая работа (=ставка в Лаборатории) – официальное трудоустройство – предполагается планирование, проведение и анализ данных исследований, а также написание статей и посещение лабмитингов Если у вас остались вопросы, мы с радостью ответим на них в комментариях! Подавайте заявки на стажировку и вакансии, а мы будем с нетерпением ждать вас в нашей Лаборатории! 🤍 @hse_ux_lab

Наш следующий семинар будет посвящен многолетней работе наших коллег в гранте РНФ! Давно мечтали о гранте РНФ, но боялись спросить, каково им обладать? В рамках предстоящего когнитивного семинара коллеги из лаборатории когнитивной психологии пользователя цифровых интерфейсов поделятся своим опытом. Елена Сергеевна Горбунова расскажет, с какой попытки и как удалось получить одобрение заявки на грант РНФ, а также как работа была организована так, что его удалось продлить еще на два года и какие вершины собирается покорить этот научный коллектив в дальнейшем. На встрече основные исполнители гранта Анастасия Ануфриева и Фрол Сапронов расскажут о главных направлениях исследований и их результатах за практически 5 лет работы. Коллеги поделятся впечатлениями о реализации проекта гранта, в который входит посещение конференций и написание статей. Когда: 13 февраля Где: Zoom https://us06web.zoom.us/j/85783253919?pwd=j9YrQcfiwf4dvRjQxa7CUYUSz55Mmz.1 Идентификатор конференции: 857 8325 3919 Код доступа: 443961

🗣 Эффект хамелеона Вы замечали, как начинаете зевать, когда это делают другие люди рядом с вами? Или, возможно, вы невольно достаете телефон на паре, чтобы полистать новостную ленту, смотря на одногруппников, которые заняты тем же? Это называется эффектом хамелеона. Эта теория когнитивной психологии утверждает, что люди склонны пассивно и непреднамеренно имитировать эмоции, чувства, поведение, мимику других. Исследователи полагают, что мы делаем так потому, что это потенциально может положительно повлиять на наше социальное взаимодействие с людьми. UX-дизайнеры используют этот феномен, стремясь создать такой продукт, который будет вызывать определенные эмоции у пользователя. Примеры: ✓ Одним из известных примером применения данного феномена в UX является сова из Duolingo. Когда пользователь пропускает урок иностранного языка, в приложении появляется плачущая сова. Это побуждает вернуться к обучению и продолжить использование приложения. ✓ Этот прием также используется компанией Airbnb. Дизайнеры размещают на сайте фотографии радостных людей, которые, например, готовят пасту. Так пользователь получает сообщение, что он будет испытывать те же чувства, если примет участие в этом мастер-классе. Подобных примеров довольно много. Таким образом производитель с помощью продукта устанавливает контакт с клиентом и влияет на его поведение. #когнитивные_искажения @hse_ux_lab

Много — не всегда хорошо «А не слишком ли много я выбираю? Ещё и кнопок на стиральной машине так много, да я лучше вручную уже постираю. Я так устал, всё тлен, я так больше не могу» — подобные мысли посещали вас? Возможно, стоит обратиться к специалисту, а именно — к UX-дизайнеру. Да, выбор часто даётся тяжело, и вот одна из причин: паралич решения. Из-за слишком большого количества хороших альтернатив и функций выбрать одну становится более энерго- и времязатратной (согласно закону Хикса) задачей, особенно по сравнению со случаями, когда этих альтернатив меньше. Спустя несколько часов метаний от одного варианта к другому уже ничего выбирать не захочется, поэтому выглядит более простым бросить уже всё и ничего не выбирать(( Причём в этом случае пострадает и удовлетворённость сделанным решением: даже если вы изучили все доступные для выбора варианты, ваши ожидания могут оказаться завышенными, ведь столько труда было вложено в этот выбор. А если изучены не все, то вы можете предположить, что именно неизученные варианты были лучшими. Соболезнуем, теперь вы заложник упущенных возможностей. К тому же убавить количество функций может стать сложным из-за эффекта владения — феномена, при котором человек отказывается выбирать более новый и даже удобный продукт по сравнению со старым. Однако благодаря нему же привлекают «пробные недели пользования». Ведь за эту неделю вы начинаете чувствовать, что это продукт вам «принадлежит», и отпускать его не захочется, за что нужно будет уже заплатить. К продукту, которым вы не владели, такие чувства испытывать уже сложнее, и платить тем более. «И что теперь делать? Знание всех этих феноменов не поможет же прийти к разумному решению в подобных условиях» — наверняка подумали вы. Но есть некоторые предложения: • вам не придётся беспокоиться о том, всё ли вы изучили и всё ли просмотрели, если будете искать «достаточно хорошее» вместо «лучшего». • установка некоторых значений по умолчанию: к примеру, при покупке билета на МЦД изначально стоит «да» в «записи на карту» и «нет» в услуге «туда и обратно», ведь эти функции используются более часто, чем противоположные им. Так снижается когнитивная нагрузка на пассажира и экономится его время. #правила_ux @hse_ux_lab

Мы знаем, вы этого ждали! HSE UX LAB с радостью объявляет о наборе на SMM-стажировку! Что вас ждет? ⇨ Работа с текстом и с графическими редакторами ⇨ Создание контента для канала HSE UX LAB (да-да, этого самого канала) Как попасть на стажировку? ⇨ Заполнить эту форму до 23:59 08.02.2024 (четверг) и ждать ответ! Более подробно про проект можно почитать вот тут. А мы уходим отсматривать ваши заявки! @hse_ux_lab

#ux_дизайн @hse_ux_lab

🔮Как разные цвета могут менять восприятие интерфейса Казалось бы, что могло пойти не так? Вроде и все элементы в интерфейсе сбалансированы, и кнопки буквально у пользователя под носом, а фидбэк с тестирований не вызывает ничего кроме желания завернуться в одеялко и горько-горько заплакать… Возможно, все ваши старания были уничтожены проблемами в подборе цветов. Какими бы прекрасными ни были цвета сами по себе, под влиянием некоторых других они могут «испортиться». А ведь это может помешать передать нужный дизайнеру цвет! Чтобы такого не происходило, часто делают белую окантовку или же подбирают цвета так, чтобы никто не «портился» и все были довольны. Не стоит забывать и о контексте использования цветов, ведь во многом именно они будут задавать желаемую атмосферу. Использование зелёного цвета может быть обусловлено желанием показать связь с природой, коричневого — что-то брутальное или же гостеприимное, жёлтого — счастье или болезнь и т.д. Как видно из материала выше, сочетания цветов оказывают огромное влияние на впечатление от продукта. Но при проектировании интерфейса выделяют ещё несколько нюансов: К примеру, часто стараются ориентироваться только на три цвета (фоновый, базовый и акцентный), так как это позволяет пользователю меньше отвлекаться, не перегружая его. Далее эти самые три цвета распределяют по правилу 60-30-10, благодаря чему удаётся выделить элементы, с помощью которых пользователь сможет выполнить какие-либо действия. И остаётся добиться только согласованности. То есть использовать один и тот же цвет для одних и тех же целей: если в данном интерфейсе элементы, призывающие совершить действие, зелёного цвета, а предупреждения — красного, мы ни в коем случае не можем менять их цвета в разных местах. Это ведь только запутает пользователя! Что ж, вероятно, так интерфейс будет вызывать меньше слёз как у дизайнера, так и у пользователей. Ура! #ux_дизайн @hse_ux_lab

#правила_ux @hse_ux_lab