Ознакомьтесь с теоретическим материалом
Разработка элементов интерфейса
Существует множество разновидностей интерфейсов. Их различают по характеру систем, взаимодействующих друг с другом, по особенностям реализации и возможностям. Один интерфейс позволяет применять всю программную часть компьютера. При этом для полноценного использования необходимы специальные умения. Другой, наоборот, предоставляет доступ лишь к ограниченному функционалу, но характеризуются удобством эксплуатации.
UI реализуется за счёт применения следующих элементов:
1. Клавиатура;
2. Компьютерная мышь;
3. Джойстик;
4. Дисплей;
5. Стилус.
Виды пользовательских интерфейсов:
1. Командная строка
2. Графический вариант — WIMP
3. Речевой вид — Silk
Элементы пользовательского интерфейса
Элементы интерфейса в GUI (графическом интерфейсе пользователя) базируются на метафорах, которые хорошо знакомы целевым потребителям. В противном случае, они должны вписываться в культурный контекст, дабы пользователей можно было обучить их применению.
Наиболее распространённые элементы интерфейса:
Кнопка, Ссылка, Иконка, Вкладка, Чекбокс, Радиокнопка, Переключатель, Выпадающий список, Ползунок, Поле ввода, Таблицы, Меню.
Разработка пользовательских интерфейсов осуществляется на основе атомарного дизайна. Это метод дифференциации системы любого уровня сложности на составные части — атомы. При этом их можно применять по несколько раз и совмещать между собой.
Атомы — самые маленькие компоненты пользовательского интерфейса: кнопки, поля ввода, чекбоксы, радиокнопки, стили для типографики.
Молекулы представляют собой комбинацию из нескольких атомов. К примеру, кнопка и поле ввода.
Организмы — группы молекул. Например, сквозная навигация в шапке или боковой панели сайта.
Шаблоны — комбинация из нескольких организмов. Это интерфейсы, которые позволяют выполнять типовые задачи.