10 правил хорошего пользовательского интерфейса

Интуитивный интерфейс

Интуитивность сайта или приложения оценивается по тому, как в нем ведет себя пользователь. В идеальной ситуации:


#1. Пользователь легко находит в интерфейсе то, что поможет решить его проблему. Он сразу понимает, куда попал и что нужно сделать.

#2. Понимает, как взаимодействовать с любым элементом. Кнопки должны выглядеть как кнопки, поля ввода — как поля ввода, а то, что выглядит кликабельным, должно быть кликабельным.

#3. Может предугадать, что произойдет, если начать взаимодействовать с элементами. Тут важен не только дизайн, но и текст. Без понятной лаконичной надписи кнопка — не кнопка.

#4. Дизайн отзывчивый. Если пользователь нажал «Сохранить», должно появиться подтверждение. При загрузке файлов тоже нужны обозначения: для коротких закачек — прелоадер (крутящийся кружочек), для долгих — прогресс-бар (индикатор загрузки).

#5. Результат соответствует ожиданию. Если пользователь удивился результату своих действий, поймите, почему, и исправьте ситуацию.

Виды интуиции

Для выделения типов интуиции (наития) существует несколько подходов. По одному из них понять, что такое интуиция, и как протекает этот процесс, можно, выделив два её вида:

  • чувственная;
  • интеллектуальная.

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

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

Два основных вида «шестого» чувства

Ещё один подход к классификации интуиции связан с видами предметно-практической деятельности человека. Тут она подразделяется по следующим позициям:

  • житейская;
  • профессиональная: техническая и врачебная;
  • научная;
  • творческая (художественная).

Интуиция по-разному проявляется в зависимости от ситуации, но механизм ее образования остаётся неизменным.

Виды интуиции по роду деятельности

Житейская интуиция

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

Профессиональное интуитивное понимание реальности

Краткое определение того, что значит интуиция на профессиональном уровне, звучит так: «Интуитивное озарение – это результат решения проблемы, основанный на приобретённом багаже знаний и профессиональном опыте».

Научная интуиция

Стоит ответить на вопрос «Интуиция, дополненная исследованием, – чье это кредо?». Изучением роли «шестого чувства» в научном созидании занимаются учёные разных сфер: от представителей точных наук до психологов и социологов. Существует определение этого термина – сосредоточенность изобретателя на проблеме с такой степенью, что она приводит к поиску решения.

Томас Кун в своей книге «Структура научных революций» так формулирует, что такое интуиция, – это тип понимания, не достижимый только при помощи вербальных средств. И слова, и природа постигаются одновременно. Интуитивный ответ является неявным знанием, приобретённым при практическом участии в исследованиях, нежели усвоенным из правил, которые регулируют научную работу.

Творческое понятие интуиции


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

Интересно. Никола Тесла после наблюдений за электромашиной с коллектором и работающей на переменном токе, заявил о возможности создания генератора без коллектора. Это его интуитивное знание привело к изобретению асинхронных двигателей.

Творчество и озарение

Естественный? Может быть. Интуитивно понятный?… Хм.

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

Да, за годы кривая обучения для взаимодействия человека с компьютером значительно сократилась. Сейчас у нас есть коренное (нативное) цифровое поколение, постигающее технологии и программы намного быстрее. Есть даже цифровые иммигранты, которые научились с легкостью управлять приложениями и операционными системами – не удивительно, что это зачастую технологические афисионадо или люди, работающие в стартапах или IT-компаниях.

Но все это нисколько не делает цифровые интерфейсы естественными. Говорить, что компьютерные системы сейчас стали интуитивными, так как молодые люди и люди из Кремниевой Долины приняли их, это все равно, что говорить кредитный дефолтный своп прост, так как кто-то с Уолл-Стрит вам рассказал об этом.

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

