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

Цифровой океан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.

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

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

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

Android System WebView. Что это за программа, для чего нужна Android System WebView. Что это за программа, для чего нужна

Для чего нужно приложение WebView и что случится, если его удалить

Цифровой океан
Татуировки повышают риск развития рака на 21% Татуировки повышают риск развития рака на 21%

Нанесение татуировки увеличивает риск развития лимфомы на 21%

ТехИнсайдер
Как не позволить ИИ заменить вас на работе? Узнайте ответ экспертов! Как не позволить ИИ заменить вас на работе? Узнайте ответ экспертов!

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

ТехИнсайдер
Снимая святых Снимая святых

Глеб Панфилов как режиссер житий

Weekend
Что такое AWD: как работает, плюсы и минусы, отличия от 4WD Что такое AWD: как работает, плюсы и минусы, отличия от 4WD

Разбираемся в том, что скрывается под тремя буквами с окончанием «WD»

РБК
Литературные персонажи, которые бесят всех до чертиков Литературные персонажи, которые бесят всех до чертиков

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

Maxim
Роль керамического искусства в интерьере. Художник Никита Макаров — о том, как сформировать коллекцию Роль керамического искусства в интерьере. Художник Никита Макаров — о том, как сформировать коллекцию

Художник Никита Макаров — как прикладное искусство преображает повседневность

СНОБ
Всё сложится! Всё сложится!

Лайфхаки, которые упростят сборы и сделают путешествие комфортнее

Новый очаг
Что значат названия и обозначения гражданских самолетов Что значат названия и обозначения гражданских самолетов

Как называют самолеты? Совсем не так, как поезда!

Maxim
Старость не радость? Старость не радость?

Человечество стареет. Тенденция отмечается практически во всех странах мира

Наука и Техника
ДКС: двигатель технологической революции в России ДКС: двигатель технологической революции в России

Глава компании ДКС: «Нам нужно постоянно крутить педали — и мы это делаем»

Монокль
Просто огонь: Как устроен боевой робот «Папочка» Просто огонь: Как устроен боевой робот «Папочка»

Как надо строить роботов-гладиаторов

ТехИнсайдер
Осторожно, у вас гений. Как помочь ребенку, опережающему в развитии Осторожно, у вас гений. Как помочь ребенку, опережающему в развитии

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

СНОБ
Больше не жужжат: как избавиться от ос на дачном участке Больше не жужжат: как избавиться от ос на дачном участке

Как отпугнуть ос подальше от дачи и что делать, если нашли осиное гнездо?

ТехИнсайдер
Разработан новый метод борьбы с галлюцинациями больших лингвистических моделей Разработан новый метод борьбы с галлюцинациями больших лингвистических моделей

Как система KnowHalu помогает бороться с галлюцинацими

ТехИнсайдер
Принцип бинокля в отношениях Принцип бинокля в отношениях

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

Лиза
Как победить эффект «йо-йо» Как победить эффект «йо-йо»

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

Здоровье
Узнайте правила мафиози! «Омерта»: кодекс молчания, которым пользуется мафия Италии Узнайте правила мафиози! «Омерта»: кодекс молчания, которым пользуется мафия Италии

Что такое «омерта»? Почему её так отчаянно эксплуатирует мафия?

ТехИнсайдер
Смена образа Смена образа

TLC-диета — один из самых простых и гуманных способов похудеть

Лиза
Надежда Зозуля: «Свёртывание крови – две стороны одной медали. С одной стороны – склонность к тромбозам, с другой – к не менее опасным кровотечениям» Надежда Зозуля: «Свёртывание крови – две стороны одной медали. С одной стороны – склонность к тромбозам, с другой – к не менее опасным кровотечениям»

Как понять, что есть проблемы со свертыванием крови? Что должно насторожить?

Здоровье
От выгорания к гармонии: как построить здоровые отношения с работой От выгорания к гармонии: как построить здоровые отношения с работой

Отрывок из книги «Я больше не хочу всем нравиться»

Inc.
День, неделя, месяц: сколько нужно общаться онлайн перед первым свиданием День, неделя, месяц: сколько нужно общаться онлайн перед первым свиданием

Нужна ли долгая переписка перед тем, как согласиться на живое свидание?

Psychologies
Люди, которые любят вино, чаще называют свои дни «счастливыми» Люди, которые любят вино, чаще называют свои дни «счастливыми»

Согласно опросу, месяц обязательно будет «выдающийся», если вы выпиваете вино!

ТехИнсайдер
По ту сторону диагноза: как живет человек с рассеянным склерозом По ту сторону диагноза: как живет человек с рассеянным склерозом

История девушки с рассеянным склерозом, которая смогла добиться ремиссии

СНОБ
Что такое настоящая дружба и как ее обрести: рассуждения экспертов Что такое настоящая дружба и как ее обрести: рассуждения экспертов

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

Psychologies
Все о бронеавтомобиле «Тигр»: история создания и характеристики Все о бронеавтомобиле «Тигр»: история создания и характеристики

Что представляет бронеавтомобиль «Тигр»

РБК
10 крупных народов, у которых нет своего государства 10 крупных народов, у которых нет своего государства

В мире существует большое число этносов, лишенных собственного государства

ТехИнсайдер
Знай свой двигатель: как отличить компрессор от турбонаддува Знай свой двигатель: как отличить компрессор от турбонаддува

Что такое компрессор? Что такое турбонаддув? Что из них лучше?

ТехИнсайдер
Не хочу, не буду!.. Не хочу, не буду!..

Как приучить детей к здоровой еде? Руководство для заботливых родителей

Лиза
Кто я, если не я Кто я, если не я

«Я не киллер»: Ричард Линклейтер о 1990-х и кризисе самоидентификации

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