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

Информатика, 7 класс. Учебник: Кадыркулов Р. А., Рыскулбекова А. Д., Нурмуханбетова Г. К. (Алматыкітап баспасы, 2023). Раздел 2: Сети и безопасность. Страницы 36–39.

Чему научишься

• Объяснять, что такое интерфейс и пользовательский интерфейс.
• Различать интерфейс командной строки (CLI) и графический интерфейс (GUI).
• Сравнивать их достоинства и недостатки.
• Рассказывать, откуда появились окна, значки и мышь.
• Оценивать удобство интерфейса программы.

Разминка

• Что ты можешь рассказать об удобстве управления компьютером с помощью команд? Команды быстрые и точные, если знаешь их наизусть. Но запоминать надо много, а одна ошибка в букве, и ничего не сработает.
• Знакомо ли тебе слово «интерфейс»? Где его используют? Его слышат везде: «интерфейс игры», «интерфейс приложения», «интерфейс USB». Везде это значит «то, через что что-то с чем-то взаимодействует».
• Что такое компьютерная эргономика? Это забота о том, чтобы работать за компьютером было удобно и безопасно: понятные кнопки, читаемый шрифт, правильная посадка, нормальная высота экрана.

Разбираемся

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

Слово пришло из английского: inter значит «между», face — «лицо». Интерфейс — это «лицо» между двумя сторонами. Он есть у телефона и телевизора, у розетки и у чайника.

Пользовательский интерфейс — это всё, через что ты общаешься с компьютером: меню, значки, окна, кнопки, команды. Так ты запускаешь программы и управляешь ими.

📌 Интерфейс — это среда взаимодействия человека и компьютера. Хороший интерфейс понятен без инструкции.

Быстро «разговаривать» с компьютером помогают три приёма:

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

Два способа общаться: команды и значки

Исторически сложилось два типа интерфейса.

1. Интерфейс командной строки (CLI, Command Line Interface). Ты печатаешь команду, компьютер выполняет. Старая система MS DOS работала именно так. Команда dir показывает список папок и файлов на диске.

2. Графический интерфейс (GUI, Graphical User Interface). Ты работаешь со значками, окнами и меню с помощью мыши или пальца. Сегодня он самый распространённый.

📕 В учебнике сказано, что на рис. 2 «интерфейс командной строки MS DOS» и пример команды записан как C:\dir. На самом деле на снимке окно «Командная строка» Windows (в нём видно C:\WINDOWS\system32>), а C:\ — это не часть команды, а приглашение, после которого печатают команду. Правильно просто dir (или dir C:\, чтобы показать диск C).

Откуда взялись окна и значки

Графический интерфейс придумали не сразу.

• В 1960-х Дуглас Энгельбарт и его команда в Стэнфордском научно-исследовательском институте исследовали, как можно управлять компьютером иначе, чем текстом.
• В 1970-х идею подхватила лаборатория Xerox PARC. Там родилась концепция WIMP: окна, значки, меню и указатели (Windows, Icons, Menus, Pointers).
• В 1984 году такой интерфейс стал массовым с компьютерами Macintosh. Позже его скопировали и в Windows.

🌟 Слово «метафора» по-гречески значит «перенос». Значок ножниц на кнопке «Вырезать» — как раз метафора. Ножницы выбрали потому, что в жизни ими пользуются чаще пилы.

Поэтому GUI так хорош для новичка: значки показывают, что команда делает, и ничего заучивать не надо.

Что лучше: CLI или GUI

Оба хороши, но по-разному.

⚠️ Частая ошибка. «Командная строка устарела и никому не нужна». Нет. Программисты и системные администраторы пользуются ею каждый день, потому что с ней быстро и точно.

Интерфейс и выбор программ

Лет 25–30 назад программы выбирали по числу функций: у кого на 2–3 функции больше, тот и круче. Сегодня функции легко повторить, и важнее становится удобство. Удобный и дружелюбный интерфейс определяет, будут ли программой пользоваться. Хорошие примеры — интерфейсы iPhone, Android и лента (Ribbon) в офисных программах.

👨‍👩‍👧 Родителю. Спросите ребёнка, чем одно приложение ему удобнее другого и почему. Это и есть оценка интерфейса. Заметьте также, как удобно сидит ребёнок за компьютером: высота экрана и стула — тоже часть эргономики.

Проверь себя

• Что ты можешь рассказать об удобстве управления с помощью команд? Команды удобны, когда знаешь их, и удобно повторять одно и то же. Но новичку трудно: надо помнить и писать без ошибок.
• Знакомо ли тебе слово «интерфейс»? Где его используют? Интерфейс — способ взаимодействия двух сторон. В компьютерах это «человек — компьютер», а ещё интерфейсы между устройствами (например, USB).
• Что такое компьютерная эргономика? Забота об удобстве и безопасности работы за компьютером: программы, устройства и рабочее место подстраиваются под человека.
• Чем пользовательский интерфейс отличается от просто интерфейса? Пользовательский интерфейс — это именно средства общения человека с компьютером: меню, значки, окна, команды.

Решаем упражнения

Анализ

№ 1 · «Анализ»

Сравни программы Word и WordPad на компьютере в кабинете информатики. Какой из интерфейсов даёт больше возможностей? Найди три сходства и три отличия.

Как думать. Открой обе программы рядом и пройдись по лентам и вкладкам. Если WordPad у вас нет (в новых версиях Windows его убрали), сравни Word с «Блокнотом» или Google Документами.

Как сделать.

Пример ответа.

Вывод: больше возможностей даёт интерфейс Word. WordPad проще и подходит для коротких заметок.

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

Оценка

№ 2 · «Оценка»

Оцени использование пользовательского интерфейса с точки зрения эргономики. Назови преимущества интерфейса командных строк (CLI) и графического интерфейса пользователя (GUI).

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

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

Ответ: CLI: скорость, точность, малая нагрузка, автоматизация. GUI: наглядность, простота обучения, удобство для новичков.

Домашнее задание

№ 3 · «Домашнее задание»

Подготовь проектную работу «Основные требования к пользовательскому интерфейсу». Вопросы для исследования: история возникновения интерфейса; значение интерфейса и основные требования; особенности интерфейсов CLI и GUI; направления развития пользовательского ИКТ.

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

Пример плана.

1. История. Командная строка, затем исследования Энгельбарта (1960-е), Xerox PARC (1970-е) и концепция WIMP, Macintosh (1984), Windows.
2. Значение и требования. Интерфейс определяет, будут ли пользоваться программой. Требования: понятность, единый стиль, подсказки, возможность исправить ошибку, удобство для разных людей.
3. CLI и GUI. CLI: быстро и точно, но трудно новичку. GUI: наглядно и просто, но требует больше ресурсов. Своя таблица сравнения.
4. Развитие. Сенсорные экраны и жесты, голосовое управление, интерфейсы для смартфонов, умных часов и дополненной реальности. Подумай, каким будет интерфейс через 10 лет.

Оформи в виде презентации на 6–8 слайдов, к каждому слайду добавь картинку.

Ответ: проект из четырёх частей: история, значение и требования, особенности CLI и GUI, направления развития.

Шпаргалка

Термины: интерфейс, пользовательский интерфейс, командная строка, CLI, GUI, пиктограмма, метафора, WIMP, эргономика.

Мини-тест