Contenido
- ¿Qué es el contenido "real"?
- Bien, entonces, ¿qué es el diseño de contenido primero?
- El contenido destaca los "casos extremos", es decir, el mundo real
- Comenzar con contenido real lo pone en el lugar del usuario desde el primer momento.
- 3 herramientas que te ayudan a trabajar con contenido real
- CMS de flujo web
- Complemento Craft Data para Sketch
- API de generador de usuarios aleatorios
Antes de profundizar en los beneficios para la experiencia del usuario, aclaremos un poco nuestros términos.
Primero, aunque a menudo escuchará a la gente discutir este concepto como "diseñar con real datos, "Prefiero usar contenido, ya que captura mejor con qué trabaja un diseñador. Después de todo, normalmente no se referiría a una imagen como "datos", ¿verdad? Si le ayuda, puede pensar en el contenido como "datos en contexto".
¿Qué es el contenido "real"?
En algún momento de la evolución del diseño, alguien tuvo la idea de que en realidad no necesitar texto real para crear un diseño. Que puedes añadir algo de latín arbitrario hasta que las cosas "reales" estén listas. Por eso, lorem ipsum y sus muchas, muchas ramificaciones más o menos hipster.
Pero recientemente, la gente ha comenzado a darse cuenta de lo completamente loco que es eso. Seguro, algunos Las formas de contenido pueden incluirse en cualquier diseño antiguo y llamarse "buenas".
Pero, por lo general, ese no es el caso. Incluso su blog "estándar" a menudo presenta una variedad de tipos de contenido, que incluyen listas, entrevistas, estudios de casos, tutoriales, etc. Cada uno de los cuales podría definitivamente Benefíciese de una presentación única diseñada para resaltar las características únicas del tipo de contenido.
Entra diseñando con contenido real. Es una rama del diseño de contenido que pide a los diseñadores no solo comenzar con el contenido, sino comenzar con el verdadero contenido que personas reales en el desordenado mundo real crean y comparten.
Tenga en cuenta que el contenido "real" puede consistir en:
- Fotos reales y actualizaciones de estado de gente común.
- Contenido producido por el cliente para sitios independientes
- Copia pulida producida por redactores profesionales
Bien, entonces, ¿qué es el diseño de contenido primero?
El diseño de contenido prioriza la creación del contenido de un sitio web, o una revisión y análisis del contenido existente. antes de comienza el diseño.
Eso no significa que el contenido no se pueda iterar y refinar de manera ágil una vez que ha comenzado el proceso de diseño. (De hecho, debería serlo, para asegurarse de que la copia y el diseño hablen con la misma voz). Solo significa saber con qué está trabajando antes de comenzar a trabajar con él.
Con nuestros términos establecidos, veamos los beneficios de diseñar con contenido real.
El contenido destaca los "casos extremos", es decir, el mundo real
A los diseñadores les encanta el contenido ideal. Y no puede culparlos: embellecer el contenido es una pequeña parte de lo que hacen. Pero en el mundo real, pocas personas crean contenido bonito.
En su lugar, se unen al nuevo y atractivo sitio web, completan la mitad de los campos de su perfil, suben una foto de dos y terminan el día. O escriben “titulares realmente largos” y suben fotografías en baja resolución a sus blogs.
Esa es la vida real.
Cuando entiendes eso, no detener en el diseño de perfiles de usuario "ideales" que incluyan:
- Nombres y apellidos breves, anglosajones
- Cientos de hermosas fotos, suministradas con regularidad.
- Pasajes breves de contenido textual
- Una animada variedad de "actualizaciones" que cubren todos los tipos de contenido.
Haz uno de esos, seguro.
Pero tus otras burlas resaltan el mundo real. Un mundo lleno de:
- Nombres largos
- Nombres que deben incluirse en más de un idioma
- Nombres que se ejecutan de derecha a izquierda, no de izquierda a derecha
- Fotos escasas, mal iluminadas y torpemente recortadas
- Avatares tontos en lugar de disparos a la cabeza
- "Acciones" que en realidad son solo enlaces desnudos, sin comentarios, que generan vistas previas vacías
Estos no son "casos extremos". Son instantáneas del mundo real, desordenado y desordenado. Cuanto mejor comprenda eso, mejor comprenderá a sus usuarios y cómo diseñar para ellos.
Y para que no te engañe el ejemplo anterior, los beneficios de diseñar con contenido real no se limitan a las redes sociales. Se aplican a cualquier sitio web que utilice contenido generado por personas que no eres tú. Es decir, todos ellos.
Después de todo, imagínese burlándose de un blog donde cada titular tiene exactamente tres palabras. Por lo menos hablar al editor del blog, hermano?
Comenzar con contenido real lo pone en el lugar del usuario desde el primer momento.
La mayoría de los visitantes del sitio web no vienen por el hermoso diseño, las interacciones "agradables" o la copia burlona.
Vienen por la información que necesitan para hacer las cosas.
Al adoptar un enfoque de diseño en el que el contenido sea primero, luego ir un paso más allá para usar verdadero contenido, priorizas un intento de comprender ambos:
- Con que tienes que trabajar
- Qué busca el usuario final
Y eso le ayuda a asegurarse de que la información correcta se resalte en los lugares correctos en el diseño final.
En cierto sentido, cuando priorizas la producción o el análisis de contenido antes de el diseño, está tomando el mismo camino que su usuario: vadeando un mar de información en busca de lo que necesita. Al recorrer ese proceso, comprenderá mejor lo que está disponible, lo que quieren sus clientes y cómo organizar su contenido para ayudarlos a comprender mejor lo que usted (o su cliente) ofrece.
3 herramientas que te ayudan a trabajar con contenido real
Obviamente, puede incorporar contenido real en cualquier herramienta de diseño para brindar más fidelidad a sus diseños web y de productos. Pero hay algunas herramientas que realmente brillan cuando trabajas con contenido real.
CMS de flujo web
Lanzado a finales de 2015, el CMS visual de Webflow funciona a la perfección con un flujo de trabajo centrado en el contenido. Simplemente cree una colección a partir de 13 bloques de construcción básicos (que van desde imágenes hasta enlaces y referencias a otras colecciones) para crear una estructura totalmente personalizada, ingrese su contenido y luego comience a trabajar con ese contenido para construir el diseño perfecto. Incluso puede extraer datos "ficticios" de muestra para iniciar su proceso de diseño.
Complemento Craft Data para Sketch
Este complemento gratuito de Sketch y Photoshop de InVision LABS le permite extraer contenido real de sus propios archivos, sitios web existentes o archivos JSON y conectarlo directamente a sus diseños.
API de generador de usuarios aleatorios
Si es un modificador de código o Photoshopper, Random User Generator le permite generar objetos JSON, SQL, CSV o YAML que puede colocar directamente en sus diseños.
