Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Plugins
Webdesign

20 Populares Elementos para Interfaces de Usuario en WordPress 

by
Length:LongLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Definimos interfaz de usuario (UI) como “el medio por el cual el usuario y un el sistema de un ordenador interactúan, en particular hace referencia al uso de dispositivos de entrada y software.” Es uno de los conceptos más importantes del diseño web, pero con frecuencia es ignorado.

Una buena interfaz de usuario asegura que la gente que visita una web pueda encontrar aquello busca, que pueda cumplir lo que ha ido a hacer en ella, y lo más importante, hace que permanezca durante más tiempo en dicha web. Si la interfaz de tu sitio web resulta difícil de usar, los usuarios se irán a cualquier otra.

Para ayudarte a proporcionar la mejor interfaz posible, echemos un vistazo a 20 populares elementos para la interfaz de usuario de WordPress que ayudarán verdaderamente a que tu web sea más fácil de usar, conocido por el término en inglés “user-friendly”.

1. Responsive FlipBook Plugin

Suministra contenido web a través de una atractiva interfaz de usuario atractiva mediante este plugin para WordPress.

A primera vista, Responsive FlipBook Plugin parece una excelente forma de mostrar contenido gracias a su diseño en forma de estantes de librería.

Pero es mucho más que eso.

Responsive FlipBook Plugin
“Crea fácilmente cualquier tipo de libro con deslizamientos de página animados. Viene con: librería, zoom, impresión, convierte PDF a FlipBook, tabla de contenidos, tapas duras, flat design, estilos personalizados, lazy load.”

Funciones que incluye:

  • Zoom en dispositivos móviles
  • PDF Wizard
  • impresión
  • lazy load
  • ¡y mucho más!

Crea y presenta una completa colección online de eBooks con Responsive FlipBook Plugin.

Es increíble.

2. Content Timeline - Responsive WordPress Plugin for Displaying Posts/Categories in a Sliding Timeline

Esta interfaz de usuario para WordPress es única, ¡y me encanta!

Content Timeline - Responsive WordPress Plugin for Displaying Posts/Categories in a Sliding Timeline es la solución perfecta para presentar tu contenido de mil distintas formas.

Content Timeline - Responsive WordPress Plugin for Displaying PostsCategories in a Sliding Timeline

Funciones que incluye:

  • totalmente responsivo con función SWIPE (deslizamiento)
  • 7 métodos script de control integrados
  • 11 ajustes de personalización
  • desplazamientos mediante teclado
  • ¡y mucho más!

Tu línea temporal no tiene porque estar formada por una única secuencia. Este plugin te permite ubicar más de un elemento por emplazamiento en tu línea de tiempo.

Content Timeline - Responsive WordPress Plugin for Displaying Posts/Categories in a Sliding Timeline es un plugin singular, con un diseño muy atractivo, y perfecto para crear interfaces de usuario consistentes en presentaciones a modo de secuencias temporales.

3. UberChart - WordPress Chart Plugin

Si quieres compartir información en formato visual o gráfico, te resultará difícil encontrar mejor medio para construirlo y presentarlo que UberChart - WordPress Chart Plugin.

Es altamente personalizable y su instalación en WordPress es rápida y sencilla.

UberChart - WordPress Chart Plugin
“UberChart es un plugin para crear gráficos avanzados en WordPress que te permite crear una gran variedad de presentaciones estadísticas con un altísimo nivel de personalización.”

Entre sus funciones se incluyen:

  • 240 opciones de personalización para cada gráfico
  • editor de hojas de cálculo integrado
  • capacidad para importar y exportar datos
  • totalmente responsivo (compatible con dispositivos móviles)

Además incluye diez tipos de gráficos distintos:

  1. Lineal
  2. Área
  3. Barras
  4. Barras horizontales
  5. Circular
  6. Donut
  7. Radar
  8. Área Polar
  9. Dispersión
  10. Burbuja

UberChart - WordPress Chart Plugin es impresionante.

4. Theia Post Slider para WordPress

