Вид интерфейса взаимодействия человека и компьютера

Обновлено: 07.07.2024

Пользовательский интерфейс ( user interface или сокращенно UI ) – это интерфейс, с помощью которого человек может управлять программным обеспечением или аппаратным оснащением. UI должны быть удобными в использовании, чтобы взаимодействие с ними происходило на максимально интуитивном уровне. Интерфейсы программного обеспечения также называют графическими пользовательскими интерфейсами ( graphical user interface или GUI ).

В отличие от современных реалий, первые компьютеры были слишком слабыми для графических пользовательских интерфейсов. Поэтому, в самом начале люди могли пользоваться только командной строкой ( CLI или command line interface ), в которой команды задавались с помощью запросов. Позже это переросло в TUI – интерфейсы, которые сегодня используются в процессе инсталляции операционных систем. Доступность компьютеров привела к необходимости разработки удобного пользовательского интерфейса.

Графический интерфейс пользователя – тип интерфейсов, который прочно закрепился наряду с постоянно увеличивающейся производительностью ПК. В ближайшем будущем могут появиться пользовательские аудио-интерфейсы ( VUI или voice user interface ), которые позволят людям взаимодействовать с компьютером с помощью речи.

В различных компьютерных играх применяется натуральный пользовательский интерфейс ( NUI или natural user interface ). Его система анализирует движения человека, и преобразует их в движения в игре. На данный момент в стадии разработки находится перцептивный пользовательский интерфейс ( PUI ), а также интерфейс мозг-компьютер ( BCI или brain-computer interface ). Последняя разработка направлена на то, чтобы обеспечить людям возможность управлять компьютерами силой мысли.

Интерфейс командной строки (Command Line Interface или CLI)

Среди областей применения интерфейса командной строки можно выделить DOS-компьютеры . Взаимодействие происходит с помощью ввода команд. Компьютер обрабатывает эти команды и выводит на экран очередную строку. Данный тип UI давно устарел. Большинство CLI заменены графическими интерфейсами.

Текстовый интерфейс пользователя (Text User Interface или TUI)

Этот тип интерфейса пользователя предназначен для работы с символами. Исполнение происходит в режиме аппаратного текста, однако часто используется и дисплей. В данном случае на каждый источник у программиста имеется 256 символов. Навигация производится клавиатурой, а не мышью. В качестве примера можно привести Norton Commander или Turbo Pascal . Этот интерфейс также используется в загрузчиках ОС и BIOS-программах . Данный тип интерфейса также используется для установки операционных систем.

Графический пользовательский интерфейс (Graphical User Interface или GUI)

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

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

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

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

При разработке GUI применяются определенные своды правил, которые помогают сделать программы удобнее в использовании. В качестве примера можно привести 8 золотых правил от Бена Шнайдермана . Ниже приведем несколько сносок из этих правил:

Согласованность: взаимодействие должно происходить всегда похожим образом. То есть, следует избегать использования панелей управления с опциями типа “ скопировать выделенную область ”, “ удалить выделенную область ”, “ добавить выделенную область ”. Данный пример показывает отсутствие согласованности в GUI , чего следует избегать;
Информативная обратная связь: все действия, производимые пользователем, должны быть подкреплены обратной связью. Например, если двойной клик открывает программу, то человеку приходится подождать пару секунд, прежде чем он сможет пользоваться этой программой. Чтобы пользователь знал, что его действия принесли результат, нужно проинформировать его об этом. Это можно реализовать сменой курсора. Один из старейших и привычных примеров – это курсор с песочными часами в Windows ;
Не перегружайте память пользователей: пользователи не в силах запомнить все и сразу. В длинных сегментах взаимодействия, где пользователь вынужден переходить по нескольким окнам, информация всегда должна отображаться в одной и той же области. Менее востребованная информация, которая отображалась в самом начале, должна быть скрыта.

Пользовательский аудио-интерфейс (VUI или voice user interface)

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

