ФГБОУ ВО Пермский национальный исследовательский государственный университет

компьютерных систем и телекоммуникаций    Психология дизайна Законы дизайна интерфейсов Работу выполнила студентка 2

курса Направление «Радиофизика» Профиль магистратуры «Информационные процессы и системы» Забегаева Светлана Владимировна      Пермь, 2019

занимают это пространство.
Что это за принципы?
Каковы примеры этих принципов

в работе?
Рассмотрим законы дизайна интерфейсов и эффекты человеческого восприятия.

ощущение удобства интерфейса, даже если есть какие-то проблемы в проектировании.
Часть

роли дизайна заключается в том, чтобы вызывать чувства привязанности, лояльности и терпения. А это решающие моменты в долгосрочном использовании и успехе продукта. С помощью логики и красоты можно многого добиться.

неудобствам. Он маскирует проблемы юзабилити и мешает обнаружить их во

время тестов.

им придется приложить меньше усилий для достижения своей цели. Чем

ближе они чувствуют себя к этой цели, тем больше вероятность того, что они будут настойчивы.
Основные моменты
Сделайте прогресс видимым. Так пользователям будет легче понимать, насколько быстро они идут к цели и стоит ли что-то изменить.

будет самый простой вариант.
В дизайне эта идея помогает делать выбор

в пользу «меньше, но лучше». Не стоит усложнять функционал или информацию. Перегруженный идеями продукт труднее создавать, использовать и управлять им.
Основные моменты
Анализируйте каждый элемент и удаляйте всё, что можно удалить без ущерба для целевой функции.

На главной «Хабрасторейджа» всего одна кнопка

усилий дают 80% результата, тогда как 80% усилий дают лишь 20% результата. В контексте

пользовательского интерфейса это значит, что 





Основные моменты
Направляйте большую часть усилий на те сферы, которые принесут больше всего пользы большинству пользователей.

ЛУЧШЕ МЕНЬШЕ ДА ЛУЧШЕ
Австралийская компания-разработчик Atlassian обновила приложение Confluence Cloud (система совместной работы — прим. редакции boodet.online), сопроводив обновление комментарием: «Мы УБРАЛИ некоторые функции в этом релизе, и сейчас объясним, почему».
Имея доступ к пользовательским данным, нетрудно проследить, какими функциями приложения подписчики действительно пользуются, а какие игнорируют. Atlassian провел этот нехитрый анализ и вместо добавления новых функций убрал все ненужное. Это наглядный пример афоризма «лучше меньше да лучше» в контексте пользовательского интерфейса.

напрямую коррелирует с количеством и сложностью доступных опций. Это означает,

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

«Если ядерный реактор будет перегреваться, вы не захотите, чтобы оператор искал инструкцию.»

решения той или иной задачи.
Добавление на экран пустого состояния короткие,

четкие и понятные инструкции.

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

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

для новых пользователей. Рассмотрим внедрение на примере Slack. Вместо погружения

пользователей в полнофункциональное приложение после прохождения ими нескольких встроенных слайдов, они используют бота (Slackbot), чтобы привлекать пользователей и подсказывать им изучить функцию обмена сообщениями более комфортно.
Во избежание того чтобы новые пользователи не чувствовали себя перегруженными, Slack скрывает все функции, кроме ввода сообщений. А когда пользователи уже умеют общаться через Slackbot, им постепенно открываются дополнительные функции.

Скриншоты из прогрессивного опыта внедрения Slack

ему избавиться от лишнего выбора.
Убирайте второстепенные страницы, лишние ссылки

и перегружающие интерфейс детали.
Разбивайте длинные или сложные процессы на экраны с меньшим количеством опций.
Используйте постепенное внедрение для минимизации познавательной нагрузки для новых пользователей.

Покупка на Amazon за один клик – отличный пример применения закона Хика. Уменьшение количества опций на экране делает интерфейс более удобным для пользователя. Также более вероятно, что пользователь достигнет цели и не запутается.