Transforma los artículos que ocupan varias páginas en presentaciones que se deslizan horizontalmente y que proporcionan un uso y una lectura sencilla.

Podrás usar Theia Post Slider for WordPress con los artículos que ya tengas creados, además incluye 60 diseños predefinidos o temas distintos para tus presentaciones.

Theia Post Slider for WordPress
“…Theia Post Slider for WordPress transforma tu artículo multipágina en una presentación a modo de pase diapositivas, haciendo que la experiencia de lectura sea más atractiva y fácil de navegar.”

Características:

  • Usa AJAX con una alternativa JavaScript
  • Iconos vectoriales y preparados para dispositivos retina
  • títulos, encabezados y pies de página (footers)
  • optimizado para SEO
  • y mucho más

Este plugin para interfaces de usuario en WordPress se ha concebido a conciencia. Se han tenido en cuenta tanto aspectos relativos al SEO como a la velocidad de carga, la usabilidad y la personalización, el plugin Theia Post Slider for WordPress realmente tiene mucho que ofrecer.

5. Progress Map WordPress Plugin

Progress Map WordPress Plugin dispone de muchas características. Realmente no le puedo hacer justicia en este breve resumen.

El concepto tras este plugin concebido para crear interfaces en WordPress es el siguiente:

”La intención es ayudar a los usuarios a crear de un sitio web del tipo directorio de hoteles, directorio de restaurantes, portal de trabajo, directorio de tiendas, etc… que liste las ubicaciones en Google Maps y cuyos mapas se naveguen fácilmente mediante un carrusel.”
Progress Map Wordpress Plugin

Además ofrece:

  • filtros de búsqueda y limitador de distancia
  • admite tipos de entradas personalizadas (Custom Post Types)
  • marcadores de mapa personalizables
  • más de 70 estilos de mapas
  • segmentación geográfica
  • preparado para dispositivos retina
  • y mucho, mucho más

Progress Map WordPress Plugin es probablemente el plugin para mapas más robusto que puedas encontrar.

El objetivo de este plugin es ofrecer la máxima funcionalidad para los mapas.

6. Slider Revolution Responsive WordPress Plugin

Si necesitas un slider, especialmente si quieres crearlo de forma sencilla, deberías tener en cuenta el plugin Slider Revolution Responsive WordPress.

Animaciones, selectores de color, capas—lo tiene todo integrado.

Slider Revolution Responsive WordPress Plugin

Entre los tipos de slides se incluyen:

  • feeds de redes sociales
  • galerías de medios
  • bloques hero
  • carruseles
  • sliders
  • y mucho más

La característica principal que hace tan atractivo a este slider es su potente editor visual. Los sliders son sliders, pero Slider Revolution Responsive WordPress Plugin proporciona un conjunto completo y robusto de herramientas de diseño para las diapositivas.

7. Slick Menu - Responsive WordPress Vertical Menu

Menú, responsivo, vertical y deslizante.

Slick Menu - Responsive WordPress Vertical Menu es exactamente eso, con algo más extra.

Slick Menu - Responsive WordPress Vertical Menu
“Slick Menu es algo más que un plugin para crear menús. Puede usarse para crear menús de múltiples niveles que se abren al ser pulsados o sidebars con variado contenido, proporciona además muchas opciones para los estilos y efectos de animación."

Podrás personalizar lo siguiente:

  • colores de fondo
  • fuentes personalizadas
  • patrones
  • capas superpuestas
  • imágenes
  • vídeos
  • y mucho más

Cada nivel es personalizable de forma independiente, haciendo que sea muy sencillo construir estupendas interfaces de usuario en WordPress sin emplear caras aplicaciones de diseño o conocimientos de código.

Slick Menu - Responsive WordPress Vertical Menu es una increíble opción para crear menús verticales, ¡y mucho más!

8. Cool Timeline Pro - WordPress Timeline Plugin

Añade una línea temporal a las entradas de tu blog, crea páginas para presentar la historia de tu empresa, y mucho más con el plugin Cool Timeline Pro - WordPress Timeline.