Тактильные интерфейсы пользователя (TUI или tangible user interface)

В них взаимодействие происходит за счет применения мячей или других физических объектов. Сегодня данный тип интерфейсов редко используется в повседневной жизни. Если рабочий компьютер постоянно стоит на одном столе, применение тактильных интерфейсов приобретает новый смысл, однако чаще всего они просто неприменимы в повседневной жизни. Музеи и выставки – отличный пример сферы применения TUI .

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

Натуральный пользовательский интерфейс (NUI или natural user interface)

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

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

К примеру, Nintendo Wii позволяет воспроизводить действия на экране за счет перемещения контроллера рукой. Среди других примеров – дополнение Kinect к Xbox , которое позволяет управлять игровым персонажем на экране движениями собственного тела. Что делает взаимодействие более натуральным.

Перцептивный пользовательский интерфейс (PUI или perceptual user interface)

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

Интерфейс мозг-компьютер (BCI и brain-computer interface)

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

Ценность оптимизации под поисковые системы

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

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

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

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

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

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

Что такое интерфейс

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

ввод и отображение информации (звук, изображение);

управление отдельными приложениями;

обмен данными с другими устройствами;

взаимодействие с операционной системой.

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

Виды интерфейсов

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

Командная строка

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

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

Графический и текстовый

Графика упрощает взаимодействие с компьютером, с ней работать гораздо легче и комфортнее, чем с текстом. В роли графического интерфейса выступают такие элементы:

рисунки и схемы;

другие графические элементы.

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

Текстовый интерфейс не использует изображения: команды отдаются с помощью текста и информация предоставляется в текстовом виде.

Жестовый, голосовой, тактильный и нейронный

Жестовое взаимодействие позволяет отдавать команды движениями пальцев. Оно применяется при работе с сенсорным экраном смартфона. Например, жест «вверх» заставляет появиться всплывающее окно.

Голосовой интерфейс — это управление голосом. Гаджет распознает и выполняет звуковые команды.

Тактильный подразумевает взаимодействие с помощью осязания: вибрация или чувствительность к силе нажатия.

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

Программный, аппаратный, аппаратно-программный

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

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

Пользовательский интерфейс

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

Веб, игровой сайт

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

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

Материальный

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

Интерфейс в телефонах

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

Каким должен быть интерфейс

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

Заключение

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

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

Что же такое интерфейс в целом?

Согласно Википедии, интерфейс является совокупностью средств, методов и правил взаимодействия (управления, контроля и т. д.) между элементами системы, ну а если выражаться русским не-матерным языком, то интерфейс — это способ взаимодействия чего-то с чем-то, т.е. все окружающее нас ничто иное нежели интерфейс, ведь само понятие нашей жизни раскрывается через взаимодействие с чем-то. Нет, небыло и не будет никого кто существовал бы без взаимодействия с чем-либо: например, кушаете макароны — интрефейсом является ложка (предвосхищая некоторое недовольство — да-да!, ложка — не интерфейс, а средство ввода, ну про средство вывода не будем упоминать, ну ладно — вы поняли о чем я) в рамках этого потока сознания (ЭССЭ — я сказал это — ЭССЕ) мы поговорим о человеко-компьютерном интерфейсе (хотя и это не совсем верно, но давайте убьем этого скобочного зануду и продолжим), итак сегодня мы говорим о ЧКИ.

