5 formas de mejorar el diseño de tu contenido.

Ya hemos escrito sobre lo importante que es la legibilidad del contenido, hoy continuaremos hablando de ello.

No hay duda de que la mayoría del contenido de hoy se crea y consume en el espacio digital. Por lo tanto, independientemente de si utiliza la aplicación de escritorio o el editor visual de su CMS, asegúrese de que el diseño de su material esté totalmente optimizado para Internet. Veamos algunas formas efectivas de mejorar el diseño de sus materiales.

Supongamos que tienes contenido perfecto ...

Y ahora necesita una presentación ideal del material: después de todo, la forma en que presenta la información no es menos importante que el contenido del artículo en sí. El usuario realiza la evaluación inicial del material de acuerdo con la "imagen" visual.

Varios estudios sugieren que la mayoría de los usuarios abandonan el sitio si su contenido no es "amigable" para ellos. Al mismo tiempo, una parte de esta audiencia nunca volverá a ti. Por lo tanto, para que el diseño de su contenido sea lo más atractivo posible, necesita, en primer lugar, piensa en tu audiencia. Póngase en el lugar del lector, piense como él, intente percibir la página de su sitio de la misma manera que lo percibe su lector.

1. Disposición para tabletas y dispositivos móviles.

De acuerdo con las estadísticas de Liveinternet.ru, el tráfico desde dispositivos móviles está creciendo ... bueno, en resumen, vea por usted mismo cómo crece:

El gráfico muestra la cantidad de transiciones según las estadísticas de Liveinternet.ru desde dispositivos móviles en las plataformas Android e iOS. Obviamente, ya no es posible ignorar a los usuarios móviles. En consecuencia, el diseño del sitio debe adaptarse para verlo desde tabletas y teléfonos inteligentes. (¿La versión móvil del sitio es o no? Nuestra respuesta es: no, explique por qué. Pero si es breve, el diseño adaptable resuelve todos los problemas, y el sitio se mostrará correctamente en dispositivos móviles y monitores de pantalla ancha).

Pero lo que es realmente interesante. Un estudio reciente del Instituto Pointer reveló un patrón interesante. La lectura en dispositivos de tableta es obviamente más conveniente en el modo horizontal.

Al mismo tiempo, los materiales impresos se leen en modo vertical (periódicos, revistas).

Esto crea una especie de contradicción en algunos "usuarios": por inercia, transfieren su hábito a los dispositivos de tableta, consumiendo contenido en una posición vertical.

En consecuencia, la conclusión: su sitio debería mostrarse normalmente en la posición vertical y horizontal del dispositivo.

Además, en las condiciones modernas, no recomendamos el uso de un diseño de tres columnas. El diseño adaptativo es difícil de implementar en un diseño de tres columnas. Además, para el diseño adaptativo es difícil elegir una solución universal, para cada diseño de diseño que necesite para crear esta solución virtualmente desde cero. Además de la complejidad del diseño, los diseños de tres columnas tienen otro inconveniente. Al leer contenido digital, se usa menos atención que al leer una impresión. La división del texto en tres columnas en periódicos y revistas reduce la longitud de la línea y, por lo tanto, mejora la legibilidad del texto. Los medios digitales no tienen limitación en el tamaño de la página, no hay necesidad de escribir lo más pequeño posible (pero suficiente para la percepción) Kegle. Y lo más importante, al leer un periódico o una revista, el lector ve todo el contenido y puede mover fácilmente su vista a cualquier parte del texto. En un dispositivo digital, el texto se lee de arriba a abajo, usando desplazamiento. En general, el resultado de todo este párrafo es el siguiente: tres columnas para la web simplemente no son convenientes.

2. jerarquía visual

Saturación visual de la página: esto es lo que detiene el aspecto en primer lugar. De acuerdo con la visualización de la página, como recordamos, el usuario realiza una evaluación inicial, que afecta la percepción del contenido en un grado suficiente. De ello se deduce que el texto no debe parecer demasiado complicado y abarrotado. Descargue texto con elementos visuales que ayudan a percibir el texto: tablas, imágenes sobre el tema, infografías.

La jerarquía visual es el orden en que nuestro cerebro percibe y clasifica el contenido. La creación de una jerarquía visual es un elemento importante en el diseño de un diseño y se puede lograr creando un contraste entre los diversos elementos de la página.

Compara las siguientes imágenes:

Obviamente, la imagen de la derecha está menos apilada que la de la izquierda. El uso de la jerarquía visual en el diseño de su contenido permitirá a los lectores extraer rápidamente el punto principal y decidir si continuar leyendo la página.

La jerarquía visual se puede lograr mediante:

  • Dividiendo tu contenido en diferentes secciones.
  • El uso de componentes visuales.
  • Inclusión de espacios entre párrafos.

3. Estilo y tamaño de fuente

No importa qué dispositivo esté utilizando ahora, la segunda imagen es más clara y fácil de leer. La experiencia confirma que es mejor usar una fuente con un tamaño de 10 pt y más (dependiendo de su estilo).

4. Espacio libre.

El espacio libre se puede describir como una especie de "salida visual" para su lector. Hace que su contenido sea más atractivo y menos complejo. El espacio libre enfatiza los componentes visuales y crea un agradable contraste con el ojo. Imagina que tu contenido es una foto. Aunque la página consiste en gran parte de texto, su diseño debe ser tan estéticamente agradable como una imagen bien hecha. El espacio libre ayudará a lograr este efecto.

Al crear su contenido para el mundo digital, también piense en cómo integrará varios widgets “externos” en la página, desde botones sociales a galerías de fotos y videoclips. Pero una vez más: hay que proceder de las tareas. Si está escribiendo un artículo sobre las nuevas características de iPad Mini, una galería de fotos que muestre sus características será apropiada. Hágase la pregunta: por qué en la página este o aquel elemento.

5. colores

Los colores juegan un papel importante en el diseño general de su contenido. Lo mejor para el mundo digital son los colores en el modelo RGB, ya que Esta paleta está totalmente optimizada para internet. No los colores RGB-shny, por regla general, se ven peor.

Lo siento, pero ahora agregaré algo de mí mismo (nota: Denis Saveliev). El párrafo anterior fue traducido por nuestro redactor Zhenya Kryukova. Aunque, en general, esto no es una traducción del artículo, sino una adaptación, a continuación se muestra un enlace a la fuente. Tengo una pregunta para ustedes, los lectores de nuestro sitio. ¿Realmente crees que la imagen de la izquierda es peor que la de la ilustración de arriba? Veo que es un poco más oscuro y menos contrastante. Pero es mejor? ¿Es el azul mejor que el verde? ¿Y rojo - blanco "caliente"? Por que ¿Solo porque el blanco causa asociaciones con el invierno y el rojo con el fuego? No hay colores cálidos y fríos. No hay malos ni buenos. Elige los colores que más te gusten. El resto no es importante. El esquema de color afecta el tema de la conversión en el sitio, al final. Aunque los clientes, en nuestra experiencia, dedican casi la mayor cantidad de tiempo a este problema en la etapa de creación de sitios web.

También puede hacer que los colores sean más brillantes si aumenta ligeramente su saturación y contraste. Esto permitirá que el contenido se vea nítido en cualquier pantalla, incluso en aquellas con baja resolución. Jugar con saturación / contraste de color es otro método simple para mejorar la visualización de su contenido.

El artículo se basa en: //contentmarketinginstitute.com/2012/11/content-marketing-best-practices-drive-design/

Loading...

Deja Tu Comentario