О стороне цифровых сервисов, делающей их взаимодействие с пользователем удобным

Цифровой океанHi-Tech

Что такое пользовательский интерфейс. Какие виды пользовательских интерфейсов существуют и как они работают

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

Текст Юрий Филиппов

1716924702_photo_20240528_222745.jpg

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

Что такое пользовательский интерфейс?

Под словосочетанием “Пользовательский интерфейс” или аббревиатурой UI понимают внешнюю оболочку цифрового продукта, через которую происходит взаимодействие между ним и человеком (пользователем, оператором или администратором). Цифровым продуктом, обладающим UI, может быть:

1. Операционная система или платформа ПК.

2. Программа или приложение (для стационарного или мобильного ПК).

3. Веб-продукт (сайт, портал, онлайн-сервис).

4. Аппаратная часть других устройств (модем, банкомат и др.).

Первые пользовательские интерфейсы появились в 1960-е гг. В это время чтение программ с перфокарт было заменено на ввод программного кода с телетайпа. Вскоре после этого компьютеры обзавелись командной строкой. А точкой начала развития графических интерфейсов является 1963 год, когда была создана программа для проектирования Sketchpad.

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

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

Интуитивность

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

Отзывчивость

Идеальный UI отвечает на запросы пользователя максимально быстро, без задержек.

Эффективность

Правильно составленный UI позволит пользователю выполнить все запросы максимально просто.

Согласованность

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

Типы пользовательского интерфейса

Текстовый (командная строка)

Старейший вид внешней оболочки цифрового продукта. Другое название текстового интерфейса - CLI, или Command Line Interface. Этот вид UI представляет собой белый курсор на темном фоне, на месте которого оператор вводит команды к выполнению.

Текстовый UI отличает операционную систему DOS, а также низкоуровневые разновидности Linux. Также через командную строку вводят программные коды на различных языках программирования.

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

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

Графический

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

Альтернативное название интерфейса графического типа - GUI, или Graphical User Interface. Это окно или экран с элементами управления, списками, кнопками и переключателями. Пользователь нажимает на них, чтобы получить доступ к определенным разделам сервиса, отдать команду или открыть файл.

Первый GUI, если таковым считать не Sketchpad, а интерфейс, ставший прообразом современных графических интерфейсов, появился в 1973 году. Это была ОС от Xerox для компьютеров в исследовательских институтах. Apple создала свой графический интерфейс в 1983 году в Lisa Office System, а Microsoft - в 1985 в ОС Windows 1.0. В виде, известном большинству пользователей компьютеров, GUI предстал в 1995 году, во время выхода Windows 95.

Авторизуйтесь, чтобы продолжить чтение. Это быстро и бесплатно.

Регистрируясь, я принимаю условия использования

Рекомендуемые статьи

Как выбрать материнскую плату. На какие характеристики обращать внимание Как выбрать материнскую плату. На какие характеристики обращать внимание

Ориентируем в выборе материнской платы — «сердца» компьютера

Цифровой океан
Оценка проекта «Центры местного сообщества» с использованием глобального стандарта B4SI Оценка проекта «Центры местного сообщества» с использованием глобального стандарта B4SI

Магазины являются центром пересечения повседневных маршрутов самых разных людей

Позитивные изменения
Новое слово от зумеров: кого молодежь называет анками и что это значит Новое слово от зумеров: кого молодежь называет анками и что это значит

Что такое «анк» и кого так называет молодежь?

Psychologies
10 цитат Бруно Беттельхейма, которые помогут стать человечнее 10 цитат Бруно Беттельхейма, которые помогут стать человечнее

Чему Бруно Беттельхейма научил опыт пребывания в концлагерях?

Psychologies
Называл «солнцем» и домогался: как харассмент в университетах влияет на студенток Называл «солнцем» и домогался: как харассмент в университетах влияет на студенток

Чем опасен харассмент в академической среде и на ком лежит ответственность?

Forbes
Сексуальный паразитизм сделал удильщиков самыми разнообразными глубоководными рыбами Сексуальный паразитизм сделал удильщиков самыми разнообразными глубоководными рыбами

Как удильщики стали самой разнообразной группой позвоночных в батипелагиали

N+1
Видео: посмотрите на солнечные дожди, извержения и корональный «мох» на поверхности Солнца Видео: посмотрите на солнечные дожди, извержения и корональный «мох» на поверхности Солнца

Что помогут нам объяснить потоки перегретого материала на Солнце?

ТехИнсайдер
Искателям приключений Искателям приключений

Знакомимся с Kavi 9 — одной из моделей молодой турецкой верфи Kavi Yachts

Y Magazine
Какие 7 шок-изменений в теле ты заметишь, если просто начнешь бегать по утрам Какие 7 шок-изменений в теле ты заметишь, если просто начнешь бегать по утрам