Crea líneas de tiempo tanto horizontales como verticales con los diseños preconfigurados y los efectos de animación que te ofrece este plugin.

Cool Timeline Pro - WordPress Timeline Plugin

Características que incluye:

  • convierte cualquier Post Type en una línea temporal
  • paginación para líneas temporales largas
  • posibilidad de crear múltiples líneas temporales
  • añade iconos
  • y mucho más

Sencillo, limpio y flexible.

Cool Timeline Pro - WordPress Timeline Plugin es una excelente herramienta para crear una línea de tiempo a partir de tu actual contenido o crea una nueva que mejore tus presentaciones y la comunicación con tus lectores.

9. LoftLoader Pro - Preloader Plugin for WordPress

En ocasiones la carga de ciertos elementos requiere mucho tiempo. ¿Vídeos? ¿Un montón de imágenes?

Añade de forma sencilla una animación de carga a tu página con Pro - Preloader Plugin for WordPress.

Es un recurso muy elegante.

LoftLoader Pro - Preloader Plugin for WordPress

Características que incluye:

  • tiempo de carga mínimo ajustable
  • 18 animaciones CSS3
  • funciona en todos los dispositivos
  • dispone de un editor propio
  • y mucho más

El plugin LoftLoader Pro - Preloader Plugin for WordPress logra que añadir una pantalla de precarga animada sea algo muy sencillo, ni siquiera necesitas saber código.

10. Superfly — Responsive WordPress Menu Plugin

Con el plugin Superfly — Responsive WordPress Menu Plugin podrás sustituir o mejorar tu actual menú de WordPress.

Es un plugin que proporciona grandes posibilidades y además su uso es muy sencillo.

Superfly Responsive WordPress Menu Plugin
"Superfly es un plugin para los menús de WordPress que genera estructuras de navegación verticales que economizan el espacio, con opciones como mecanismos de apertura tipo push/sliding/estático, barra de iconos o menús a pantalla completa.

Entre las opciones para su diseño destacan:

  • menús laterales, en diagonal y a pantalla completa
  • imágenes de fondo
  • estáticos o fijos
  • barra de iconos
  • y mucho más

El plugin Superfly — Responsive WordPress Menu también incluye opciones para su presentación, haciendo que sea super fácil crear el menú más indicado para cada interfaz de usuario.

11. Ultra WordPress Admin Theme

Existen personalizaciones para el Área de WordPress, y después tenemos el tema Ultra WordPress Admin.

Esta interfaz de usuario lleva la personalización del área de administración a un nivel totalmente desconocido hasta ahora.

Ultra WordPress Admin Theme

Eliminar la imagen de marca de WordPress es solo el principio, también te permite lo siguiente:

  • gestionar el menú de administración
  • crear tu propio tema
  • importar o exportar ajustes
  • y mucho, mucho más

Desde la pantalla de inicio de sesión a la barra de administración superior, Ultra WordPress Admin Theme te posibilita personalizar por completo la experiencia de uso del área de administración de WordPress.

12. Different Menu in Different Pages

Si necesitas diferentes menús para páginas distintas, querrás usar Different Menu in Different Pages.

También es compatible con bbPress, WPML, WooCommerce y BuddyPress.

Different Menu in Different Pages

Crea fácilmente varios menús y ubicaciones para ellos basándote en:

  • taxonomías personalizadas
  • categorías
  • páginas
  • entradas
  • y etiquetas

También te permite usar shortcodes para mostrar tu menú dentro del contenido.

El plugin Different Menu in Different Pages es ligero y tan útil que debería estar presente en la caja de herramientas de cualquier desarrollador.

13. Popup Plugin for WordPress - Layered Popups

Aunque odio los popups, reconozco que en ocasiones son necesarios. Con el plugin Popup Plugin for WordPress - Layered Popups podrás crear y mostrar popups en tu web WordPress de forma sencilla.

Popup Plugin for WordPress - Layered Popups
"Internet está repleto de popups aburridos. Así que ya es hora de romper esta tendencia."

