Элемент на сайте
|
Название элемента пользовательского интерфейса
|
Примечания
|
Верхнее меню (header)
|
Символ в виде восклицательного знака в кружке и надпись «Возобновление рейсов»
|
Иконка (icon)
|
Открытие страницы с информацией о возобновлении рейсов
|
Символ в виде восклицательного знака в кружке и надпись «Изменения, связанные с covid-19»
|
Иконка (icon)
|
Открытие страницы с информацией об изменениях, связанных с covid-19
|
Символ SKYTEAM
|
Иконка (icon)
|
Переход на сайт skyteam.com
|
Логотип с названием компании
|
Логотип (logo)
|
Переход на главную страницу сайта
|
Главное меню (Main menu):
- Сервисы и услуги;
- Спецпредложения;
- Аэрофлот бонус;
- Информация;
- Для бизнеса.
|
Меню (menu)
|
Перемещение по страницам сайта
|
Второстепенное меню:
- Купить билет;
- Онлайн-регистрация;
- Онлайн-табло и т.д.
|
Ниспадающее меню (dropdown menu)
|
Переход на соответствующие страницы сайта
|
Символ в виде знака вопроса в кружочке
|
Иконка (icon)+ всплывающая подсказка (tool tip) c сообщением «Обратная связь»
|
Переход на страницу, содержащую информацию и форму (form) для обратной связи
|
Символ в виде лупы
|
Иконка (icon)+ всплывающая подсказка (tool tip) c сообщением «Поиск по сайту»
|
Переход на страницу, содержащую поле поиска (search field)
|
Символ в виде силуэта и надпись «Личный кабинет»+
Выпадающий список:
-Программа «Аэрофлот бонус»;
-Программа корпоративной лояльности.
|
Иконка (icon)+ выпадающий список (dropdown menu)
|
Переход на страницу, содержащую форму (form) для входа в личный кабинет
|
Кнопка для выбора языка сайта, страны и валюты.
|
Кнопка выпадающего списка (dropdown botton)
|
При нажатии появляется окно, содержащее два выпадающих списка:
- country currencу с полосой прокрутки;
- language.
И кнопку «select» (buttom)
|
Всплывающее окно «Вы находитесь в России?»
|
Диалоговое окно (dialogue box)
|
Запрашивает ответ на вопрос о местонахождении
|
Тело страницы (body)
|
Уведомление «Информация по возврату…»
|
Уведомление (notification)
|
При нажатии открывается страница с информацией
|
Сменяющиеся слайды с рекламой:
- лето в апреле;
- летим в Казахстан и др.
|
Карусель (carousel)
|
При нажатии осуществляется переход на соответствующую страницу
|
Меню со вкладками:
- бронирование;
- онлайн-регистрация;
- управление бронированием
|
Вкладки (tabs).
|
Дает возможность переключения между вкладками, каждая из которых имеет свой собственный набор элементов интерфейса.
|
Меню на вкладке «бронирование»:
- Авиабилет;
- Автомобиль
- Отель;
- Трансфер.
|
Меню (menu)
|
При нажатии осуществляется переход на соответствующую страницу
|
Поля для ввода городов вылета и прилета на вкладке «бронирование»:
|
Комбинированный список/Поле со списком (combo box)
|
Можно ввести название города вручную или выбрать из выпадающего списка
|
Кнопка две разнонаправленные стрелки на вкладке «бронирование»:
|
Кнопка (button)
|
Меняет местами города вылета и прилета
|
Поля для выбора даты вылета Туда и Обратно на вкладке «бронирование»:
|
Средства выбора даты (date pickers)
|
Позволяют выбрать дату в календаре
|
Выпадающий список с количеством пассажиров и выбором класса на вкладке «бронирование»
|
Кнопка выпадающего списка (dropdown menu)+степперы (steppers) для ввода количества пассажиров разных возрастных категорий+выпадающий список (dropdrow) для выбора класса + кнопка «Закрыть» (button)
|
Позволяет выбрать количество пассажиров разных возрастных категорий и класс
|
Символ в виде билета и надпись «Введите промокод» на вкладке «бронирование»
|
Иконка (icon)
|
При нажатии открывается всплывающее окно (popup) с надписью «Введите промокод», полем ввода (text field) и кнопкой «Ввести» (button)
|
Символ в виде билета и надпись «Использовать ваучер» на вкладке «бронирование»
|
Иконка (icon)
|
При нажатии открывается всплывающее окно (popup) с надписью «Введите промокод», полем ввода (text field) и кнопкой «Ввести» (button)
|
Поле для галочки и текст «За мили» на вкладке «бронирование»
|
Флаговая кнопка (checkbox)
|
|
Кнопка «Найти» на вкладке «бронирование»
|
Кнопка (button)
|
При нажатии загружается страница с подходящими рейсами
|
Поля для ввода кода бронирования и фамилии на вкладке «Онлайн-регистрация»
|
Поля ввода (text fields)
|
|
Кнопка «Зарегистрироваться» на вкладке «Онлайн-регистрация»
|
Кнопка (button)
|
|
Поля для ввода кода бронирования и фамилии на вкладке «Управление бронированием»
|
Поля ввода (text fields)
|
|
Кнопка «Найти» на вкладке «Управление бронированием»
|
Кнопка (button)
|
|
Кнопки «Оформить ваучер» «Проверить баланс..» на вкладке «Ваучер»
|
Кнопки (buttons)
|
При нажатии открываются соответствующие страницы
|
Ссылка «Компенсация за билеты…»
|
Ссылка (link)
|
При нажатии осуществляется переход на соответствующую страницу
|
Поле онлайн-регистрации
|
Текстовые поля:
- код бронирования;
- фамилия
и кнопку «Зарегистрироваться»
|
При нажатии открывается всплывающее окно (popup) с надписью «Введите номер ваучера и код активации», полями ввода (text fields) и кнопкой «Ввести» (button)
|
Поле онлайн-табло
|
Переключатель (Toggles)
|
Позволяет выбрать просмотр онлайн-табло или статуса рейса
|
Поле для ввода названия аэропорта
|
Комбинированный список/Поле со списком (combo box)
|
Можно ввести название города вручную и выбрать аэропорт из выпадающего списка
|
Кнопки «Показать ближайшие..» и «Перейти в радел..»
|
Кнопки (buttons)
|
При нажатии открываются соответствующие страницы
|
Поле для ввода номера рейса
|
Поле ввода (text field)
|
|
Поле для ввода даты рейса
|
Средство выбора даты (date pickers)
|
Позволяет выбрать дату в календаре
|
Логотип программы аэрофлот бонус
|
Логотип (logo)
|
При нажатии осуществляется переход на страницу входа в личный кабинет
|
Кнопки «Войти» и «Зарегистрироваться»
|
Кнопки (buttons)
|
При нажатии осуществляется переход на страницу входа в личный кабинет или регистрации
|
Кнопка «Все специальные предложения»
|
Кнопка (button)
|
При нажатии осуществляется переход на соответствующую страницу
|
Всплывающее окно с указанием специального предложения
|
Всплывающее окно (popup) с надписями, иконками (icons) и кнопкой (button) «Забронировать»
|
Всплывает при наведении курсора на надпись с названием рейса. При нажатии на любой элемент окна загружается страница для бронирования билетов
|
Кнопка «все дополнительные услуги»
|
Кнопка (button)
|
При нажатии осуществляется переход на страницу дополнительных услуг
|
Карточки «Предварительный выбор..», «Повышение класса..» и т.д.
|
Карточки (Cards). Содержат изображение, заголовок, вспомогательный текст, кнопку (button)
|
При нажатии осуществляется переход на страницу дополнительных услуг
|
Меню «Компания Аэрофлот»:
- Аэрофлот сегодня;
- Вакансии и т.д.
|
Меню (menu)
|
При выборе пункта меню осуществляется загрузка соответствующих информационных страниц
|
Кнопка «Все новости компании»
|
Кнопка (button)
|
При нажатии осуществляется переход на страницу новостей
|
Ссылки «Аэрофлот начал..», «Аэрофлот проводит..»
|
Ссылки (links)
|
При нажатии осуществляется переход на страницу новостей
|
Иконка с изображением билета
|
Иконка (icon)
|
При нажатии загружается страница для бронирования билетов
|
Нижнее меню (footer)
|
Кликабельные номера телефонов
|
Ссылки (links)
|
|
Меню Компания:
- о компании;
- контакты и т.д.
|
Ссылки (links)
|
При выборе ссылки осуществляется загрузка соответствующих информационных страниц
|
Меню Партнерам:
- агентам;
- грузовые перевозки и т.д.
|
Ссылки (links)
|
При выборе ссылки осуществляется загрузка соответствующих информационных страниц
|
Кнопка «Позвонить с сайта»
|
Кнопка (button)
|
При нажатии всплывает модальное окно «Подробности» с кнопкой «Позвонить» и уточняющей информацией
|
Иконки соцсетей
|
Иконки (icons) +всплывающие подсказки (tool tips)
|
При нажатие открываются страницы компании в соц.сетях
|
Кнопки «Загрузите в App store» и т.д.
|
Кнопка (button)
|
При нажатие открываются соответствующие магазины приложений
|
Скачать 21.5 Kb.