Данный интерфейс предназначен для взаимодействия собственно человека и компьютера. Могие даже не задумываясь используют той или иной интерфейс при работе с электроникой, в частности, с компьютером. Например, данный текст целиком написан при помощи графического оконного интерфейса, а всего несколько лет назад (этак цать), автор сего эссэ пользовался текстовым интерфейсом, а возможно через несколько лет еще, или прямо завтра будет вполне успешно пользоваться другим интерфейсом (ха-ха! уже пользуюсь, и не первый год!). Последние изменения в IT-индустрии подвигли меня написать краткую статью, посвященную изменениям в интерфейсах ЧКИ. Давайте оглянемся внимательно назад — несколько десятилетий назад люди пользовались текстовыми интерфейсами и не помышляли о большем — ввод информации и команд с клавиатуры представлялся максимально удобным и единственно верным, применение других интерфейсов представлялось расточительством машинных ресурсов и замедляющим работу непотребством. Однако, компании Xerox ничто не помешало в своих лабораториях создать мышь и графический интерфейс, правда отцы основатели не отличались особой проницательностью и отличную идею получилось умыкнуть Apple — молодой и амбициозной организации, намеренной покорить рынок (забегая немного вперед — это ей удалось, но со второго раза). И что мы имеем — текстовый интерфейс пал!

Да здравствует новый король — графический оконный интерфейс. Правда текстовый интерфейс сохранился и здравствует по-ныне, однако мало кто об этом знает. Несомненно консоль и сейчас является незаменимым инструментом для диагностики и настройки не только в ОС Linux и BSD но и Windows, однако большинство пользователей даже не подозревает о ее наличии под тоннами графики. Посмотрите внимательно на экран своего компьютера (Линуксоиды — зайдите в гости к менеджерам и посмотрите на их компьютеры), что вы видите? Несмотря на многие различия в зависимости от установленной ОС вы с вероятностью 99% увидите оконный интерфейс с элементами управления окнами, со средствами создания новых окон независимо от ОС и прикладного (Ха-ха, ПРИКЛАДНОГО) ПО. Революция не за горами — удивитесь и узрите — новые интерфейсы уже сейчас перед вами!

Жестовый интерфейс

Бла-бла Ipad, бла-бла-бла iphone, android, да знаем, знаем…
Ну и знаете, ну и молодцы, однако не одними гаджетами жестовый интерфейс славится. Сам принцип жестового интерфейса далеко не нов — данный интерфейс широко эксплуатировался в кинематографии — например, сериал «Стар трек» и фильм «Особое мнение» (простите, не силен по части фильмов сайнс-фикшн, но, если покопаться, наберется много других примеров фильмов, в которых персонажи эффектно размахивая руками управляют объектами на экране или голограммами). Так что же мешало появлению жестового интерфейса? Да ничто не мешало, исследования начались задолго до первого коммерческого применения мультитача и не только начались, а были какие-никакие наработки — так первая поверхность с поддержкой мультитач появилась еще в 1985 году, а первым популярным продуктом, в котором она применялась, стал Apple iPhone — таким образом, от момента ее создания до мирового признания прошло почти 22 года (а я говорил, что революция будет — ну правда не 22 года назад, а всего-лишь двумя абзацами выше). Т.е. появлению новых интерфейсов мешают в основном недостаточный уровень текущих технологий, а вследствии этого чрезмерная дороговизна новых решений в сфере интерфейсов. Тем не менее, только ленивый сейчас не знаком с жестовым интерфейсом — на любом современном телефоне применяется именно он дорогой (Вот он! Интерфейс моей мечты!). Что же дает нам простым смертным пользователям жестовый интерфейс? Экраны с поддержкой мультитача, ориентированы на прямое взаимодействие с объектом который на них изображен, т.е. мы избавляемся от «посредника». Раньше все было просто — экран (дисплей) — устройство вывода, на нем мы видим изображение предмета, и при помощи устройства ввода (клавиатура, мышь) воздействуем на него, теперь же мы просто пальцем можем провернуть с объектом такие вещи, что раньше и не снились без участия мыши — повернуть, масштабировать, перенести, а когда нам будет нужна клавиатура — она появится на том же дисплее. Современные видеоигры также обзавелись жестовыми интерфейсами — там даже не нужно ничего трогать — достаточно производить жесты в пространстве. На сегодняшний день все лидеры игрового рынка представили свои решения в сфере жестовых интерфейсов. Первой на рынок вышла Nintendo с Wii, следом за ней с небольшим отставанием последовали Microsoft с Kinect и Sony с Move. Игровой контроллер Wii remote, «видя» инфракрасные огоньки на sensor bar, подключенный к консоли, определяет свое положение в пространстве. В Sony Move все наоборот: игрок держит в руках контроллеры со светящимися лампочками, а камера, подключаемая к приставке, наблюдает за их положением. В Kinect встроен проектор, усеивающий пространство перед собой матрицей из инфракрасных точек, одна из камер, настроенная на нужный диапазон, улавливает их расположение, и еще одна камера передает приставке обычное цветное изображение. Также Kinect снабжен стереомикрофоном и сервоприводом, корректирующим угол наклона камер. Все вместе это позволяет по-настоящему распознавать образы, а не просто улавливать расположение маркеров, т.е. при использовании Kinect нет необходимости что-либо держать в руках, однако это не позволит создать эффективную обратную связь, например тактильную, о которой речь пойдет ниже. Насколько хорош жестовый интерфейс? Об этом можно долго спорить, однако факт огромных продаж различных гаджетов с поддержкой жестового интерфейса, выпуск всеми титанами рынка видеоигр консолей с подержкой данного интерфейса говорит о многом — жестовому интерфейсу быть и здравствовать. К тому же Microsoft выводит Kinekt на рынок ПК, и есть уже готовые решения по управлению Windows при помощи жестов, например разработка от Evoluce использует Kinect, и предназначена для Home Edition и Windows 7 и позволяет управлять медиапроигрывателем и некоторыми функциями Microsoft Office и PowerPoint. В интернете есть видео, демонстрирующее все преимущества данного революционного вида управления (Гм… я бы сказал все косяки этого управления).