Funciones que incluye, aunque no mencionamos todas, son:

  • animaciones jQuery y CSS3 
  • integración con redes sociales
  • estadísticas para campañas de pruebas A/B
  • biblioteca con más de 200 estilos de popups
  • mobile friendly
  • y mucho, mucho más

Algunos tipos de popups que incluye son:

  • Popup OnLoad, se muestra durante la carga de la página
  • OnScroll PopUp, se muestra durante el desplazamiento
  • OnClick PopUp, se muestra al hacer clic
  • OnExit PopUp, se muestra antes de que usuario abandone la página
  • OnIdle PopUp, cuando el usuario no realiza ninguna acción

Y además presenta lo siguiente:

  • Widget para la columna lateral (sidebar)
  • Bloqueador de enlaces
  • Formulario Inline
  • y mucho más

Popup Plugin for WordPress - Layered Popups es una solución sólida con un aspecto excepcional para los usuarios y demuestra ser muy útil para los administradores de una web.

14. The Team Pro - Team Showcase WordPress Plugin

El plugin Team Pro - Team Showcase WordPress afirma ser actualmente "el plugin de WordPress más versátil para crear y gestionar las páginas de equipo."

Creo que están en lo cierto.

The Team Pro - Team Showcase WordPress Plugin

Entre las opciones de estilo se incluyen:

  • Slide-ins
  • cajetín
  • círcular
  • modal
  • tabla
  • tarjetas
  • retícula (grid)
  • lista

Con estos 8 preajustes, alrededor de 20 opciones de estilo y un diseño limpio, el plugin The Team Pro - Team Showcase WordPress te permite presentar el equipo de tu empresa de una forma increíblemente atractiva.

15. UberMenu - WordPress Mega Menu Plugin

Un mega menú es un elemento de interfaz de usuario que me encanta, aunque su configuración e implementación puede resultar un poco compleja.

Este último inconveniente queda resuelto con el plugin UberMenu - WordPress Mega Menu.

UberMenu - WordPress Mega Menu Plugin

Tu menú de WordPress nunca volverá a ser el mismo:

  • mejora la experiencia en dispositivos móviles
  • añade imágenes e iconos de forma sencilla
  • crea atractivos diseños de menú 
  • con columnas, filas, mapas, formularios y mucho más

¿Menús con pestañas? ¿Usar fuentes de Google? ¿Menú vertical u horizontal?, el plugin UberMenu - WordPress Mega Menu te permite todo esto.

16. Floatton | WordPress Floating Action Button with Pop-up Contents for Forms or any Custom Contents

No se trata de un popup más. Aunque incluye la función de popup, también tiene características únicas por las que lo incluímos en este artículo.

Floatton | WordPress Floating Action Button with Pop-up Contents for Forms or any Custom Contents tiene un diseño muy limpio y es uno de esos plugins para WordPress que siempre agracederás tener en tu caja de herramientas.

Floatton WordPress Floating Action Button with Pop-up Contents for Forms or any Custom Contents
"Floatton es un plugin premium que te ayudará a crear un botón de acción flotante y estático con contenidos popup de estilo tooltip para que proporciones a tus usuarios un acceso sencillo a cualquier contenido de tu web.

Puedes usarlo como:

  • formulario de contacto y formulario para la recepción de comentarios
  • herramienta para que el usuario de consentimiento a las cookies o al aviso legal
  • recoger inscripciones a newsletters
  • mostrar un listado con los productos que el usuario ha añadido al carrito
  • mostrar novedades y anunciar noticias
  • formulario para recoger valoraciones
  • insertar código de vídeo
  • crear un formulario de inicio de sesión

¡Y cualquier cosa que se te pueda ocurrir!

Añade algún tipo de interacción con el usuario. Instala Floatton | WordPress Floating Action Button with Pop-up Contents for Forms or any Custom Contents

17. StickyVideo for WordPress

Si has visto vídeos de YouTube en dispositivos móviles habrás observado un fantástico ejemplo de UI/UX, cuando te desplazas alejándote del vídeo, éste salta y se coloca en una esquina de modo que puedes continuar viéndolo al mismo tiempo que consultas el contenido restante de la página.