Причина ее звонка была проста – она не смогла заняться своей любимой деятельностью, так как не работал интернет. Все, что надо было сделать, это переподключить Wi-Fi соединение. Это потребовало трех кликов на ее машине с Windows 8. Считанные секунды… если вы знаете, что делать.

Но моя бабушка только общается в Skype и читает новости, она и знать не знает, какая иконка в правом нижнем углу отвечает за Wi-Fi. Тот факт, что ее вид меняется от статуса соединения, не может помочь в объяснении по телефону. Она также не знает, к какой из доступных сетей ей следует подключиться.

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

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

Цена прикосновения

Перевод

Ты когда-нибудь задумывался о том, сколько раз в день ты касаешься тачскрина своего мобильного устройства? Сотни и сотни раз, верно? Но какова цена этих прикосновений? Как разработчик мобильных приложений, я много взаимодействую со своими мобильными устройствами — делаю все эти «свайпы», «пинчи», и «зумы». Я додумался добавлять скрытые ярлыки, чтобы пропускать определенные шаги в моем приложении, чтобы не пришлось постоянно нажимать на тачскрин устройства, пока я занимаюсь разработкой. После этого я стал замечать, насколько интенсивно мы используем сенсорные экраны наших мобильных устройств и сколько это отнимает усилий.

Что значит быть «интуитивным»?

Словарь Merriam-Webster определяет «интуицию» как::

Не похоже на то, к чему можно свести взаимодействием между человеком и машиной.

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

Что их продуктам не нужно понимание и знания. Что они интуитивны.

Если вы поищите это слово в пресс-центре Apple, вы получите в результатах ссылки на iOS 8, CarPlay, Safari и т.п. Посмотрите официальный блог Google и вы найдете более 30 разных постов. Проверьте сайт Microsoft для прессы на наличие i-слова и вы увидите более 89 страниц контента!


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

Интуиция в психологии

В психологии интуиция определяется как выход за границы привычных стереотипов, таких как логический и последовательный поиск решения задач.

Первопроходцем психологических объяснений интуиции был К.Г.Юнг, который создал теорию коллективного бессознательного, которое отражает практически все множество идей, находящих свой выход в виде интуиции. Не смотря на то, что интуиция имеет связь с эмоциями и чувствами она является логическим актом, своеобразным вектором мыслительного процесса. Важнейшим условием для открытия двери интуиции является отказ от стереотипов мышления, попыток логически предугадать исход и излишней интеллектуализации.

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

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

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

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

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

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

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

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

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

Процесс обучения

Давайте вернемся назад во времени, к Windows 3.x. Microsoft добавил игры в операционную систему, чтобы научить пользователей использовать новые взаимодействия. Как Джаред Спул объяснил в этой статье, одно из условий знакомства с дизайном, это “обучение пользователя, но естественным образом”. Джаред рассказывает о пробеле между текущими и желаемыми знаниями и о том, как обучение помогает соединить их. Я думаю, что уровень мотивации такого обучения улучшает процесс тренировки и ускоряет его. Поэтому идея Microsoft по использованию игр для мотивации людей к изучению новых взаимодействий была хорошей.

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

Например, подумайте о вождении автомобиля. Сначала вы думаете, как им управлять, но потом этот навык становится автоматическим, а вы начинаете думать о том, как безопасно добраться в нужное место. Когда управление устройством становится автоматическим, мы можем сказать, что оно стало интуитивным, то есть знакомым. Этот процесс требует много практики. Apple сделала его более знакомым для пользователей при помощи рекламы, в которой люди видели что-то новое, анализировали действия и искали определенные модели поведения.

Если мы взглянем на путь потенциального клиента Apple в 2007, мы сможем увидеть в нем применение теории социального обучения Альберта Бандуры. Вот как происходит этот процесс:

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