Ищем лучшую мотивацию для регулярных утренних пробежек!

VOICE
Следующая золотая лихорадка будет в океане Следующая золотая лихорадка будет в океане

О шансах человека взять под контроль 72 процента площади Земли

Монокль
Город в поисках культурной идентичности Город в поисках культурной идентичности

Улан-Удэ: русская провинциальная архитектура и монгольская героика

Weekend
Символы статуса: 5 вещей, которые почти невозможно получить, даже если вы баснословно богаты Символы статуса: 5 вещей, которые почти невозможно получить, даже если вы баснословно богаты

Кое-что в этой жизни так просто не покупается (и речь тут не о сантиментах)

Maxim
Александр Пиперски: «Нейросети взломали систему человеческой коммуникации» Александр Пиперски: «Нейросети взломали систему человеческой коммуникации»

Как мы будем обмениваться информацией в век новых технологий

РБК
«У меня нет контакта со всеми. У меня есть контакт с каждым». Отрывок из книги о детском спорте «У меня нет контакта со всеми. У меня есть контакт с каждым». Отрывок из книги о детском спорте

Как избежать физических и психологических травм в детском спорте

СНОБ
Скоро потеплеет: 10-минутный лайфхак, как почистить вентилятор и подготовить его к работе Скоро потеплеет: 10-минутный лайфхак, как почистить вентилятор и подготовить его к работе

Как быстро и качественно почистить внтилятор, не разбирая его

ТехИнсайдер
Как сила воли влияет на наши решения Как сила воли влияет на наши решения

Как и зачем тренировать силу воли?

Psychologies
Что такое спейс-электроника и как ее слушать. Отрывок из книги «Планетроника» Что такое спейс-электроника и как ее слушать. Отрывок из книги «Планетроника»

Глава из книги про историю электронной музыки от журналиста Ника Завриева

СНОБ
Максим Севриновский: «Я сомневаюсь до конца» Максим Севриновский: «Я сомневаюсь до конца»

Исполнитель главных ролей о том, из чего состоит актерская профессия

Монокль
Что смотреть в выходные: 6 новых фильмов, которые вы могли пропустить Что смотреть в выходные: 6 новых фильмов, которые вы могли пропустить

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

Правила жизни
4 ошибки, которые мы допускаем, когда нас преследует тревога 4 ошибки, которые мы допускаем, когда нас преследует тревога

Большинство привычных способов реакции на тревогу лишь усугубляют ситуацию

Psychologies
«Конец мира — это только начало: Экономика после краха глобализации» «Конец мира — это только начало: Экономика после краха глобализации»

Как деглобализация повлияет на важнейшие промышленные материалы

N+1
Ольга Пескова: «Человечеству не нужно бояться альтернативной реальности» Ольга Пескова: «Человечеству не нужно бояться альтернативной реальности»

Как не раствориться в цифровом мире и сохранить свою человеческую идентичность?

РБК
Как образ жизни влияет на качество секса: 3 ключевых фактора Как образ жизни влияет на качество секса: 3 ключевых фактора

Как изменения в образе жизни могут повлиять на сексуальную жизнь?

Psychologies
Орангутан полечил свою рану листьями лианы Орангутан полечил свою рану листьями лианы

Биологи заметили, как орангутан обрабатывает свою рану с помощью растения

N+1
Как выйти из токсичных отношений с самим собой Как выйти из токсичных отношений с самим собой

Почему мы ругаем себя? Чем отличается самоанализ и самокритика?

Psychologies
Кто так строит: как «Дом-2» стал самым известным долгостроем страны Кто так строит: как «Дом-2» стал самым известным долгостроем страны

Самые громкие скандалы, самые важные имена и самые значимые вехи телепроекта

Правила жизни
Семь советов родителям Семь советов родителям

Как приучить ребёнка к правильному питанию, чтобы он получал всё необходимое?

Здоровье
«Следствие насилия»: 4 шага, чтобы справиться с угодливостью «Следствие насилия»: 4 шага, чтобы справиться с угодливостью

Как перестать угождать всем?

Psychologies
Готовы ли мы оказать помощь: за это отвечает определенный регион мозга, который нашли ученые Готовы ли мы оказать помощь: за это отвечает определенный регион мозга, который нашли ученые

Нейробиологи установили регион мозга, ответственный за помощь другим

ТехИнсайдер
«Болезнь молчания»: как правильно говорить на сложные и запретные темы с коллегами «Болезнь молчания»: как правильно говорить на сложные и запретные темы с коллегами

Как создать среду без табу в коммуникации? Почему возникает «болезни молчания»?

Forbes
Открыть в приложении