El contenido es una parte importante de la experiencia del usuario. El contenido es más que la optimización de motores de búsqueda; Es más que bloguear. Es parte de su sitio, identidad de marca y por qué los usuarios interactúan con su diseño.
Cada día es aún más importante diseñar el contenido como parte de la función general y la experiencia del usuario en el diseño de sitios web y aplicaciones. Pero, ¿cómo puedes hacerlo? (Podemos ayudarlo con algunos estudios de casos y ejemplos, como The Hen House, que utiliza una variedad de técnicas de diseño y compromiso con el usuario para mantenerlo en movimiento).
¿Qué es el contenido del sitio web?
El contenido del sitio web es más que una corriente de publicaciones de blog. Incluye cada pieza de texto o imagen en un sitio web. Esto incluye todo, desde la copia principal a la información del pie de página a las etiquetas alt. Cada parte cuenta como contenido.
Hay mucha de esta información que los diseñadores a veces olvidan cuando pensamos en el contenido. Tome un sitio de comercio electrónico, por ejemplo: las descripciones de productos e incluso las políticas de envío son contenido. El minorista Woot hace un gran trabajo de crear contenido para cada elemento en su sitio web. Como es de esperar, cada artículo en venta incluye imágenes, descripciones y una forma de comprar. Lo que es más es que cada elemento también incluye un elemento de diversión. Mira la descripción del artículo secundario, un juego de cuchillos:? April Knives Bring May Knives. Tenga en cuenta lo bien que funciona este título para una venta que se extiende a dos meses? Yeahhhhh.
El objetivo de cada parte del contenido del sitio web es optimizar y mejorar la experiencia del usuario. (Es por eso que las descripciones lindas de Woot funcionan). El contenido debe contribuir a la voz general de su marca y mostrar por qué los usuarios deben visitar y participar en su sitio. (El compromiso es cualquier cosa, desde leer hasta jugar un juego, registrarse en un boletín informativo o hacer una compra).
?¿Diseño? Contenido
El diseño de contenidos es mucho más que la estética. Piense en el diseño de contenido como un enlace entre su mensaje y el usuario. ¿Qué herramientas o tipos de información hará esa conexión?
El blog de Moz recientemente compiló una gran lista de consejos para diseñar contenido como parte de la experiencia general del usuario:
- Enlace a un blog o publicaciones de blog relevantes
- Insertar contenido de redes sociales relacionado
- Optimiza el contenido que ya tienes; Úsalo de diferentes maneras.
- Escribe descripciones geniales para secciones, fotos y otros fragmentos de? Oculto? contenido
- Siéntete orgulloso de tu contenido y presumelo haciéndolo lo suficientemente grande para verlo.
- Guía a los usuarios a través del contenido de manera lógica (y metódica)
La revista Oustide hace un gran trabajo con esto en su sitio web. El contenido es una combinación de varias fuentes: la revista, el contenido específico en línea, las redes sociales y la interacción del usuario. En? Best Towns 2015: Wild-Card Round? Esta mezcla de contenido está en exhibición. La revista alberga un contenido de fotos enviado por el usuario en Instagram. ¿El contenido? Está diseñado como una guía de reglas para participar en el concurso. El excelente contenido complementario es el feed de fotos del feed de Instagram externo con el hashtag del concurso. La belleza del diseño es que el mensaje de contenido principal no cambia, pero los fragmentos de contenido de la página cambian y se actualizan constantemente, lo que exige que los usuarios vuelvan e interactúen.
Contenido y funcion
¿Cómo se unen el diseño y el contenido? Debería estar en sincronía.
La experiencia del usuario y la función son una parte vital del diseño. Y hay técnicas y cosas que puede hacer visualmente para atraer a los usuarios aún más. Los factores clave son pensar en cómo los usuarios leen y se involucran con un sitio web, cómo funcionan las interacciones y cómo utilizan la teoría y los principios del diseño para crear algo que la gente quiera ver, incluidos los diseños modernos.
Los usuarios leen y se involucran con la mayoría de los diseños en un patrón básico, escaneando bloques de contenido hasta que encuentran las partes con las que quieren participar o que les parecen interesantes. The Next Web examinó recientemente este patrón de ajuste visual que toma una forma de F? en gran detalle. La premisa básica es que el contenido en forma de F de izquierda a derecha y de arriba a abajo es el comportamiento más dominante del usuario y puede proporcionar pistas para los diseñadores. ? La F se refiere al lector que primero escanea una línea horizontal en la parte superior de la pantalla, como es comprensible para las culturas que se leen de izquierda a derecha. Luego, el usuario escanea una línea vertical en el lado izquierdo de la pantalla, buscando palabras clave o puntos de interés en las oraciones iniciales del párrafo o los títulos de la subsección. Cuando el lector encuentra algo que le gusta, comienza a leer normalmente, formando líneas horizontales.
Entonces las interacciones que ocurren entre el usuario y el diseño deben ser sensibles y relevantes. Los usuarios deben comprender cuándo y dónde hacer clic y qué sucederá. Este es un paso vital en el desarrollo de contenido y diseño en forma de claves de usuario. ¿Cuáles son los colores y las etiquetas que utilizará en estas herramientas para dirigir el tráfico de usuarios?
Finalmente, los diseñadores pueden usar herramientas y técnicas de diseño básicas para crear una estética que sea simplemente atractiva. Un truco Cree un diseño o interacción que se base en las tendencias actuales u ofrezca una sorpresa para el usuario. El aspecto de un sitio puede contribuir a su función; Crea algo divertido que los usuarios quieran tocar.
Living Edge combina la función y el diseño de una manera casi perfecta. El diseño simple utiliza el desplazamiento basado en páginas para presentar a los usuarios la marca y los productos. Las ingeniosas acciones de desplazamiento del color fomentan los clics en información importante como la financiación y el registro de correo electrónico. El sitio utiliza tendencias de diseño como el minimalismo y el desplazamiento de paralaje para crear una experiencia inmersiva con tipografía simple y color que fomente la acción.
Dilemas de contenido
Cuando se trata de pensar en el contenido, los diseñadores tienden a tener uno de los dos dilemas: una cantidad abrumadora de contenido o no lo suficiente.El medio, que sería un flujo constante de diversos tipos de contenido que se actualiza constantemente, rara vez es la norma.
"Cuando la estrategia de contenido está en su lugar y en su lugar adecuado, estamos en camino de producir resultados hermosos y efectivos". - Revista SmashingEl primer paso para combatir este dilema es desarrollar una estrategia de contenido completa. Este plan no es lo más fácil de hacer, pero hará que el diseño y el contenido se unan de manera más fluida y sea más fácil de ejecutar como un equipo. ¿La estrategia de contenido de Smashing Magazine dentro del proceso de diseño? es una guía casi intemporal para iniciar conversaciones sobre estrategias de contenido. De la guía: "Cuando la estrategia de contenido está en su lugar y en su lugar adecuado, estamos en camino de producir resultados hermosos y efectivos".
Luego llega el momento de lidiar con su dilema de contenido:
- Si tienes una abrumadora cantidad de contenido simplifica. Considere un diseño modular tipo tarjeta que divide el contenido en piezas más pequeñas y más digeribles.
- Si no tienes suficiente contenido, reutiliza lo que tienes. Considere un juego o truco en el diseño que enfatice los puntos clave. Fomente la interacción del usuario o social y luego vuelva a publicar esa interacción en el esquema de su sitio.
La cartera de Miki Mottes muestra cómo diseñar una gran cantidad de contenido al tiempo que logra mantenerlo organizado y único. Usando un diseño modular y de bloques, los elementos de la cartera son fáciles de ver y proporcionan enlaces en los que se puede hacer clic. El sitio utiliza un estilo caprichoso que te hace ver cada una de las animaciones, que es el contenido que contribuye al portafolio del diseñador (y al posible empleo) también. Desplácese hacia abajo para encontrar aún más contenido: aprenda sobre el diseñador, compre en la tienda o envíe un mensaje.
Supreme Supreme tiene un diseño de sitio web divertido con contenido mínimo. Pero el contenido incluido es atractivo y ofrece acciones distintas para los usuarios. Una gran galería de fotos hace que los usuarios quieran compartir para una posible inclusión y con un concurso para ganar café gratis, los usuarios probablemente harán clic o realizarán otras acciones, como descargar la aplicación.
Conclusión
Diseñar contenido para las experiencias de los usuarios es, primero, comprender a los usuarios y luego sobre el diseño. Un buen diseño animará a los usuarios a interactuar con su sitio web o marca.
Cree un diseño que utilice las teorías básicas del buen diseño, establezca un mensaje fuerte con contenido y luego ofrezca a los usuarios una sorpresa en forma de estética o función para atraerlos.