¿Su diseño está empezando a parecer viejo? Los elementos antiguos y obsoletos de la interfaz de usuario pueden hacer que un sitio se sienta mucho más antiguo de lo que realmente es.
Aquí, analizamos ocho elementos de UI que debe eliminar de su plan de diseño. Pero eso no es todo; cada uno? no? viene con una sugerencia para modernizar tu sitio web. ¡Haremos que el diseño se vea actualizado en poco tiempo!
1.? Plano? Botones
Uno de los mayores problemas con el diseño plano en general es que todo fue bueno, ¿no? plano. Para algunos usuarios, esto hizo que los elementos fueran difíciles de distinguir y dificultara las interacciones. ¿Casi plano? y? Plano 2.0? surgió como una solución a este problema, ayudando a los usuarios a encontrar e interactuar con los elementos de la interfaz de usuario.
Intenta esto en su lugar: Agrega un toque de animación o un efecto de desplazamiento para darle un poco más énfasis a un botón de estilo plano. Si le gusta el aspecto plano, considere una alternativa casi plana o opciones de botones de gran tamaño que sean más fáciles de encontrar e interactuar para los usuarios.
2. Carruseles de texto
Los carruseles y los controles deslizantes pueden convertirse fácilmente en tema de grandes debates entre los diseñadores. Si son utilizables y funcionan bien, a menudo dependen en gran medida del contenido dentro.
Los carruseles o controles deslizantes de texto que muestran largas cadenas de información no son muy prácticos. Los controles deslizantes que en realidad no se deslizan solos y requieren un clic tampoco son particularmente útiles. Y ninguna de estas opciones anima a los usuarios a hacer clic.
Intenta esto en su lugar: Si desea mostrar varios elementos, use esta técnica como una visualización para un puñado de imágenes, pero no como una llamada a la acción y no la use para bloques de texto que los usuarios deben leer en secuencia. Coloque elementos de acción en otra parte de la pantalla con una acción directa y fácil de entender.
3. Enlaces para pequeños eventos
Tener que hacer clic (o tocar) dentro de los sitios web para ver información adicional es cosa del pasado. Los usuarios desean poder ver la información de un vistazo sin perder las ubicaciones iniciales de su navegador. (Esto es cierto de los sitios web y aplicaciones.)
Si puede mostrar información de una manera que no haga que los usuarios se alejen de la fuente original de estos divots, debe hacerlo de esa manera.
Intenta esto en su lugar: Una ventana emergente es un pequeño elemento de la interfaz de usuario que se relaciona con un bit específico de contenido. Cuando el usuario activa la acción, aparece un elemento de estilo de casi notificación (y luego desaparece también). Popovers es una de las funciones promocionadas en Apple OS X y por una buena razón; La función de proporcionar sin navegación.
4. Cualquier cosa basada en flash
Solo hay una cosa que decir sobre Flash: si aún lo está utilizando para cualquier cosa en su sitio web, por favor, deje de hacerlo.
Intenta esto en su lugar: HTML5 ya no es nuevo y proporciona toda la funcionalidad que necesita para reproducir audio, video y otros elementos multimedia. (Además, funciona en todos los dispositivos).
5. Iconos con largas sombras.
Esta adopción de la tendencia de diseño plano fue bastante corta. Si bien todavía puedes encontrar algunos iconos o botones de sombras largas, el estilo ya tiene una sensación de fecha.
Intenta esto en su lugar: Intenta crear un botón usando un estilo plano con algunos toques de sombras o texturas. Estos efectos sutiles hacen que sea fácil de ver. Un elemento está diseñado para interactuar con él, a la vez que mantiene una estética simple que no resta valor a otros elementos visuales.
6. Mega Menus
Si bien un mega menú puede ayudar a los usuarios a navegar un sitio web con una gran cantidad de contenido, no son prácticos en dispositivos más pequeños. El problema con estos menús de gran tamaño es que a menudo hay tanto contenido que el usuario no sabe qué hacer a continuación, se siente abrumado y abandona el sitio.
El otro problema con los enormes menús es que muchos están diseñados para abrirse al pasar el ratón y luego cubrir gran parte de la pantalla. Esto puede causar confusión para los usuarios y distraer aún más a los usuarios de por qué llegaron a su sitio o se movieron al menú en primer lugar.
Intenta esto en su lugar: Use una fuerte vinculación en el sitio para guiar a los usuarios a través de bits de contenido relacionado. Facilite a los usuarios encontrar y ver patrones en el diseño para pasar de un elemento o bit de contenido al siguiente.
Con el análisis del sitio, puede encontrar el flujo de usuarios y los patrones de una página a otra para ayudar a crear relaciones sólidas entre las páginas. Si siente la necesidad de ir a lo grande con la navegación, considere un menú deslizable a pantalla completa en el que se haga clic intencionalmente y que pueda ocultarse con la misma facilidad.
7. Demasiados iconos de redes sociales
En este punto, los usuarios saben cómo compartir contenido en las redes sociales, incluso si no hay docenas de iconos sólidos en toda la página. Es probable que todos esos íconos distraigan tu contenido.
Peor aún es una gran cantidad de iconos de redes sociales con todos los diferentes colores y formas de varios canales. Estos iconos están matando tu diseño. Hay mejores opciones.
Intenta esto en su lugar: Agregue botones personalizados para compartir en las redes sociales a su encabezado o pie de página y manténgalos fuera del contenido individual. Diseñarlos con sutileza para que no distraigan a los usuarios del diseño y la razón real para visitar su sitio web.
O sea un poco más audaz y considere deshacerse de ellos por completo. Profundiza en tu análisis; ¿Cuántas personas están usando los botones de compartir?
8. ¿Falsas? Animación
¿Los botones, elementos y otros llamamientos a la acción giran, saltan o cambian de color para que los usuarios los vean? Esas técnicas fecharán su sitio al instante.
El diseño debe dibujar en los usuarios; atención debido a una cantidad ridícula de movimiento, no debe.
Intenta esto en su lugar: Diseñar elementos con intención. Dar a los usuarios un lugar para centrarse en el diseño. Cada pantalla debe incluir no más de un elemento accionable (aparte de las opciones de compartir en las redes sociales). Entonces, deje en claro qué deben hacer los usuarios y diseñe un elemento que pueda ayudarlos a lograr ese objetivo.
Los elementos de estilo de tarjeta son una buena opción aquí.Debido a que los contenedores son más grandes que un botón estándar, proporcionan mucho espacio e información para hacer clic. Esto puede facilitar a los usuarios encontrar y hacer clic en la acción apropiada. (Y las tarjetas también son fáciles de responder).
Conclusión
¿Estás cometiendo alguno de estos errores de UI en tu sitio web? Las soluciones simples pueden ayudarlo a actualizar y modernizar el diseño, al tiempo que facilita su uso.
Asegúrese de mirar los ejemplos (y haga clic en los enlaces para ver cómo funcionan en acción) para ver las formas en que puede usar bien diferentes tipos de elementos de la interfaz de usuario. Y asegúrese de compartir algunos de sus trabajos con nosotros en la galería Design Shack.