Пользовательский интерфейс. 
Конструирование веб-приложений на основе графического интерфейса

«Пользовательский интерфейс (user interface) — все компоненты интерактивной системы (программное обеспечение или аппаратное обеспечение), которые предоставляют пользователю информацию и являются инструментами управления для выполнения определенных задач» [1]. Представляет собой совокупность методов и средств, с помощью которых пользователь взаимодействует с устройством.

Средства взаимодействия включают в себя:

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

Методы — это набор правил, заложенный разработчиком, благодаря которым пользовательские действия приводят к необходимой реакции устройства и выполнению требуемой задачи. Данные правила должны быть легки для запоминания и просты для понимания, разработка правил входит в область пригодности использования. «Пригодность использования (usability) — свойство системы, продукции или услуги, при наличии которого установленный пользователь может применить продукцию в определенных условиях использования для достижения установленных целей с необходимой результативностью, эффективностью и удовлетворенностью» [1].

Существует несколько видов пользовательского интерфейса:

• 1. Визуальный интерфейс.
• 1.1. Текстовый интерфейс пользователя — разновидность интерфейса пользователя, использующая при вводе-выводе и представлении информации исключительно набор буквенно-цифровых символов и символов псевдографики.
• 1.2. Графический интерфейс — разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.), представленные пользователю на дисплее, исполнены в виде графических изображений.
• 1.2.1. Оконный интерфейс — способ организации полноэкранного интерфейса программы (разновидность графического интерфейса), в котором каждая интегральная часть располагается в окне — собственном субэкранном пространстве, находящемся в произвольном месте «над» основным экраном. Несколько окон, одновременно располагающихся на экране, могут перекрываться, виртуально находясь «выше» или «ниже» друг относительно друга.
• 1.2.2. Веб интерфейсы — это совокупность средств, при помощи которых пользователь взаимодействует с веб-сайтом или любым другим приложением через браузер.
• 1.2.3. Масштабируемый интерфейс — графический интерфейс пользователя, где рабочее пространство представляет собой большую или неограниченную плоскость, на которой расположены основные элементы, свойства и содержимое которых становятся доступны по мере их «приближения» путём увеличения.
• 2. Жестовый интерфейс — подмножество системы ввода для графического пользовательского интерфейса для устройств, оснащённых специальными либо устройствами ввода (отличными от клавиатуры), либо сенсорными экранами и позволяющая эмулировать клавиатурные команды (либо сочетания клавиш) при помощи жестов.
• 3. Голосовой интерфейс — при помощи голосовой/речевой платформы делает возможным взаимодействие человека и компьютера для запуска автоматизированного сервиса или процесса.
• 4. Осязательный интерфейс — это разновидность интерфейса пользователя, в котором взаимодействие человека с электронными устройствами происходит при помощи материальных предметов и конструкций.

Помимо пользовательского интерфейса часто можно встретить статьи об опыте пользователя, опыте взаимодействия с компьютером. Опыт пользователя (user experience) — восприятие и ответные действия пользователя, возникающие в результате использования и/или предстоящего использования продукции, системы или услуги [2]. О разработке интерфейса пользователя, основанном на опыте взаимодействия, материалы часто меняются, каждый автор видит «идеальный» интерфейс по-своему. По данной тематике проходит множество конференций, делают много докладов, она актуальна, т.к. устройства ввода/вывода информации меняются. Раньше компьютер был лишь настольным, то есть имел только клавиатуру и мышь как средство ввода информации и средство вывода — экран. Но на сегодняшний день это изменилось — у пользователя широкий выбор средств ввода и вывода. Ввод информации может происходит за счет сенсорного экрана, датчиков движения, считывания жестов и мимики лица с помощью камеры и других способов ввода. Это все сильно изменило представление о пользовательском интерфейсе. Большое количество средств ввода и вывода информации приводит к тому, что приложения должны соответствовать каждому типу устройства и иметь свой, уникальный и особенный дизайн.

Модельно-ориентированный подход вводит много жесткости, строгости в определение модели. В данном подходе разработка ведется на уровне абстракции, а значит разработчик не сможет изменить каждую мелочь. Это также относится и к интерфейсу пользователя. Обычно инструменты модельно-ориентированной разработки являются гибкими лишь настолько, насколько это заложено в них на этапе проектирования и разработки. Также инструменты ограничены предметно-ориентированным языком. Часто бывает так, что данные инструменты генерируют интерфейс похожий друг на друга, и он является не настраиваемым и негибким [13, 19].

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