Esto es exactamente lo que StickyVideo hace en WordPress, situar y anclar los vídeos en un lateral cuando el usuario inicia el desplazamiento. 

StickyVideo for WordPress
"¡Aumenta tu ratio de visibilidad usando una técnica empleada por la propia CNN, el Daily Mail y el Whashington Post que coloca los vídeos en un lateral mientras haces scroll!"

Este plugin fijará los vídeos alojados en:

  • WordPress (vídeos alojados en tu propia biblioteca de medios)
  • YouTube
  • Vimeo
  • Dailymotion
  • Facebook
  • Brightcove
  • JW platform
  • Youku
  • Tudou
  • Wistia
  • SchoolTube
  • Break
  • Metacafe
  • LiveLeak
  • Archive.org

Instala y configura el plugin StickyVideo for WordPress y tus vídeos dejarán de desplazarse hacia abajo.

18. Ultimate Image Hover Effects Plugin For WordPress

Nada atrapa más la atención del usuario que un elegante efecto al situar el ratón sobre una imagen. Ultimate Image Hover Effects Plugin For WordPress te proporciona un montón de estos efectos hover.

Ultimate Image Hover Effects Plugin For WordPress

No importa qué tema de WordPress estés usando, usar este plugin te va a encantar. 

  • diseños a modo de carrusel y retícula (grid)
  • más de 40 animaciones para las secciones
  • alrededor de 200 efectos
  • totalmente responsivo
  • y mucho más

El plugin para WordPress Ultimate Image Hover Effects viene con más que suficientes opciones, siendo a su vez fácil de usar y ligero.

19. Testimonials Showcase - WordPress Plugin

Muestra y gestiona fácilmente los testimonios de tus clientes y seguidores con Testimonials Showcase - WordPress Plugin.

Los testimonios nunca han tenido un diseño tan atractivo.

Testimonials Showcase - WordPress Plugin

Características que incluye:

  • alrededor de 15 opciones de presentación
  • diseño en forma de slider o retícula
  • sistema de valoración con estrellas
  • y mucho más

Testimonials Showcase - WordPress Plugin también permite que los usuarios envíen sus testimonios desde la parte pública de tu web (front-end).

20. WP Logo Showcase Responsive Slider Pro

Es hora de ampliar tu portafolio. Es el momento de instalar WP Logo Showcase Responsive Slider Pro.

Este plugin para WordPress está diseñado para mostrar el trabajo de diseñadores, pero también puede usarse para mostrar los logotipos de clientes y socios, o cualquier cosa que encaje en este tipo de interfaz de usuario.

WP Logo Showcase Responsive Slider Pro

Este slider responsivo tiene:

  • un widget con diseño de retícula y también un slider
  • animaciones en forma de tooltip o personalizadas
  • alrededor de 15 diseños predefinidos
  • área de administración con funcionalidad drag & drop
  • y mucho más

Algunos sliders intentan ofrecer de todo, WP Logo Showcase Responsive Slider Pro se centra en un nicho y un estilo de slider concretos, y lo hace de forma perfecta.

Conclusión

Disponer de una óptima interfaz de usuario es algo determinante para tu web. Puedes tener un diseño excelente, fantásticos colores y estupendo contenido, pero si tu interfaz es deficiente, tus usuarios no usarán tu sitio web.

Verdaderamente merece la pena considerar estos 20 populares elementos para interfaz de usuario que encontrarás en Envato Market, pero si aún así ninguno de ellos te proporciona lo que quieres, aprende más sobre desarrollo en nuestros cursos WordPress Plugin Development Essentials (Fundamentos del Desarrollo de Plugins para WordPress), WordPress Hacker's Guide to the Galaxy (Guía para el Hacker de WordPress hacia la Galaxia), o útiles eBooks como Useful Tricks and Techniques for WordPress (Útiles Trucos y Técnicas para WordPress) o Mastering WordPress (Alcanzar un Nivel Experto en WordPress).

¿Cuales son en tu opinión los mejores y más eficaces elementos de interfaz de usuario para WordPress?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.