Desintoxica tu diseño: 8 elementos de interfaz de usuario para eliminar
¿Su diseño comienza a verse viejo? Los elementos de la interfaz de usuario antiguos y desactualizados pueden hacer que un sitio se sienta mucho más anticuado de lo que realmente es.
Aquí, observamos ocho elementos de la interfaz de usuario que debe eliminar de su plan de diseño. Pero eso no es todo; cada "no" viene con una sugerencia para modernizar su sitio web. ¡Obtendremos ese diseño actualizado en poco tiempo!
1. Botones "planos"
Uno de los mayores problemas con el diseño plano en general es que todo era, bueno ... plano. Para algunos usuarios, esto dificultaba la distinción de elementos y dificultaba las interacciones. "Casi plano" y "Plano 2.0" surgieron como una solución a este problema, ayudando a los usuarios a encontrar e interactuar mejor con los elementos de la interfaz de usuario.
Intente esto en su lugar: agregue un toque de animación o un efecto de desplazamiento para darle un poco más de énfasis a un botón de estilo plano. Si le gusta la apariencia plana, 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 depende en gran medida del contenido interno.
Los carruseles de texto o los controles deslizantes 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.
Intente esto en su lugar: si desea mostrar varios elementos, use esta técnica como una pantalla para un puñado de elementos visuales, pero no como un llamado a la acción y no lo 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) en 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 sus ubicaciones iniciales del navegador. (Esto es cierto para 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.
Intente esto en su lugar: un popover es un pequeño elemento de interfaz de usuario que se relaciona con un contenido específico. Cuando el usuario activa la acción, emerge un elemento de estilo de casi notificación (y luego desaparece también). Los popovers son 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 todavía lo está utilizando para algo en su sitio web, deténgase.
Intente 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 del diseño plano fue bastante corta. Si bien todavía puede encontrar algunos íconos o botones de sombra largos, el estilo ya tiene una sensación anticuada.
Intente esto en su lugar: intente crear un botón usando un estilo plano con algunos toques de sombras o textura. Estos sutiles efectos hacen que sea más fácil "ver" que un elemento está diseñado para interactuar con él, a la vez que mantiene una estética simple que no resta valor a otras imágenes.
6. Mega menús
Si bien un mega menú puede ayudar a los usuarios a navegar en un sitio web con mucho 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 abruma y abandona el sitio.
El otro problema con los menús enormes es que muchos están diseñados para abrirse al pasar el mouse y luego cubrir gran parte de la pantalla. Esto puede causar confusión a los usuarios y distraer aún más a los usuarios de por qué vinieron a su sitio o se trasladaron al menú en primer lugar.
Intente esto en su lugar: utilice enlaces fuertes en el sitio para guiar a los usuarios a través de fragmentos de contenido relacionado. Facilite a los usuarios encontrar y ver patrones en el diseño para moverse de un elemento o contenido al siguiente.
Mediante 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 de página. Si siente la necesidad de ir a lo grande con la navegación, considere un menú deslizable de pantalla completa que se hace clic intencionalmente y se puede ocultar 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 íconos fuertes en la página. Es probable que todos esos íconos distraigan tu contenido.
Peor aún es una gran cantidad de íconos de redes sociales con todos los diferentes colores y formas de varios canales. Estos íconos están matando tu diseño. Hay mejores opciones
Intente esto en su lugar: agregue botones personalizados para compartir en redes sociales a su encabezado o pie de página y manténgalos fuera del contenido individual. Diseñe 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 abandonarlos por completo. Profundiza en tus análisis; ¿Cuántas personas están usando los botones de compartir?
8. Animación "falsa"
¿Los botones, elementos y otras llamadas 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 atraer a los usuarios; atención debido a una cantidad ridícula de movimiento, no debería.
Intente esto en su lugar: Diseñe elementos con intención. Ofrezca a los usuarios un lugar para concentrarse en el diseño. Cada pantalla no debe incluir más de un elemento accionable (aparte de las opciones para compartir en las redes sociales). Deje en claro qué deben hacer los usuarios y diseñe un elemento que pueda ayudarlos a lograr ese objetivo.
Los elementos de estilo tarjeta son una buena opción aquí. Debido a que los contenedores son más grandes que un botón estándar, brindan mucho espacio e información en los que se puede hacer clic. Esto puede facilitar que los usuarios encuentren y hagan clic en la acción adecuada. (Y las tarjetas también son receptivas y amigables).
Conclusión
¿Estás cometiendo alguno de estos errores de IU en tu sitio web? Las soluciones simples pueden ayudarlo a actualizar y modernizar el diseño al tiempo que lo hace más fácil de usar.
Asegúrese de ver los ejemplos (y haga clic en los enlaces para ver cómo funcionan en acción) para ver cómo puede usar bien los diferentes tipos de elementos de la interfaz de usuario. Y asegúrese de compartir parte de su trabajo con nosotros en la galería Design Shack.
