Презентация_Пользовательский_интерфейс_без_ФИО_и_группы

1.

Понятие и виды интерфейса
Навигационные панели
ПОЛЬЗОВАТЕЛЬ
СКИЙ
ИНТЕРФЕЙС
U
I
Понятие • виды • навигация
Презентация
2026

2.

Что такое пользовательский интерфейс?
02
Пользовательский интерфейс (UI)
— это способ взаимодействия человека с
программой,
сайтом, приложением или устройством.
• помогает выполнять действия
• показывает информацию пользователю
• позволяет переходить между разделами
Логотип
Главная
О нас
Заголовок
страницы
Информация и элементы
управления
Блок
1
Блок
2
Блок
3
Услуги
Конт

3.

Зачем нужен интерфейс?
✓
→
Понятность
Пользователь понимает, что делать
Логика
Элементы находятся там, где их
ожидают
03
★
Удобство
Частые действия выполняются
быстро
Обратная связь
Система показывает результат
действия
Хороший интерфейс уменьшает количество ошибок и помогает быстрее получить нужный
результат.

4.

Основные виды интерфейса
04
GUI
CLI
VUI
Touch
Графический
Командный
Голосовой
Сенсорный
Окна, кнопки, меню,
значки
Текстовые команды
в терминале
Управление с
помощью голоса
Нажатия, свайпы и
жесты
◉ «Привет!»
⌁
☰
✓
> ping

5.

Графический интерфейс (GUI)
05
GUI — Graphical User Interface
• окна и панели
Логотип
Главная
О нас
Услуги
• кнопки и меню
• иконки и изображения
Заголовок страницы
• поля ввода и списки
Информация и элементы управления
Блок 1
Блок 2
Блок 3
Примеры: Windows, Android, iOS, сайты и компьютерные программы.
Контакты

6.

Другие виды интерфейса
CLI
Командный
интерфейс
> mkdir college
> cd college
> ping google.com
> exit
06
V
T
VUI
Touch
Голосовой
интерфейс
Сенсорный
интерфейс
Пользователь говорит
команду,
Нажатия, свайпы и жесты
а система распознаёт
речь.
на сенсорном экране.

7.

Что такое навигация?
07
Навигация — система переходов между страницами и разделами.
ЛОГО
← Назад
Главная
Каталог
Новости
Текущий раздел
О компании
Контакты
→ Далее
Навигация помогает понять: где я нахожусь → куда могу перейти → как вернуться назад.

8.

Виды навигационных панелей
08
Верхняя
Боковая
Нижняя
Обычно находится в шапке
сайта
Слева или справа от
содержимого
Часто используется в
мобильных приложениях
Главная Каталог
▭ ▭ ▭
☰
▭
▭
⌂
☰

9.

Какая навигация считается удобной?
09
Основные
правила
П
Понятные названия разделов
П
Привычное расположение элементов
О
Одинаковая навигация на страницах
Н
Не слишком много пунктов
П
Понятное обозначение текущего раздела
Логотип
Главная
О нас
Услуги
Заголовок
страницы
Информация и элементы
управления
Блок
1
Блок
2
Блок
3
Пользователь должен быстро понимать,
где он находится и куда может
перейти.
Контакты

10.

Вывод
10
Пользовательский интерфейс
— это способ взаимодействия человека с цифровой системой.
✓
✓
✓
Виды
Навигация
Главное
GUI, CLI,
Помогает
Понятность,
голосовой,
сенсорный
переходить
между разделами
удобство,
логика
Спасибо за внимание!