Вспомните человека в рекламе, который демонстрирует, как управлять iPhone. На этой стадии целевая аудитория учится использовать смартфон, хотя iPhone ещё даже не доступен в магазинах. Удержание. Чтобы удержать то, чему вы научились, вы должны смотреть на это поведение снова и снова. С бюджетом Apple на рекламу вы точно увидите много повторений. Воспроизведение. Здесь вы должны продемонстрировать, чему вы научились. Человека заходит в магазин, чтобы попробовать воспользоваться iPhone, который он видел по телевизору. Практика очень важна для сохранения новых знаний. Мотивация. Мотивация к повторению поведения важна, чтобы вы продолжали практику. Так владельцы iPhone демонстрируют новое устройство своим друзьям и вознаграждаются их вниманием.

Как развить интуицию

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

Как развить интуицию и скрытые способности? Первоначальным условием развития является наличие веры и поиск необходимых, подтверждающих воспоминаний. На моменте воспоминания важным является воспроизвести в памяти не только события интуитивного опыта, но и сопутствующие этому ощущения телесного и эмоционального спектра, для того чтобы в дальнейшем воспроизводить необходимое состояние. На следующем этапе, максимально выключив логику и войдя в необходимое состояние, которое было обозначено путем воспоминаний, следует начинать задавать интересующие вопросы и прислушиваться к изменениям, происходящим с состоянием. Чем ближе оно к первоначальному, присутствовавшему в прежних интуитивных опытах, тем больше вероятность правильности интуитивного выбора в данный момент.

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

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


Развитая интуиция отражается телесными ответами, которые можно научиться считывать. Так, найдя максимально комфортное место, где вас не побеспокоят, необходимо задавать себе простые вопросы, ответы на которые очевидны (на улице день? – да; я сижу на диване? — да) – и отслеживать все телесные реакции, которые происходят. На очередном десятке вопросов вы сможете из множества реакций выделить что-то общее (покалывание пальца, тепло в груди, дергается глаз, расслабляется спина и т.д.). Вторая часть тренировки состоит в поиске реакции на отрицательный ответ, аналогичным способом. После того, как найдены ваши индивидуальные физические реакции, можно приступать к тренировкам с вопросами, ответы на которые вам не столь очевидны.

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

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

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

Мы в телеграм! Подписывайтесь и узнавайте о новых публикациях первыми!

Как пробуждать и развивать интуицию

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

Вот примерные этапы тренировки:

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

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

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

Пробудить интуицию можно, выполняя упражнения, указанные на картинке ниже.

Упражнения для пробуждения интуиции

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

Интуитивность не должна быть целью дизайна

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

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

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

Разбор значения определения «интуитивно понятный»

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

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

В общем, интуитивно понятный означает простой в использовании.

Но если вы посмотрите глубже, что на самом деле имеют в виду люди, когда начинают приводить примеры опыта, который «кажется интуитивно понятным», вы в конечном итоге получите фундаментальный набор принципов дизайна, которые должны быть вам знакомы, если вы UX или UI дизайнер:

  • Заметность: видны ли важные элементы на экране? Чем заметнее элемент, тем больше вероятность того, что пользователи узнают о нем и о том, как его использовать.
  • Обратная связь: когда пользователь предпринимает какие-либо действия, ясно ли ему, какое действие было предпринято и что было достигнуто этим действием?
  • Ограничения: ограничивает ли интерфейс набор действий, которые может предпринять пользователь? Бесконечные возможности часто оставляют пользователя в замешательстве.
  • Аффордансы: помогает ли дизайн людям понять, как взаимодействовать с определенными элементами? Суть заключается в том, чтобы дать пользователям «подсказки» о том, как работает каждый компонент.
  • Очевидность: можно ли выяснить, как использовать объект, взаимодействуя с ним?
  • Ориентация: знает ли пользователь, где он находится в структуре продукта в данный момент времени? Он знает, как двигаться вперед и назад?
  • Ожидание: соответствует ли результат действия ожиданиям пользователей до выполнения этого действия?
  • Эффективность: эффективен ли продукт, помогая пользователям выполнить задачу? Есть ли место для повышения эффективности, сокращения сценариев или ускорения результатов?

С этим читают