4 pilares del diseño web Lean

4 pilares del diseño web Lean

El movimiento esbelto. Todos hemos oído hablar de él. Y considerando su reciente popularidad, probablemente sea algo bueno. Pero, ¿qué significa exactamente ‘inclinarse’?

Aquí está mi definición: Lean describe una forma de hacer algo con un objetivo verificado en mente y con un enfoque muy claro. Para el diseño web lean, esto significa un enfoque constante en el usuario real.

Mientras que los diseñadores solían poder expresarse a sí mismos y expresar su propia creatividad con su trabajo, ahora se mantienen bajo control gracias a lo que se denomina diseño centrado en el usuario. Esto no significa que la vida se haya vuelto más fácil para los diseñadores. En todo caso, su trabajo se volvió mucho más complejo.

El diseño centrado en el usuario incluye más que solo estética. Se trata de diseñar un producto o servicio de tal manera que coincida con las expectativas, necesidades y habilidades de los posibles usuarios.

Estos son los cuatro pilares de la esquina que debe considerar para un diseño web esbelto:

1. El usuario

El primer y más importante pilar son tus usuarios. Si no sabes para quién diseñas, ¿cómo se supone que vas a hacer bien tu diseño? ¿Cómo se supone que va a satisfacer las expectativas de sus usuarios si ni siquiera sabe lo que esperan?

Así que exponga sus ideas y pregunte a personas reales qué piensan. Luego, tome esa retroalimentación y haga algo con ella. Si la gente dice que no usaría su sitio web, no los ignore. En su lugar, pregúnteles por qué y qué necesita cambiar para que lo usen.

Verificar su concepto con sus posibles usuarios es un paso esencial para crear algo que a la gente le encantará. Y esa es la idea, ¿no?

Es importante saber quién es su público objetivo y cómo es.
Es importante saber quién es su público objetivo y cómo es.

Aquí hay algunas preguntas clave que debería poder responder sobre sus usuarios antes de siquiera pensar en cómo debería verse su diseño:

  • ¿Quiénes son sus usuarios? (No responda a esta pregunta con quién quiere que sean sus usuarios. Si tiene un grupo objetivo en mente, asegúrese de hablar con ellos para poder responder esta pregunta con certeza).
  • ¿Cómo son tus usuarios? (¿Cuáles son sus intereses? ¿Qué idioma hablan?)
  • ¿Cuáles son sus motivos para usar su sitio web?
  • ¿Qué objetivos tienen las personas cuando visitan su sitio?

2. El contenido

A continuación, está el contenido. Una vez que haya definido su grupo objetivo y conozca los motivos y objetivos que tienen cuando visitan su sitio, comience con su contenido.

Últimamente, esto se ha vuelto más importante que nunca. El contenido es el rey y la gente busca alta calidad.

Considere todo lo que ofrece en su sitio como contenido, como texto, video, imágenes, elementos interactivos o cualquier otra información. Asegúrese de envolver su contenido en un formato que se adapte a su grupo objetivo.

Después de crear el contenido para su sitio, debe estructurarlo de manera que tenga sentido para sus usuarios. Eventualmente, desea que encuentren su camino en su sitio, por lo que realmente se trata de su lógica, no de la suya.

De nuevo, sal y pregunta a tus usuarios cómo estructurarían tu contenido.

