4 мощных API, которые сделают ваш пользователь более удобным при навигации по вашему сайту
В настоящее время Интернет стал более важным и мощным, чем когда-либо. Один из важных аспектов, которого мы пытаемся достичь при создании веб-сайта, - это обеспечение хорошего пользовательского опыта.
К счастью, сегодня мы можем создавать веб-приложения с встроенными функциями браузера, которые были добавлены на протяжении многих лет основными поставщиками браузеров. Браузеры значительно улучшились: некоторые функции, которые мы использовали для кодирования с помощью JavaScript или импорта со сторонними библиотеками, больше не нужны, потому что они стали родными!
Существует множество мощных API-интерфейсов JS, но сегодня я расскажу о своих 4 любимых API-интерфейсах для улучшения взаимодействия с пользователем, поскольку он или она является вашим клиентом и должен быть счастлив и доволен посещением вашего веб-сайта.
Готовый? пошли (╯ ° □ °) ╯
Сетевой API
Один из болезненных моментов - это когда у вас плохое сетевое соединение и вы не можете получить доступ к нужному веб-сайту, верно? Вы, вероятно, в конечном итоге откажетесь от веб-сайта и будете раздражены сетевым подключением. Было бы так здорово, если бы мы все еще могли просматривать содержимое веб-сайта в «облегченной версии». Хорошо то, что уже существует API, который может предоставить вам всю необходимую информацию о качестве пользовательской сети, не кодируя ее самостоятельно. Таким образом, отобразите более легкую версию вашего веб-сайта, если она вам нужна.
- Пример того, как это работает:
Видимость страницы
Когда я открыл для себя этот API, я подумал о множестве забавных вещей, которые мы можем сделать с его помощью, чтобы сделать веб-сайт живым и умным. Эта сила API заключается в том, что он сообщает вам, когда пользователь находится на вашем веб-сайте. Это означает, что текущая вкладка, которую он просматривает, - это ваш веб-сайт. Потрясающе, правда?
Мы можем представить себе множество вещей, таких как анимация, которая танцует или смотрит на пользователя, когда он находится на веб-сайте, а когда не спит? или показ сообщения, говорящего пользователю, что ваш веб-сайт умный и знает, что вы вернулись для навигации по нему… и т. д. Есть много возможностей сделать ваш веб-сайт живым и умным. Таким образом, улучшается пользовательский опыт.
- Пример того, как это работает:
Уведомление API
Уведомления в наши дни так важны в веб-приложениях. Чтобы что-то подтвердить, отобразите ошибку формы, отобразите контактную информацию в случае проблемы .. и т. Д. В любом случае, это ваш способ общения с пользователем.
Хорошая новость заключается в том, что существует собственный встроенный API уведомлений, который можно использовать без лишнего кода!
- Пример того, как это работает:
API диалога
Диалоги стали обычным явлением в современных веб-приложениях. Но когда дело доходит до их создания вручную, вы знаете все, что связано с CSS и JS, чтобы сделать его отзывчивым и привлекательным для пользователя. Что ж, спецификация HTML 5.2 представила официальный элемент диалога, который в настоящее время поддерживается в современных браузерах.
- Пример того, как это работает:
Дорогие читатели и друзья, надеюсь, вам понравилось читать эту статью. Следуйте за мной в Medium и Linkedin, чтобы увидеть больше интересных статей.
До скорой встречи (ノ ◕ ヮ ◕) ノ *: ・ ゚ ✧
FAM