Diseño web - Más allá de las tendencias

2017-06-30_retina-display-retina-web-design¿QUÉ CONSIDERACIONES SON NECESARIAS PARA EL DISEÑO GRÁFICO DE UN SITIO WEB?

En Internet, una tendencia sigue a la siguiente: no sólo las tecnologías subyacentes cambian rápidamente, sino que el aspecto del diseño también está sujeto a cambios constantes. Apenas pasa una semana sin que se proclamen nuevas tendencias y, sobre todo, en torno al cambio de año, se suceden las críticas o las predicciones. A menudo, el cambio constante es motivo de preocupación: ¿el sitio web de mi empresa sigue siendo moderno? ¿Puedo seguir el ritmo en lo que se refiere a scrollytelling, tipografía responsiva y microinteracciones (resolución al final)? Una cosa es cierta: muchas de las llamadas tendencias son casos de uso bastante especializados y, por tanto, no pueden aplicarse siempre ni considerarse para todos los tipos de páginas.

Los elementos gráficos básicos de un sitio web deben ser tan sólidos como minimalistas: las fuentes, las imágenes, los gráficos y los colores son seleccionados cuidadosamente por los diseñadores y reunidos en un catálogo. Incluso estos elementos básicos deben combinar una serie de factores.

Diseño corporativo: ¿Qué especificaciones existen ya por parte de la empresa? Suelen incluir tipos de letra, colores y logotipos que son importantes para la comunicación externa. No todas las especificaciones del diseño pueden utilizarse también para la implementación en el sitio web y pueden tener que ser sustituidas.

Marca y carisma: ¿Cómo se establece la conexión entre el sitio web y la empresa? ¿Qué elementos tienen efectos especiales en el diseño web? Si las especificaciones del diseño de impresión de la empresa son escasas o nulas, a menudo surgen preguntas en este punto. Por ello, le ofrecemos conocer su empresa en un taller para averiguar juntos cómo se imagina dirigiéndose al cliente y qué atributos son esenciales para el carisma de su empresa, producto o servicio. La autenticidad juega un papel importante, después de todo, los clientes también deben reconocer a su empresa en la web.

Por supuesto, también hay mucho margen para la experimentación y el potencial para llegar a nuevos grupos objetivo, por ejemplo, mediante el uso de elementos emocionales como vídeos o configuradores de productos en 3D.

Escenario de aplicación: los componentes básicos del sitio deben ser lo más flexibles posible, sobre todo porque los hábitos de los usuarios están repartidos entre muchas plataformas y sistemas. Los elementos deben funcionar en muchos contextos para que su marca sea reconocible: como partes de una página web a la que se accede en un ordenador de casa, como una página o aplicación móvil, como un banner publicitario o una publicación en una red social. Un catálogo con todos los elementos gráficos disponibles sirve también de referencia para los distintos departamentos: ¿qué fuentes, colores y formas puedo utilizar en los distintos medios?

Usabilidad: Una exigencia especial para los elementos gráficos básicos es la usabilidad, es decir, la interacción real con el usuario. Aunque las fuentes finas, por ejemplo, suelen parecer nobles, la legibilidad puede resentirse rápidamente porque falta el contraste necesario. También se tiene en cuenta el uso de los colores en diferentes culturas o para usuarios con daltonismo. Además, está el aspecto de las plataformas utilizadas: Si la mayoría de los usuarios acceden al sitio a través de dispositivos móviles, el uso a gran escala de vídeos u otros elementos con gran cantidad de datos no tendría mucho sentido.

Modernidad: Las tendencias actuales del diseño web cambian tan sutilmente como la moda. También están muy influenciados por las especificaciones de diseño de los sistemas operativos actuales (Windows, iOS, Android). Hace unos años todavía se hablaba de la Web 2.0 o la Web 3.0, pero entretanto se ha abandonado el intento de definir una versión, ya que apenas es posible formar categorías significativas en más de mil millones de sitios web. Así que los hábitos de visualización de los usuarios también están cambiando: a principios de 2017, las líneas limpias y el "diseño plano" están a la orden del día, basándose en el Material Design de Google y en el aspecto de las interfaces de los smartphones.

Técnica. Restricciones (código), restricciones comerciales (precio): Por último, pero no menos importante, a menudo hay consideraciones técnicas y económicas detrás de la creación del catálogo de diseño. El esfuerzo de implementación de una página se reduce, por ejemplo, si se utiliza un número reducido de fuentes o elementos gráficos; el mantenimiento posterior del contenido también resulta más manejable. Además, nuestros diseñadores también tienen en cuenta la selección y la disponibilidad de las imágenes; al fin y al cabo, dentro de unos meses y años debería ser posible ampliar las imágenes utilizadas. Especialmente si las fotografías son una parte esencial del sitio, deben proceder de una fuente segura y asequible, como una base de datos de imágenes verificada.

Entonces, ¿qué hay detrás de las palabras de moda scollytelling, responsive type y microinteracciones?

El scrollytelling consiste en contar historias dentro de una página más larga con mucho texto, imágenes, vídeos, etc. (de scrolling + storytelling). (de desplazamiento + narración). Las tipografías responsivas son fuentes que pueden cambiar su tamaño de forma flexible en función del medio de visualización y las microinteracciones son pequeñas animaciones, por ejemplo en los botones o en los formularios, que dan vida al diseño.