Пользовательский интерфейс (UI) определяется как «средство взаимодействия пользователя и компьютерной системы, в частности использование устройств ввода и программного обеспечения». Это одна из наиболее важных концепций веб-дизайна, но ее часто упускают из виду.
Хороший пользовательский интерфейс гарантирует, что посетители сайта смогут найти то, что они ищут, сделать то, что они пришли, и, самое главное, остаться на вашем сайте. Момент, когда пользовательский интерфейс вашего веб-сайта становится трудным для использования, — это момент, когда пользователь переносит свой браузер в другое место.
Чтобы помочь вам обеспечить лучший интерфейс, давайте взглянем на 20 популярных элементов пользовательского интерфейса WordPress, которые обязательно помогут сделать ваш сайт удобным для пользователя.
1. Отзывчивый плагин FlipBook
Предоставляйте веб-контент в прекрасном интерфейсе с этим невероятным плагином WordPress.
На первый взгляд плагин Responsive FlipBook выглядит неплохо для отображения контента благодаря своему классному дизайну книжных полок.
Но это намного больше.
«Создайте любой FlipBook с легкостью. В комплекте: книжная полка, масштабирование, печать, PDF во FlipBook, оглавление, твердые обложки, плоский дизайн, пользовательские стили, ленивая загрузка ».
Особенности включают в себя:
- мобильный зум
- Мастер PDF
- легкая печать
- ленивый груз
- и более!
Создайте и представьте полную коллекцию онлайн-книг с плагином Responsive FlipBook .
Это довольно удивительно.
2. Content Timeline — Отзывчивый плагин WordPress для отображения сообщений / категорий в скользящей временной шкале
Этот пользовательский интерфейс WordPress уникален, и мне это нравится!
Временная шкала контента — Отзывчивый плагин WordPress для отображения сообщений / категорий на скользящей временной шкале — это идеальное решение для широкого спектра типов представления контента.
Включенные функции:
- полностью отзывчив с функцией SWIPE
- 7 встроенных методов управления сценариями
- 11 настроек для легкой настройки
- привязки клавиатуры
- и более!
Ваша временная шкала также не должна быть одной единственной строкой. Этот плагин позволяет использовать более одного элемента в каждой временной шкале.
Временная шкала контента — Отзывчивый плагин WordPress для отображения сообщений / категорий на скользящей временной шкале — это уникальный, красиво оформленный и идеальный пользовательский интерфейс WordPress для представления в формате временной шкалы.
3. UberChart — плагин для WordPress Chart
Если вы хотите обмениваться данными визуально, вам будет сложно найти лучший способ построить и представить их, чем UberChart — плагин WordPress Chart.
Он легко настраивается и готов к установке в WordPress.
«UberChart — это продвинутый плагин диаграмм WordPress, который дает вам возможность создавать самые разнообразные диаграммы с исключительными возможностями настройки».
Это набор функций включает в себя:
- 240 настраиваемых параметров для каждого графика
- встроенный редактор электронных таблиц
- импорт и экспорт данных
- полностью отзывчивый
И включает в себя десять различных типов диаграмм:
- Линия
- Площадь
- Бар
- Перекладина
- пирог
- Пончик
- радиолокационный
- Полярная зона
- рассеивать
- Пузырь
UberChart — плагин WordPress Chart впечатляет.
4. Theia Post Slider для WordPress
Превратите свои многостраничные сообщения в слайды, которые просты в использовании и легко читаются.
Theia Post Slider для WordPress работает с существующими публикациями и включает в себя 60 различных тем слайдера.
«… Theia Post Slider для WordPress превращает ваши многостраничные посты в слайд-шоу, делая их более привлекательными и удобными для просмотра».
Поддержка:
- использует AJAX с резервным JavaScript
- векторные иконки и сетчатки готов
- заголовки, колонтитулы
- SEO оптимизирован
- и более
Много мыслей было вложено в этот плагин интерфейса пользователя WordPress. Слайдер Theia Post для WordPress действительно эффективен, от SEO до скорости и удобства использования.
5. Карта прогресса WordPress плагин
Плагин WordPress Progress Map является многофункциональным. Я, безусловно, не могу отдать должное этому короткому резюме.
Видение этого плагина пользовательского интерфейса WordPress заключается в следующем:
«Цель состоит в том, чтобы помочь пользователям, имеющим веб-сайты, такие как списки отелей, списки недвижимости, списки ресторанов, списки вакансий, списки магазинов и т. Д., Указывать свои местоположения на карте Google и легко перемещаться по карте с помощью карусели».
И это обеспечивает:
- поисковый фильтр и поиск по расстоянию
- Поддержка пользовательских типов сообщений
- пользовательские маркеры
- 70+ стилей карты
- геотаргетинга
- сетчатка готова
- и многое, многое другое
Progress Map WordPress Plugin — это один из самых надежных плагинов для карт, который вы сможете найти.
Этот плагин по всей карте.
6. Slider Revolution Отзывчивый плагин для WordPress
Когда вам нужен слайдер, особенно если вам нужен простой способ его создания, вы должны рассмотреть плагин WordPress, реагирующий на революцию слайдеров.
Анимации, палитры цветов, слои — все это запекается.
Типы слайдов включают в себя:
- социальные сети
- медиа галереи
- героические блоки
- каруселей
- ползунки
- и более
Особенностью номер один, которая делает этот слайдер привлекательным, является мощный визуальный редактор. Слайдеры — это слайдеры, но плагин WordPress, отвечающий за революцию слайдеров, предлагает полный и надежный набор дизайнеров слайдов.
7. Slick Menu — Отзывчивое Вертикальное Меню WordPress
Slick. Отзывчивый. Вертикальная. Меню.
Slick Menu — Адаптивное Вертикальное Меню WordPress — это как раз то, что немного по бокам.
«Slick Menu — это больше, чем просто плагин меню. Его можно использовать для создания неограниченных многоуровневых push-меню или боковых панелей контента с богатым контентом, множеством опций стиля и анимационных эффектов ».
Настройте свой:
- цвета фона
- пользовательские шрифты
- узоры
- накладками
- картинки
- видео
- и более
Каждый уровень настраивается независимо, что делает его очень простым для создания великолепных пользовательских интерфейсов WordPress без дорогих дизайнерских приложений или знаний кода.
Slick Menu — Отзывчивое Вертикальное Меню WordPress — отличный вариант для вертикальных меню и многого другого!
8. Cool Timeline Pro — плагин для WordPress Timeline
Добавьте временную шкалу к сообщениям в блоге, страницам истории организации и многому другому с Cool Timeline Pro — плагином временной шкалы WordPress.
Создавайте горизонтальные и вертикальные временные шкалы с помощью встроенных дизайнов и красивых анимационных эффектов.
Особенности включают в себя:
- преобразовать любой тип сообщения в график
- нумерация страниц на длинные сроки
- создать несколько временных шкал
- добавить значки
- и более
Простой, чистый и гибкий.
Cool Timeline Pro — плагин WordPress Timeline — отличный способ построить временную шкалу из вашего текущего контента или создать новую, автономную временную шкалу, чтобы помочь общаться с вашим читателем.
9. LoftLoader Pro — Плагин предварительной загрузки для WordPress
Иногда вам нужно больше времени для загрузки чего-либо. Видео? Много HD-изображений?
С легкостью добавьте анимацию загрузки на свои страницы с помощью плагина LoftLoader Pro — Preloader для WordPress.
Это довольно необычно.
Особенности включают в себя:
- настроить минимальное время загрузки
- 18 CSS3 анимаций
- работает на всех устройствах
- встроенный редактор
- и более
LoftLoader Pro — плагин Preloader для WordPress позволяет легко добавить анимированный загрузочный экран — кодирование не требуется.
10. Superfly — отзывчивый плагин меню WordPress
Замените ваше текущее меню WordPress или улучшите его с помощью Superfly — адаптивного плагина WordPress Menu.
Этот плагин является мощным и простым в использовании.
«Superfly — это отзывчивый плагин меню WordPress, который генерирует эффективную вертикальную навигацию с нажимом / скольжением / статическую навигацию, панель инструментов с иконками или полноэкранное меню на ваш выбор».
Варианты оформления меню включают в себя:
- боковые, перекошенные и полноэкранные меню
- фоновые изображения
- статический или закрепленный
- iconbar
- и более
Superfly — отзывчивый плагин WordPress Menu также включает в себя параметры отображения, что позволяет очень легко создать правильное меню для правильного пользовательского интерфейса.
11. Ультра тема WordPress Admin
Там есть настройка WordPress Admin. И еще есть тема Ultra WordPress Admin.
Этот пользовательский интерфейс WordPress выводит настройки администратора на совершенно новый уровень .
Брендирование на белой этикетке — это только начало:
- управление админ-меню
- создайте свою собственную тему
- настройки импорта / экспорта
- и многое, многое другое
Тема Ultra WordPress Admin, от экрана входа в систему до верхней панели администратора, позволяет полностью настраивать весь процесс администрирования WordPress.
12. Разное меню на разных страницах
Если вам нужны разные меню на разных страницах, вам нужно использовать Разное меню на разных страницах.
Он также поддерживает bbPress, WPML, WooCommerce и BuddyPress.
Легко создавать несколько меню и мест на основе:
- таможенные таксономии
- категории
- страницы
- сообщений
- и теги
Он также включает опцию шорткода, чтобы показать ваше меню в контенте.
Разное меню на разных страницах облегчено и оказывается полезным в любом наборе инструментов WordPress.
13. Всплывающий плагин для WordPress — Слоистые всплывающие окна
Столько, сколько я ненавижу всплывающие окна, иногда вам просто нужно всплывающее окно. Плагин всплывающих окон для WordPress — слоистые всплывающие окна — это самый простой способ создавать и отображать всплывающие окна на вашем сайте WordPress.
«[Интернет] полон скучных всплывающих окон. Итак, пришло время сломать эту тенденцию ».
Функции включены, но, конечно, не ограничиваются:
- JQuery и CSS3 анимация
- интеграция с социальными сетями
- A / B статистика кампании
- Более 200 всплывающих библиотек
- мобильный дружественный
- и многое, многое другое
Типы всплывающих окон включают в себя:
- OnLoad Popup
- OnScroll Popup
- OnClick Popup
- OnExit Popup
- OnIdle Popup
А также особенности:
- Виджет боковой панели
- Link Locker
- Встроенная форма
- и более
Плагин всплывающих окон для WordPress — слоистые всплывающие окна — это надежное решение, которое отлично смотрится для пользователей и оказывается полезным для администраторов.
14. Team Pro — плагин WordPress для демонстрации команды
Team Pro — плагин Team Showcase для WordPress утверждает, что он «самый универсальный плагин для WordPress, доступный для создания и управления страницей вашей команды».
Я думаю, что они правы.
Варианты стиля включают в себя:
- слайд-инов
- ящик стола
- круги
- модальный
- стол
- карты
- сетка
- список
С этими 8 предустановками, более чем 20 стилями и чистым дизайном ваша команда никогда не выглядела так хорошо с Team Pro — Team Showcase плагином WordPress .
15. UberMenu — плагин мегаменю WordPress
Это элемент пользовательского интерфейса WordPress, который мне действительно нравится, но может быть сложным для реализации.
Но это легко с UberMenu — плагином Mega Menu WordPress!
Ваше меню WordPress никогда не будет прежним:
- расширенный мобильный опыт
- легко добавлять изображения и значки
- создавать красивые макеты меню
- столбцы, строки, карты, формы и многое другое
Подменю с вкладками? Google Шрифты? Вертикальный или горизонтальный? UberMenu — плагин WordPress Mega Menu имеет его.
16. Флоаттон | Плавающая кнопка действия WordPress с всплывающим содержимым для форм или любым пользовательским содержимым
Это не просто еще одно всплывающее окно. Хотя он включает всплывающую функцию, он включает в себя ряд уникальных функций, которые попадают в этот список.
Флоаттон | Кнопка плавающего действия WordPress с всплывающим содержимым для форм или любым пользовательским содержимым имеет чистый дизайн и является одним из тех плагинов, которые всегда приятно иметь в вашем наборе инструментов WordPress.
«Floatton — это премиальный плагин для WordPress, который помогает вам создавать липкие плавающие кнопки действий со всплывающим содержимым в виде всплывающей подсказки, чтобы предоставить вашему пользователю легкодоступный контент на вашем веб-сайте».
Используйте это как:
- комментарий и контактная форма
- cookie или юридическое согласие
- Подписаться на новости
- списки покупок
- объявления
- форма рейтинга
- видео код
- авторизоваться
И все остальное, что вы можете придумать!
Добавьте немного взаимодействия с пользователем. Добавить Флоаттон | Плавающая кнопка действия WordPress с всплывающим содержимым для форм или любым пользовательским содержимым .
17. StickyVideo для WordPress
Если вы использовали YouTube на мобильном устройстве, вы испытали великолепную функцию UI / UX, благодаря которой, когда вы начинаете прокручивать видео, оно привязывает видео к углу, поэтому вы можете продолжать смотреть во время прокрутки. через содержание.
Именно это и делает StickyVideo для WordPress, прикрепляя видео в сторону, когда пользователи начинают прокручивать.
«Повысьте уровень видимости, используя технику, которую используют CNN, Daily Mail и Washington Post, которая прикрепляет видео в сторону, пока вы прокручиваете!»
Этот плагин будет прикреплять видео, размещенные на:
- WordPress (Самостоятельно размещенный в Медиатеке)
- YouTube
- Vimeo
- Dailymotion
- Brightcove
- Платформа JW
- Youku
- Tudou
- Wistia
- SchoolTube
- Перемена
- Metacafe
- LiveLeak
- Archive.org
Установите, настройте, и ваши видео больше не будут прокручиваться с плагином StickyVideo для WordPress .
18. Ultimate Image Hover Effects Плагин для WordPress
Ничто так не бросается в глаза, как эффект наведения изображения со вкусом. И плагин Ultimate Image Hover Effects для WordPress приносит всплывающие эффекты в пики.
Независимо от того, какую тему WordPress вы используете, вам понравится:
- макеты сетки и карусели
- 40 плюс анимация коробки
- более 200 эффектов
- полностью отзывчивый
- и более
Плагин Ultimate Image Hover Effects для WordPress поставляется с достаточным количеством опций, чтобы быть простым в использовании и легким.
19. Витрина отзывов — плагин WordPress
Легко отображайте отзывы своих клиентов, клиентов и сторонников и управляйте ими с помощью демонстрации отзывов — плагин WordPress.
Отзывы никогда не выглядели так хорошо.
Особенности включают в себя:
- более 15 вариантов настройки макета
- макет сетки или слайдера
- звездная рейтинговая система
- и более
Демонстрация отзывов — плагин WordPress также включает в себя интерфейсные материалы
20. WP Logo Витрина Responsive Slider Pro
Пришло время усилить страницу вашего портфолио. Настало время для WP Logo Showcase. Отзывчивый слайдер Pro.
Этот плагин WordPress предназначен для демонстрации работы дизайнера, но его также можно использовать для отображения логотипов клиента и партнера или чего-либо еще, что вписывается в этот тип пользовательского интерфейса.
Этот отзывчивый слайдер имеет:
- включает в себя слайдер и виджет сетки
- всплывающая подсказка и пользовательские параметры анимации
- более 15 готовых дизайнов
- перетащите админ
- и более
Некоторые слайдеры пытаются предложить все, в то время как Responsive Slider Pro с витриной с логотипом WP фокусируется на одной конкретной нише и стиле слайдера и прекрасно ее фиксирует.
Вывод
Наличие хорошего пользовательского интерфейса часто может сделать или сломать ваш сайт. У вас может быть отличный макет, великолепные цвета и отличный контент, но если у вас нет хорошего интерфейса, ваши пользователи не будут использовать ваш сайт.
Эти 20 популярных элементов пользовательского интерфейса WordPress от Envato Market , безусловно, заслуживают рассмотрения, но если вы все еще не нашли того, что будет работать лучше, вы можете заняться разработкой с Основами разработки плагинов WordPress, Руководством хакера WordPress по галактике или некоторые полезные электронные книги, такие как полезные приемы и методы для WordPress или освоение WordPress .
Какие ваши любимые и наиболее эффективные элементы пользовательского интерфейса WordPress?