Krypton Solid

La última tecnología en raciones de 5 minutos

Adopción de la última tendencia web: diseño basado en tarjetas

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.

Los espacios

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.

en contraste

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.

Pinterest

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

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.

Feedhop

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.

Deja un comentario

También te puede interesar...

Definir el vendedor

¿Qué se le pone al vendedor? «Put to the seller» describe el proceso de ejercer una opción de venta. El vendedor se vuelve responsable de recibir las acciones subyacentes del comprador menor al precio de

Cómics de la semana # 360

Cómics de la semana # 360 Cada semana presentamos un conjunto de cómics creados exclusivamente para WDD. El contenido gira en torno al diseño web, los blogs y las situaciones divertidas que encontramos en nuestra

Internet del siglo XXI

Imagínese la escena: mi padre en la sala de estar, en una videoconferencia con su jefe en Estados Unidos. En el estudio, la madre trabaja de forma remota, mientras el pequeño Johnny está arriba jugando

Me convertí en el iPhone, el destructor de MNO

Hay muchas maneras de ver el nuevo iPhone 4S de Apple, y no todas son positivas, como han demostrado las hordas de tuiteros enojados esta mañana. Sin embargo, incluso los operadores de redes móviles (MNO)

SpaceX lanza con éxito el satélite Kacific de 100 Mbps

Imagen: SpaceX SpaceX Monday lanzó un satélite de comunicaciones para Kacific Broadband Satellites y SKY Perfect JSAT Corporation, que se utilizará para proporcionar servicios móviles y de banda ancha con velocidades de hasta 100 Mbps

¿Qué es Bluetooth Low Energy (Bluetooth LE)?

Bluetooth Low Energy es una variante de ahorro de energía de la tecnología de red de área personal (PAN) Bluetooth, diseñada para su uso por máquinas y electrodomésticos conectados a Internet. También comercializado como Bluetooth

Salesforce controla 40 MW de energía eólica

Característica especial Centro de datos del siglo XXI Más que nunca, los centros de datos están impulsando el mundo, pero muchos de ellos deben reiniciarse en el siglo 21. Los centros de datos de hoy

Cómo deshabilitar la copia de seguridad de WhatsApp

Acaba de instalar WhatsApp en un teléfono inteligente secundario, que le gustaría mantener lo más confidencial posible, y querrá desactivar la función de copia de seguridad incluida en la aplicación para evitar que su stock

Definición de coste laboral

¿Cuál es el costo de la mano de obra? El costo de la mano de obra es la suma de todos los salarios pagados a los empleados, así como el costo de los beneficios de

Nokia Siemens nombra jefe de Asia-Pac

Nokia Siemens Networks, de reciente creación, ha nombrado a su primer director para Asia-Pacífico en medio de desafíos financieros y de personal. Rajeev Suri, ex vicepresidente senior de Nokia Networks Asia-Pacific, supervisará las operaciones de