Отличный пример применения закона Хика в дизайне — это списки

средний человек может хранить только 7 (± 2) элементов в

своей оперативной памяти. Он проистекает из статьи, опубликованной в 1956 году когнитивным психологом Джорджем Миллером, который обсуждал пределы кратковременной памяти и объема памяти.
К сожалению, за эти годы было много неправильного толкования в отношении этой эвристики, и это привело к тому, что «магическое число семь» использовалось для оправдания ненужных ограничений (например, ограничение меню интерфейса не более чем на семь элементов).

Пример выполнения закона Миллера

телефонов. Без Фрагментации номер телефона будет длинной строкой символов, что

увеличивает сложность обработки и запоминания. Альтернативно, телефонный номер, который был отформатирован (фрагментирован), становится намного проще интерпретировать и запоминать.

Пример Фрагментации элементов, таких как номера телефонов

небольшие кусочки, она легче и быстрее воспринимается и запоминается.
Разбивайте контент

на небольшие фрагменты (по 5-9 фрагментов), чтобы помочь пользователям легко обрабатывать, понимать и запоминать информацию.

использования. И чем больше сценариев получается охватить, тем больше становится

гибкость функционала.
Если гибкость системы увеличивается, увеличивается и ее сложность. А из-за этого удобство использования и эффективность, соответственно, уменьшаются.
Основные моменты
Не надо жертвовать простотой ради ненужных функций.

Многие пользователи Excel даже не подозревают о существовании большинства его функций

чтобы всегда была возможность эти ошибки исправить.
Как должна вести себя

система, когда пользователь вот-вот нажмёт клавишу, и это приведет к непреднамеренным (и, вероятно, негативным) последствиям? Допускать эти последствия точно не стоит.
Можно переспросить пользователя заранее, или, что ещё лучше, дать возможность сделать шаг назад.
Основные моменты
Расположите информацию таким образом, чтобы свести к минимуму возможные ошибки. Например, можно сделать самые часто используемые элементы самыми доступными в плане размера или расположения.

Удобная обработка ошибок и автокомплит в JotForm Cards

расстоянию до цели и обратно пропорционально её размеру.
Происхождение
В 1954 году

психолог Пол Фиттс, исследуя двигательную систему человека, показал, что время, которое необходимо для перемещения к цели, зависит от расстояния до нее, и вместе с тем обратно пропорционально ее размеру. Согласно его закону, быстрые движения и маленькие кнопки приводят к большему количеству ошибок из-за сложности прицеливания. Хотя существует множество вариантов закона Фиттса, все они отражают одну идею.

их поближе к пользователям. Это правило особенно актуально для кнопок,

назначение которых в том, чтобы их было легко найти и выбрать.

В меню слева нажимаются названия пунктов, справа — строки целиком.
Лишнего места не тратится, но попасть в любой из пунктов легче.
Также необходимо заботиться о том, чтобы нажималась подпись радиокнопки или чекбокса, а не только они сами:

с носиком приглашает нас налить жидкость, а длинный ремень, прикрепленный

к сумке, как бы намекает носить его через плечо. Это наглядность — термин, который популяризировал Дон Норман в «Дизайне привычных вещей».
Объект наглядный, если его не надо подробно изучать, чтобы понять, что с ним делать.

— это то, что мы думаем что мы знаем о

системе, особенно о том, как она работает. Будь то сайт или автомобиль, мы формируем модели того, как работает система, а затем применяем эту модель к новым ситуациям, когда система схожа. Другими словами, мы используем знания, которые мы уже имеем из прошлого опыта при взаимодействии с чем-то новым.

данные, относящиеся к проектам, можно использовать эти психологические принципы, в

качестве руководства для разработки дизайна более интуитивных, ориентированных на человека продуктов и опыта. Учет этих принципов помогает создавать такой дизайн, который учитывает поведение людей в противовес принуждению подстраиваться под технологии.