Aquí hay algunas preguntas clave que debería poder responder:

  • ¿Qué tipo de contenido buscan tus visitantes? (¿Información? ¿Entretenimiento? ¿Interacción social?)
  • ¿Qué contenido específico buscan las personas?
  • ¿Cómo buscan ese contenido? (¿Usan el menú de navegación principal? ¿O la opción de búsqueda? ¿O navegan por su sitio hasta que encuentran algo interesante?
  • ¿Dónde esperan sus visitantes encontrar cierto contenido?
Redbull te invita a explorar el
Redbull te invita a explorar el «mundo de Red Bull» en forma de las últimas noticias y muchos videos e imágenes.

Toro rojo es el ejemplo perfecto de cómo el contenido puede hacer que su marca y su sitio cobren vida. Si bien no hay mucho que decir sobre una bebida energética, el sitio web está repleto de información y contenido divertido sobre su comercialización. El sitio lo invita a explorar el «mundo de Red Bull» en forma de las últimas noticias y muchos videos e imágenes.

3. El marco de diseño

El marco de diseño define cómo responderá su sitio a diferentes dispositivos. Internet móvil es cada vez más importante y debe tener una estrategia sólida sobre cómo manejar diferentes tamaños de pantalla.

Los motivos y objetivos que tienen sus usuarios cuando visitan la versión de escritorio de su sitio pueden ser completamente diferentes cuando visitan su sitio en dispositivos móviles. Los dispositivos móviles no solo tienen un espacio de pantalla limitado, sino que también es probable que el contexto de uso sea muy diferente del escritorio.

Tendrás que establecer prioridades y reestructurar tu contenido. Asegúrese de que estas prioridades estén en consonancia con los casos reales de uso móvil.

Aquí hay algunas preguntas clave que lo ayudarán a diseñar su sitio web para diferentes tamaños de pantalla:

  • ¿En qué situaciones la gente visita su sitio?
  • ¿Dónde están cuando visitan su sitio?
  • ¿Sus motivos y objetivos para visitar su sitio se ven afectados por su paradero?
  • ¿Qué hacen mientras visitan su sitio?
Ya sea que esté en su casa o corriendo, el sitio web de Starbucks es limpio y fácil de usar.
Ya sea que esté en su casa o corriendo, el sitio web de Starbucks es limpio y fácil de usar.

starbucks tiene un sitio web receptivo que se adapta perfectamente a cualquier tamaño de pantalla. Ya sea que esté sentado en el sofá, buscando su informe de responsabilidad global, o esté corriendo, desesperado por encontrar una tienda cerca, el sitio es limpio y fácil de usar. Mientras que el sitio de escritorio muestra todo el contenido en detalle, la versión móvil se reduce a su contenido esencial.

4. El diseño visual

El hecho de que el diseño centrado en el usuario sea más complejo que la apariencia estética de un sitio no significa que el diseño visual sea menos importante. Puede ser una herramienta poderosa para atraer la atención de sus visitantes y atraerlos. Además, le permite guiar a sus visitantes a través de su sitio.

Los elementos de diseño, como el color, las imágenes y la tipografía, pueden ser muy valiosos para crear una atmósfera única en su sitio y atraer emocionalmente a sus visitantes.

Las emociones son un activo poderoso en el diseño web, ya que lo ayudan a cerrar la brecha entre la naturaleza técnica de la Web y la experiencia accesible, fácil de usar y personal que esperamos en un sitio web hoy en día.

Hágase estas preguntas clave para ayudarlo a aprovechar al máximo su diseño visual:

  • ¿Qué atrae a su visitante?
  • ¿Qué llama la atención de tus visitantes?
  • ¿Qué deseos personales tienen sus visitantes?
  • ¿Cómo puedes involucrar emocionalmente a tus visitantes?
La belleza natural que se representa en la página de inicio de WWF es más poderosa que cualquier palabra.
La belleza natural que se representa en la página de inicio de WWF es más poderosa que cualquier palabra.

WWf utiliza una selección de imágenes grandes alternas para agregar dramatismo a su página de inicio. Estas imágenes no solo llaman nuestra atención, también disparan nuestras emociones. La belleza natural que se retrata aquí es más poderosa que cualquier palabra. El resto del diseño es muy limpio y ofrece poca distracción del contenido. Los colores se utilizan escasamente y solo para resaltar o para guiar al visitante.

Escucha a tus usuarios

La clave del diseño web lean es que aprendes a escuchar a tus usuarios. Esto es importante durante todo el proceso de diseño y también después de que su sitio se active. La Web evoluciona continuamente y también debería hacerlo su diseño. Asegúrese de estar abierto a recibir comentarios y esforzarse por mejorar constantemente. Tus usuarios apreciarán el esfuerzo y lo reconocerán con fidelidad y un boca a boca positivo.

Aquí hay algunas preguntas clave que debe seguir haciendo a sus visitantes:

  • ¿Puedes encontrar todo?
  • ¿Te estás perdiendo algo?
  • ¿Tiene sugerencias para mejorar?
Vodafone.nl solicita comentarios a sus visitantes, mostrando que están preocupados por mejorar el sitio web.
Vodafone.nl solicita comentarios a sus visitantes, mostrando que están preocupados por mejorar el sitio web.

Un buen ejemplo es Vodafone.nl, el sitio holandés de Vodafone. Ofrecen a sus visitantes un mecanismo de retroalimentación constante en su sitio web. Más aún, demuestran que están abiertos a recibir comentarios y preocupados por mejorar la usabilidad y la experiencia del usuario del sitio.