Adopción de 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 unos años, que sigue siendo popular hoy en día? Últimamente, las páginas de desplazamiento largo están recibiendo más atención de los visitantes del sitio.
Una tendencia que no ha recibido tanto reconocimiento como muchas otras, y que ya existe 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 razón. Cuando los visitantes navegan por un sitio que utiliza esta técnica de diseño, inmediatamente notan la limpieza y la planificación bien organizada detrás de un enfoque de diseño tan simple pero elegante.
Hay una gran cantidad de beneficios al usar el 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ícula que se asoma. Esto se debe a que cada borde de una tarjeta es realmente el borde de varias cuadrículas en un sistema más grande y bien organizado que promueve una gran coherencia 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 y el flujo inteligente en el que sus 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 la mirada de sus visitantes debido a su énfasis en la coherencia. 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.
Tomemos, por ejemplo, En 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 tarjetas permite a los usuarios asociar rápidamente qué contenido es más importante. Por lo tanto, pueden priorizar el orden en el 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é, pero en el diseño basado en tarjetas, adquiere un nuevo significado. El diseño basado en tarjetas se basa en elementos visuales casi exclusivamente; cualquier copia en la misma página suele ser secundaria a la visual en términos de arquitectura de la información.
Ir pesado en 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 rostros más humanos en imágenes aumentan las tasas de conversión. De hecho, en total, hay varias formas en el que el uso de 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 coincidencia que Pinterest es, según Alexa, el decimoquinto sitio más popular de EE. UU.
Mirando a la Resultados de Pinterest para el término de búsqueda «comida», podemos ver que las imágenes son lo primero que llama su atención cuando está en el sitio. No le importan las descripciones debajo de las imágenes, al menos no al principio. Las imágenes deslumbrantes de alta calidad son lo que captan su atención y luego, después de decidir que desea aprender más (pero ya comprometido con esa tarjeta), lee las descripciones de la tarjeta.
Experiencia de usuario mejorada
Cualquier diseñador debería decirte que la experiencia del usuario es lo más importante. Es para lo que se supone que debemos diseñar, en primer lugar. Otra razón por la que el diseño basado en tarjetas ha resonado tan bien, y seguirá haciéndolo en el futuro previsible, es porque ayuda a la experiencia del usuario. Y eso alienta a los visitantes del sitio a volver a su sitio, lo que a su vez los lleva a pasar más tiempo allí, ¡lo que finalmente conduce a más conversiones!
Una excelente experiencia de usuario se centra en que las personas puedan orientarse por su sitio sin ningún tipo de fricción; Básicamente, deben encontrar lo que buscan de inmediato y sin dolores de cabeza.
Regate 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 de 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 de presentar esto. Dado que las imágenes atraen la atención del visitante de manera eficiente e inmediata, la experiencia del usuario mejora enormemente cuando los visitantes pueden examinar rápidamente 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 ver más de cerca.
Un sitio como Dribbble permite a los visitantes encontrar de inmediato lo que buscan de una manera muy 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 los dispositivos móviles ya han superado a las computadoras de escritorio en la gran cantidad de usuarios. Solo en EE. UU. Durante 2015, tiempo digital de medios móviles llega al 51% en comparación con el 42% de las computadoras 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, facilita su visualización en marcos móviles.
Mire las tarjetas 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 combinación bastante cercana 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 tarjetas, 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 coherencia en la arquitectura de la información de los sitios y aprovecha la obsesión de los usuarios por las imágenes nítidas como una forma de generar más conversiones. En consecuencia, toda la experiencia del usuario también obtiene una gran mejora con el diseño basado en tarjetas simplemente porque en realidad les facilita a los usuarios encontrar lo que buscan en el sitio. Gracias al auge de los dispositivos móviles en los últimos años, este enfoque de diseño se está convirtiendo en un pilar que cada vez más personas encuentran y disfrutan.
Cuando lo piensas, las tarjetas son realmente un concepto antiguo, sin embargo, se les ha dado una oportunidad y se han actualizado a una forma nueva y fresca de diseño web. Simplemente demuestra que los diseñadores innovadores pueden tomar algo antiguo y mundano y convertirlo en algo extremadamente relevante y beneficioso en el siglo XXI.
