Abrazar la última tendencia web: diseño basado en tarjetas
Siempre hay nuevas tendencias de diseño web que están ganando impulso. ¿Quién podría olvidar el desplazamiento de paralaje de hace algunos años, que todavía es popular hoy en día? Últimamente, las páginas de desplazamiento largo reciben más atención de los visitantes del sitio.
Una tendencia que no ha obtenido tanto reconocimiento como muchos otros, y ha existido desde hace un tiempo, es el diseño basado en tarjetas.
El sitio web más popular que muestra esta tendencia de diseño es Pinterest, pero también hay otros sitios que utilizan cada vez más este enfoque de diseño, y con buenas razones. Cuando los visitantes navegan por un sitio que usa esta técnica de diseño, inmediatamente notan la limpieza y una planificación bien organizada detrás de un enfoque de diseño simple pero elegante.
Hay una gran cantidad de beneficios en el uso del diseño basado en tarjetas en su propio sitio.
Un enfoque de cuadrícula para IA
Cuando observa cualquier diseño basado en tarjetas, es imposible no ver también un diseño basado en cuadrículas que se asoma. Esto se debe a que cada borde de una carta es realmente el borde de varias cuadrículas en un sistema más grande y bien organizado que promueve una gran consistencia y armonía en la forma en que se presenta el sitio.
Esto a su vez ayuda significativamente a la arquitectura de información de su sitio. La arquitectura de la información es el orden inteligente y el flujo en el que los visitantes absorben la información del sitio, idealmente de acuerdo con el objetivo de cada página y el sitio en general.
Piénselo: el diseño basado en tarjetas guía los ojos de los visitantes debido a su énfasis en la consistencia. Cada carta es parte de una columna o fila que dirige sus ojos a lo largo de líneas horizontales y verticales uniformes. Esta disposición ayuda a sus visitantes a comprender qué información es más importante que otras.
Tome, por ejemplo, Contraste , una revista de fotografía. Seguir su diseño de cuadrícula / tarjeta lo ayuda a comprender qué es más importante en la jerarquía de información. Los artículos más nuevos se colocan a lo largo de la fila superior, mientras que los artículos más antiguos aparecen en la fila inferior. La novedad generalmente se asocia con una mayor importancia, por lo que seguir este orden descendente de filas en el sistema de tarjeta permite a los usuarios asociar rápidamente qué contenido es más importante. Por lo tanto, pueden priorizar el orden en que leen esta información.
Gran dependencia de las imágenes
Hemos escuchado el viejo dicho de que las personas son criaturas visuales tantas veces que es un cliché, sin embargo, en el diseño basado en tarjetas, adquiere un nuevo significado. El diseño basado en tarjetas se basa en imágenes casi de manera exclusiva; cualquier copia en la misma página suele ser secundaria a la visual en términos de la arquitectura de la información.
Ser fuerte en las imágenes como esta es una fortaleza del diseño basado en tarjetas porque los estudios ya confirman que las imágenes elevan el diseño web. Por ejemplo, tanto imágenes de alta calidad como usando más caras humanas en imágenes aumenta las tasas de conversión. De hecho, dicho todo, hay varias formas en el que usar imágenes en el diseño puede aumentar las conversiones de su sitio.
En otras palabras, el énfasis en el uso de imágenes hace que el diseño basado en tarjetas sea más atractivo para los visitantes del sitio. No es una coincidencia que Pinterest es, según Alexa, el 15º sitio más popular en los EE. UU.
Mirando a la Resultados de Pinterest para el término de búsqueda "comida", podemos ver que las imágenes son las primeras cosas que llaman la atención cuando estás en el sitio. No te importan las descripciones debajo de las imágenes, al menos no al principio. Las imágenes deslumbrantes de alta calidad son lo que llama la atención, y luego, después de decidir que quiere aprender más (pero ya se está comprometiendo con esa tarjeta), lee las descripciones de las tarjetas.
UX mejorado
Cualquier diseñador debería decirle que la experiencia del usuario es lo más importante. Es lo que se supone que debemos diseñar, ante todo. Otra razón por la que el diseño basado en tarjetas ha tenido tan buen impacto, y continuará haciéndolo en el futuro previsible, es porque ayuda a la experiencia del usuario. Y eso alienta a los visitantes del sitio a seguir volviendo a su sitio, lo que a su vez los lleva a pasar más tiempo allí, lo que finalmente genera más conversiones.
Una gran experiencia de usuario se centra en que las personas puedan encontrar su camino alrededor de su sitio sin ninguna fricción; Básicamente, deberían encontrar lo que quieren encontrar de inmediato y sin dolores de cabeza.
Dribbble es un sitio que entiende esto bien porque sus diseñadores han usado tarjetas para hacer que la experiencia del usuario sea más simple y mejor. Este sitio es bien conocido en la comunidad creativa en línea como un escaparate para obras de arte generadas por los usuarios.
El objetivo del sitio es que la gente admire ilustraciones, gráficos e imágenes de todo tipo, por lo que el diseño basado en tarjetas es realmente la forma más adecuada para presentarlo. Dado que las imágenes atraen la atención del usuario de manera eficiente e inmediata, la experiencia del usuario se ve enormemente mejorada cuando los visitantes pueden leer detenidamente las tarjetas en el diseño de la cuadrícula para ver cuáles les interesan. Tan pronto como vean uno que les interese, pueden hacer clic instantáneamente en la tarjeta para echar un vistazo más de cerca.
Un sitio como Dribbble le permite a los visitantes encontrar de inmediato lo que están buscando de una manera súper conveniente. ¡Ese es el epítome de una gran experiencia de usuario!
Adecuado para el diseño móvil
Es posible que haya escuchado que el móvil ya ha superado al escritorio en la gran cantidad de usuarios. Solo en los EE. UU. Para 2015, tiempo digital de medios móviles sale al 51% en comparación con el 42% de escritorio. El diseño basado en tarjetas es ideal, ya que tiene en cuenta esta tendencia al ser fácilmente compatible con marcos receptivos. Debido a que las tarjetas ofrecen contenido en fragmentos más digeribles, hace que sea más fácil mostrarlas en marcos móviles.
Mire las cartas de esta manera: su forma y tamaño es prácticamente una imitación de la forma y el tamaño de un teléfono inteligente o tableta. Por supuesto, no es exactamente una combinación perfecta debido a la multitud de modelos diferentes disponibles, pero sigue siendo una coincidencia bastante estrecha cuando se piensa en términos de relación de aspecto.
Como resultado, las tarjetas nunca desaparecerán mientras los dispositivos móviles sigan creciendo y no muestren signos de desaceleración en el corto plazo.
No es simplemente otra moda de diseño
El problema con algunas tendencias de diseño es que se convierten en modas, lo que las hace efímeras y olvidables. El diseño basado en la tarjeta, sin embargo, es todo lo contrario! Debido a la gran cantidad de usos prácticos y beneficios que ofrece, solo se volverá más popular a medida que pase el tiempo. Esto significa que tiene poder de permanencia.
Proporciona consistencia en la arquitectura de la información de los sitios y aprovecha la obsesión de los usuarios con las imágenes nítidas como una forma de generar más conversiones. En consecuencia, toda la experiencia del usuario también mejora enormemente con el diseño basado en tarjetas simplemente porque facilita a los usuarios encontrar lo que están buscando en el sitio. Gracias al aumento de los dispositivos móviles en los últimos años, este enfoque de diseño se está convirtiendo en un pilar principal que cada vez más personas encuentran y disfrutan.
Cuando piensas en ello, las cartas son realmente un concepto antiguo, sin embargo, se les ha dado una oportunidad en el brazo y se han actualizado a una nueva y fresca forma de diseño web. Simplemente demuestra que los diseñadores innovadores pueden tomar algo viejo y mundano y convertirlo en algo extremadamente relevante y beneficioso en el siglo XXI.