Внешний интерфейс, также известный как клиентская часть, представляет собой видимую часть приложения или веб-сайта, с которой могут взаимодействовать пользователи. Это отображается браузером пользователя (Chrome, Safari, Firefox, Opera и т. д.), что позволяет вам взаимодействовать с приложением.

Важные понятия:

  1. Пользовательский интерфейс (UI): UI представляет собой набор графических элементов, с которыми пользователи могут взаимодействовать, таких как кнопки, формы, изображения и т. д. Пользовательский интерфейс отвечает за обеспечение удобного и функционального опыта для всех своих пользователей.
  2. Взаимодействие с пользователем: внешний интерфейс также позволяет пользователям выполнять такие действия, как нажатие кнопок, форм, навигация по различным частям контента или страниц и доступ к определенной информации.
  3. Языки и технологии: разработка внешнего интерфейса включает такие языки программирования, как HTML (язык гипертекстовой разметки), CSS (таблицы стилей Cascada) для дизайна и представления и JavaScript для динамического взаимодействия и функциональности. В случае с моим веб-сайтом peoples-polls.com я использовал для его создания WordPress, у которого есть темы и с которым проще создавать.
  4. Отзывчивый дизайн: это очень важно для всех интерфейсных приложений, потому что это очень важно, потому что это фактор, который часто рассматривается с точки зрения Google. Это гарантирует, что ваше приложение будет хорошо выглядеть на разных устройствах и размерах экрана, например, на настольных компьютерах, планшетах и ​​мобильных телефонах. Все эти 3 устройства имеют разные размеры, и ваше приложение должно иметь возможность адаптироваться к экрану.

Характеристики:

  1. Юзабилити: хороший интерфейс должен быть интуитивно понятным и удобным для пользователя, обеспечивая положительный пользовательский опыт.
  2. Скорость загрузки: оптимизация внешнего интерфейса для быстрой загрузки элементов имеет решающее значение, чтобы избежать длительного ожидания, которое может привести к истощению пользователей.
  3. Привлекательный дизайн: это важно для привлечения новых пользователей, поддержки пользователей и, что наиболее важно, для создания визуальной идентичности.
  4. Взаимодействие и анимация: мы не хотели бы затягивать с этим, но правильное использование визуальных эффектов и анимации может улучшить взаимодействие с пользователем.
  5. Совместимость с браузерами: как и в случае с адаптивным дизайном выше, мы хотим, чтобы приложение было совместимо со всеми браузерами, чтобы любой браузер, который использует пользователь, был легко доступен.