6 pasos para perfeccionar el minimalismo en el diseño web
En los últimos años, el diseño web se ha visto sacudido por varias tendencias que han llegado y se han ido. Una de las tendencias que tiene poder de permanencia es el minimalismo, simplemente porque es un concepto atemporal que ha sido popular en varios medios a lo largo de las eras. Entonces, ¿por qué no en el diseño web?
Una de las cosas sobre el minimalismo es que también mejora la experiencia del usuario, además de verse bien. Una queja de muchos usuarios a lo largo de los años ha sido que algunos sitios web son demasiado complicados de navegar. Hay demasiadas cosas allí que hacen que la experiencia del usuario sea menor de lo que debería o podría ser.
El viejo adagio de que "menos es más" todavía suena cierto, especialmente cuando se trata de diseño en el siglo XXI.
1) Abrace el diseño plano
Todos sabemos que el diseño plano es esencialmente la respuesta del mundo del diseño al skeuomorphism, que ha caído en desgracia en gran medida recientemente, con Apple como un excelente ejemplo de este cambio radical. El diseño plano se caracteriza principalmente por la ausencia de sombras, efectos 3D y degradados; también usa colores llamativos y vibrantes para llamar la atención del usuario.
Una gran marca, que ha adoptado el diseño plano de manera impactante, es Microsoft, especialmente con su sistema operativo Windows 8. Sobre el sitio web oficial de la compañía para la última versión , 8.1, vemos planos diseñados destacados en todo su esplendor. Esto tiene sentido desde el punto de vista de la coherencia, ya que Windows 8 fue reconocido por el diseño plano de su pantalla de inicio.
Por lo tanto, en el sitio, no ve evidencia de sombras o degradados: solo ve todo en 2D. La tipografía de varias fuentes para titulares y copias corporales no presenta texturas de ningún tipo; el diseño de la página es muy limpio y sin desorden; los íconos y botones son vibrantes y planos como pueden ser; y las imágenes de las pantallas de inicio de Windows 8 son un estudio de diseño plano.
2) Incorporar espacio en blanco
Como quiera llamarlo, el espacio negativo o en blanco no es solo un elemento de diseño excepcionalmente inteligente que guía al ojo a ir a donde quiera que vaya en una página web, sino que también es un abanderado del minimalismo. Cada vez más sitios van a esta técnica de diseño, ya que se dan cuenta de lo beneficioso que es.
El único mejor ejemplo de espacio negativo o blanco en todo Internet es probablemente el sitio con el que menos lo asocie, simplemente porque lo da por hecho. Lo usas tanto que simplemente se escapa de tu aviso ... ¡pero está ahí! estoy hablando de Búsqueda de Google . Es un estudio en el espacio en blanco, por razones que deberían ser bastante evidentes.
Dado que el propósito del sitio es la búsqueda, la empresa ha utilizado hábilmente tanto espacio negativo o blanco en la página que ningún otro usuario en el universo podría distraerse por ninguna otra cosa mientras se encuentre en la página de búsqueda. Todos los elementos se han eliminado y el espacio en blanco rodea la barra de búsqueda. Obviamente, esto dirige el ojo del usuario al punto de mayor y única importancia: dónde escribir en la búsqueda.
Si bien el espacio negativo o blanco es un ejemplo ideal de minimalismo, también debe enfatizarse que no representa vacío, per se. En realidad, es un elemento de diseño muy astuto que ayuda a guiar los ojos del usuario.
3) Limitar las elecciones
Una de las reglas más importantes para aumentar las conversiones en cualquier sitio de comercio electrónico o B2B es eliminar la cantidad de opciones que le da a sus usuarios, compradores o visitantes. Es lógico: cuando quitas tantas opciones como sea posible, no permites que tus visitantes se distraigan con nada que pueda impedirles completar el objetivo de la página, que es la conversión. Por lo tanto, menos opciones es otro impresionante ejemplo de minimalismo en el diseño web.
Uno de los mejores lugares para ver la magia del minimalismo de elección es en las páginas de destino, es decir, páginas de destino que lo hacen correctamente. Una empresa que obtiene el principio del minimalismo en la elección es Gengo, la compañía profesional de traducción de subtítulos.
En su página de inicio , ves una total ausencia de elección. Esto se debe a que la página de destino deja muy claro cuál es el siguiente (y único) paso para los visitantes: conviértalo escribiendo el texto o cargando el archivo para traducirlo. Claro, los puristas recalcitrantes en el ámbito de la minimización de opciones incluso argumentarían que el menú de navegación arriba en el encabezado debería eliminarse porque los usuarios aún pueden hacer clic ahí en lugar de estar súper enfocados en el servicio de traducción.
4) Foco en la tipografía audaz
Si realmente quieres apreciar el minimalismo en el diseño web a sus básicos básicos, entonces echa un vistazo El sitio de Brian Danaher . Brian es un director de arte, diseñador e ilustrador.
Como puede ver, el diseño de su sitio básicamente se basa en dos cosas: una tipografía en negrita que no se puede perder y un diseño de una sola columna. ¡Eso es! Sí, este acercamiento al minimalismo puede ser demasiado extremo para algunos gustos, pero todavía logra dos objetivos muy importantes, que son primordiales en la mente de cualquiera cuando tienen su propio sitio para promover sus carreras:
- Dado que la navegación básicamente está metida en el diseño de una sola columna, Brian puede ir directo al grano sobre lo que hace, quién es y cómo los visitantes del sitio pueden ponerse en contacto con él.
- Brian tiene éxito en el uso del contraste (en los colores de fuente y colores de fondo tanto como entre los tamaños y estilos de las fuentes) para dar a los visitantes de su sitio algo interesante para mirar
5) Simplifica tu navegación
El menú de navegación a menudo puede pasarse por alto cuando discutimos sobre el minimalismo en el diseño del sitio, pero también puede ser un gran (aunque silencioso) contribuidor para que el minimalismo funcione en su sitio web. Un menú de navegación que no sea intrusivo y se mezcle en silencio con el fondo es la clave para hacer que un sitio sea minimalista a nivel funcional.
Echa un vistazo al fotógrafo y diseñador El sitio de Cristian Ordonez eso es un estudio en el menú de navegación minimalista. El menú es un enfoque tan dedicado al minimalismo que ni siquiera se extiende a lo ancho de toda la página de inicio; en cambio, está algo silenciosamente escondido en la esquina superior derecha del sitio. Además, no hay acción de menú deslizable, por lo que no hay capas de navegación diferentes o adicionales. Finalmente, los colores del menú (al menos en la página de inicio) se mezclan sutilmente con el color de fondo también.
6) Usa color en parches
El uso de pequeños parches de color en el diseño de su sitio le permitirá seguir el enfoque minimalista y, a la vez, facilitar que los visitantes del sitio puedan ver qué es importante en cada página. Al incorporar pequeñas cantidades de color aquí y allá, logrará atraer la atención de los visitantes de su sitio hacia áreas específicas de importancia.
El sitio de la 960 Sistema de rejilla , cuya misión es agilizar el proceso de desarrollo web, personifica muy bien este uso inteligente del color. De inmediato, nota las pequeñas salpicaduras de amarillo, por ejemplo, que se utilizan para enlaces internos como "descargar" y "ver demostración". Incluso el logotipo de Twitter que se puede hacer clic en la parte superior izquierda proporciona un parche de color azul brillante que atrae la atención de visitantes del sitio (lo lleva directamente al feed de Twitter del propietario / diseñador Nathan Smith).
El minimalismo funciona si sabes cómo usarlo
Mencione la palabra "minimalismo" a algunos diseñadores, y se vuelven aprensivos porque creen erróneamente que un diseño de sitio demasiado simplista no será atractivo. Como lo demuestran los ejemplos anteriores, sin embargo, nada podría estar más lejos de la verdad.
Si se hace bien, el minimalismo en el diseño del sitio puede llevar a algunas tendencias nuevas y atractivas, como el diseño plano, o ayudar a los propietarios de sitios a obtener más dinero al aumentar las conversiones cuando la elección es limitada. Con todo, el minimalismo crea un sitio web limpio, bien organizado y ordenado que facilita las cosas a los visitantes de su sitio. Esa es la única razón para usarlo en el diseño de su sitio.