Directrices de diseño

Introducción

Un diseño cohesionado es crucial por varias razones. En primer lugar, actúa como un camino claro a través de un gran bosque de información. Si todo tiene el mismo aspecto y funciona de la misma manera, es mucho más fácil para todos encontrar lo que buscan.

Pero no se trata sólo de encontrar cosas, sino también de crear hábitos. Un diseño coherente ayuda a las personas a desarrollar rutinas de aprendizaje. Cuando las cosas son coherentes, es como seguir un camino bien marcado. Navegar y aprender se convierte en algo natural.

Y aquí hay algo genial: el diseño también cuenta una historia sobre la empresa. Muestra su personalidad, su tono de voz y su cultura. Piensa en ello como si fueran los colores y la decoración de una casa: te dan una idea de cómo es la gente que vive allí.

Por tanto, un diseño coherente no consiste sólo en hacer que las cosas parezcan bonitas.se trata de facilitar su uso, ayudar a aprender mejor y expresar los valores de la empresa.

¿Qué hay que tener en cuenta al desarrollar un concepto de diseño?

1. Tenga en cuenta a su público: Un enfoque centrado en el usuario final le ayudará a desarrollar un tono de voz que se dirija al público. Las preguntas podrían ser: ¿Qué les resulta moderno y atractivo? ¿Qué les conecta con la marca?
2. Integración de la marca: Incorpore los elementos de marca de la empresa, como logotipos y colores de marca, en imágenes, vídeos y materiales cargados para reforzar la identidad y familiaridad de la marca.
3. Contenido visual atractivo: Utilice imágenes y vídeos visualmente atractivos que capten eficazmente la atención y transmitan información. Elija elementos visuales de alta calidad que sean relevantes para el contenido y resuenen con el público objetivo.
4. Tono y mensajes coherentes: Mantener la coherencia en el tono y los mensajes en todos los contenidos visuales para reforzar los mensajes clave y crear una experiencia de usuario cohesionada.
5. Actualizaciones periódicas: Mantenga el contenido visual actualizado y relevante actualizando periódicamente las imágenes, los vídeos y los materiales cargados para reflejar los cambios en el contenido, la marca o las tendencias del sector.
6. El tono de voz/ Look and feel: ¿Cuál será el tono de voz? ¿Quiere crear un aspecto más corporativo, divertido, extraño, único o interesante? Piense en los adjetivos que mejor expliquen el aspecto y la sensación que va a crear. 

¿Dónde se reflejan los diseños en la aplicación?

Nombre y logotipo de la aplicación (sólo aplicación web)

En primer lugar, decida el nombre y el logotipo de la aplicación, que le servirán de base para desarrollar su aspecto.

Dar a su aplicación un nombre especial no sólo sirve para identificarla, sino que añade profundidad y propósito al proyecto. El nombre también establecerá el tono de voz y el propósito de la plataforma. Por ejemplo, en lugar de poner solo el nombre de tu marca, puedes añadir "[nombre de la marca] Academia".

Sigue personalizando tu aplicación con la creación de un logotipo, que reflejará el nombre de la aplicación (si decides tener uno), tu marca y el tono de voz, el aspecto y la sensación que pretendes crear.

El nombre puede tener como máximo 30 caracteres. Pero cuanto más corto, mejor.

Estilo del logotipo

Se mostrará este logotipo:

1. En la página de inicio de sesión.
2. En el menú de la barra lateral.
3. Icono de la aplicación en el escritorio o en la pantalla de inicio.

Puede utilizar el mismo logotipo para los 3 lugares o tener diferentes variaciones del mismo.

Los requisitos son: 1024x1024px y png.

Nuestro consejo para su logotipo:

• Adopte la sencillez para que el icono no parezca recargado.
• Evite el texto, ya que puede resultar difícil de leer.
• Imágenes gráficas en lugar de fotos, ya que las fotos tienen demasiados detalles.
• Utilice su logotipo o un artefacto conocido por su público.

Estructura e imágenes del canal

Los canales son como carpetas para organizar los artículos publicados en función del tema o las funciones como feed social . El objetivo es facilitar a su público la búsqueda de los contenidos publicados. Las imágenes de los canales también deben reflejar el aspecto que desea crear.

• Proporción recomendada: La proporción de las cubiertas de los canales debe ser de 1:1,3 (alto : ancho).
• Tamaño recomendado: Le aconsejamos que utilice un tamaño mínimo de 312x408px.
• Convertiremos automáticamente las imágenes a diferentes tamaños en función de los dispositivos del usuario.

He aquí algunas ideas sobre cómo podrían ser los diferentes tipos de aspecto de los canales: corporativo, divertido, corporativo con un toque, sutil.

Guías para imágenes de portada de artículos

Las imágenes de portada de los artículos deben reflejar el diseño de los canales, para seguir comunicando el mismo mensaje. Además, los artículos deben orientar a los usuarios sobre la información que contienen.

• Proporción recomendada: La proporción de las portadas de los artículos debe ser de 2,1:1. 
• Tamaño recomendado: Le aconsejamos un mínimo de 800x360px o 1600x725px.
• Convertiremos automáticamente las imágenes a diferentes tamaños en función de los dispositivos del usuario.

CONSEJO PROFESIONAL: Si el contenido es similar, el titular del artículo debe ser similar.

Imágenes del artículo

Considere el uso de vídeos e imágenes y cómo complementará el mensaje. Los elementos visuales del artículo cuentan una historia y pueden servir para reforzar lo que se dice en el texto, inspirar y crear un artículo visualmente agradable.

Sugerimos imágenes horizontales, ya que las verticales pueden ocupar toda la pantalla en los dispositivos móviles, a menos que la imagen vertical cuente una historia.

Si tienes GIFs personalizados también puedes subirlos en el bloque de imágenes o utilizar nuestro bloque Giphy incrustado.

• Tamaño máximo del vídeo: 500mb

Imágenes como opciones de cuestionario:

Al añadir imágenes como opciones de respuesta a una pregunta del cuestionario:

• Tamaño y proporción recomendados: 1:1,6 o 844x510px / 1688x1020px. 

Entradas

Si utilizas el feed para noticias o anuncios de campañas, las publicaciones también deben reflejar el aspecto que estás creando con los canales y los artículos.

• Proporción recomendada si se carga una imagen: 16:9
• Proporción recomendada si se cargan dos imágenes: 1:1
• Proporción recomendada si se suben tres más una foto: 9:16

Nota: Si hay más de una imagen, recortaremos las imágenes a las proporciones especificadas para que quepan en el carrusel. Sin embargo, los usuarios pueden abrir y ver las imágenes en sus proporciones originales.

Resumen

Los elementos visuales tienen dos funciones importantes. En primer lugar, muestran la esencia de la empresa, sus valores y su personalidad. En segundo lugar, ayudan a los usuarios a orientarse en la aplicación. Por eso, todas las imágenes que ves coinciden con el ambiente de la empresa y te ayudan a encontrar lo que buscas. Es como tener un mapa con imágenes. Esto hace que los empleados sientan la aplicación como en casa y les ayuda a aprender y conectar mejor.