Однако, сможет ли жестовый интерфейс полностью вытеснить устройства ввода-вывода (А-а-а-а. Отдайте клавиатуру! Куда потащили!? Не отдам!)? Да вряд-ли, что-то этот интерфейс вытеснит в ближайшее время. Просто станет отличным дополнением к существующим, для примера возьмем масштабирование объектов — несомненно будет удобнее увеличить или уменьшить изображение щипковым жестом точно под интересующий нас размер, тоже самое с остальным медиа-контентом (перелистывание, масштабирование, перемотка и т.д.), а текст? Нет уж, текст мы как-нибудь без жестов наберем при помощи древних девайсов, хотя возможно нам предложат действительно стоящую альтернативу (ну тогда и поговорим). К тому же, то, что хорошо для малых дисплеев не всегда будет также хорошо для больших.

Попробуйте в течении нескольких часов махать руками перед 50-ти дюймовой панелью перемещая объекты (вот и решение фитнес-проблем менеджеров, не нужно дополнительных трат на абонементы). Примерно то же было и с мышью — она не вытеснила клавиатуру, а лишь удачно дополнила ее. Однако для гаджетов вроде уже все решилось — кнопки ушли, и ушли безвозратно (Ой-ли?)

Тактильный интерфейс

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

Среди того, что можно пощупать простым смертным, не имеющим спецпропусков в исследовательские лаборатории — Wii. В ней помимо жестового интерфейса, который правда реализован частично и не везде, также реализована обратная тактильная связь в виде вибрации при наведении на пункты меню. Это конечно не совсем, то что имелось ввиду, но минимальное представление получить можно.

Голосовой интерфейс

И данный тип интерфейса только в последнее время вышел в более-менее удобоваримом виде, ввиду того, о Siri не знает только ленивый, долго распинаться смысла особого не вижу, вообще то разработок голосовых интерфейсов было вагон и тележка, однако до удобоваримого (коммерческого) применения дошли только Apple и Google. Этот интерфейс также шагнул прямо из фантастических фильмов (правда сначала ранние разработки в идеализированном виде шагнули в кино, а потом обратно в жизнь). Электронное устройство на вопрос заданный голосом (не при помощи голосовых меток, а именно произвольно сформулированный и заданный) мы получаем адекватный ответ ввиде текста, голоса, либо ссылки. Применение может обрести поистине широкое, но также как и предыдущие типы не претендует на полное заменение старых интерфейсов, а способен прекрасно их дополнить.

Нейрокомпьютерный интерфейс

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

Наши продукты помогут вашему бизнесу оптимизировать расходы на маркетинг

Если рассматривать техническое значение, то интерфейс включает в себя:

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

Например, когда пользователь открывает программу Microsoft Word, он видит лист, разметку, фон и другие элементы. Это внешнее оформление. Возможность ввести текст, изменить шрифт, откорректировать содержимое – это функционал. А за кнопками скрывается внутренняя часть ПО, работа которой не видна пользователям.

Зачем нужен интерфейс?

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

Оказавшись на этой странице, вы:

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

Создание интуитивно понятного дизайна для пользователей – это одна из задач юзабилити. Процесс проработки UX – стадия создания идеального UI, в котором будет легко ориентироваться и находить нужную информацию.

Виды интерфейсов

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

Командная строка

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

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

Графический, текстовый

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

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

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

Современные UI включают текстовые и графические элементы.

Жестовый, голосовой, тактильный, нейронный

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

Технология voice user interface известна благодаря голосовым помощникам – Siri от Apple, Alexa от Amazon или Алиса от Яндекса. Помимо этого, на клавиатурах многих смартфонов есть опция записи звука, которая переводит его в текст. Тактильный UI – один из вариантов для управления, который был создан для незрячих людей, но его возможности применяются и при разработке смартфонов. Пример – разная степень вибрации при наборе клавиш на сенсорном экране.

NUI (жестовые, натуральные) чаще всего используются в играх с имитациями для приставок Xbox, Nintendo Wii или PlayStation. Эту же технологию вы можете встретить в оборудовании для «умного дома», например, при включении света или регулировании громкости Яндекс.Станции с помощью изменения положения руки.

Программный, аппаратный, аппаратно-программный

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

Аппаратный: дает возможность соединить два объекта, например, подключить принтер к ноутбуку с помощью WiFi или кабель USB.
Программный: создает связь между программами, к примеру – подключение API одного приложения к другому. Чтобы на сайте можно было залогиниться через социальные сети или аккаунт Google, используется именно эта технология.
Аппаратно-программный: комбинация технических элементов под управлением ПО.

Пользовательский интерфейс

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

В рамках этого понятия можно выделить подвиды. У каждого из них – свои особенности.

Сайты давно перестали нести в себе только информационную функцию. На доменах размещаются целые приложения, которые пользователи видят через призму web interface. Их преимущество в том, что не нужно устанавливать ПО – все функции доступны в браузере. Сейчас для их написания используются элементы JavaScript, HTML и CSS, а главная задача при разработке – продумать юзабилити так, чтобы посетителям было удобно.

Игровой

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

Материальный

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

Мобильный

Выделяется в отдельную группу SIMP (Screen, Icon, Menu, Pointer), поскольку его функционал отличается от разработки для десктопов. Элементы здесь заполняют экран полностью, а блоки и системы зависят от требований операционной системы. Поведение пользователей при взаимодействии со смартфонами отличается от работы на компьютере из-за размера экрана и отсутствия отдельной клавиатуры с мышью/тачпадом. Юзабилити приложений должно строиться на поведенческих паттернах пользователей, например, как они держат телефон в руке, каким пальцем набирают текст и листают страницы, какие действия удобно совершать на ходу и т.д.

Как проработать UI?

Современный user interface должен быть удобным, функциональным и динамичным. При его разработке важно учитывать все этапы взаимодействия с продуктом: от первого касания до регулярного использования. Каждый экран приложения, кнопка, текстовое описание имеют значение.

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

Читайте также: