Actualizado el 9 de julio de 2019
¿Qué tan importante es el diseño de su sitio web? Cuando se les pidió a los usuarios que describieran por qué no confiaban en un sitio web, el 94% de los comentarios estaban directamente relacionados con el diseño del sitio. Un sitio web bien construido genera un mejor tráfico de clientes y una interfaz de usuario mejorada conduce a un aumento de las conversiones.
La creatividad es importante, pero hay algunas reglas básicas sobre el diseño y la experiencia del usuario que te ayudarán a hacer crecer tu sitio web. Al crear o rediseñar tu sitio, ten en cuenta las siguientes sugerencias.
Gane confianza con un Diseño web Limpio y atractivo
El mundo del diseño digital ha adoptado la simplicidad, se ha alejado de las campanas y silbatos y se ha centrado en lo básico. Desde la perspectiva del usuario, esto ha hecho que los sitios web sean más fáciles de navegar para una experiencia más agradable. Incorpora estas 8 reglas de diseño en tu sitio web para atraer mejor a tu audiencia.
1 Mantenga el diseño simple.
Cuanto más simple sea el diseño de su sitio web, mejor. Eso no significa que tenga que ser aburrido, pero sí significa que debe centrarse en lo esencial. Los diseños limpios y funcionales hacen que su sitio sea más fácil de cargar, navegar y usar en diferentes plataformas y dispositivos.
El sitio web de Harry coloca la información más importante, sus productos, en primer plano. Incluyen elementos visuales con un texto mínimo para facilitar la interacción con el contenido.
2 Haga que la navegación sea fácil de seguir.
Si desea que los visitantes pasen tiempo en su sitio, debe facilitarles el desplazamiento. Puede ser tentador hacer algo creativo con el diseño de los menús de navegación, pero la simplicidad y la arquitectura de información intuitiva son más importantes. Hacer que sus menús tengan una apariencia estándar ayuda a sus lectores a sentirse cómodos mientras se mueven por su sitio.
Vogue tiene menús de navegación descriptivos y prominentes para ayudarte a encontrar e interactuar con el tipo de contenido que estás buscando.
3 Utilice llamadas a la acción claras.
¿Qué es lo que te gustaría que hicieran los visitantes del sitio? Comprar productos? Suscribirse a un boletín de noticias por correo electrónico? Donar a una causa? Piensa en tus llamadas a la acción. Diseñarlos de una manera que los haga sobresalir para un visitante que escanee su sitio web. Si estás usando botones en tu diseño, asegúrate de que el texto sea corto y directo.
El Fondo Mundial para la Naturaleza utiliza botones brillantes junto a su barra de navegación que instan a los visitantes a «donar» y «adoptar», junto con fuertes llamadas a la acción en todo su contenido.
4 Con contenido, menos es más.
Usa lo que sabes sobre tus visitantes para minimizar sus opciones y centrar su atención en tus productos. Muestra solo el texto y los elementos visuales sobre los que quieres que actúen.
Los sitios web para aplicaciones móviles, como Pocket, hacen un gran trabajo con esto. Se centran en explicar la aplicación, incluyen fuertes llamadas a la acción para instalarla. El contenido menos importante, como su sección Acerca de y su blog, son menos prominentes y están enlazados en el pie de página.
5 No tenga miedo de los espacios en blanco.
El espacio en blanco es simplemente un espacio vacío en una página. No tiene que ser en realidad blanco, solo tiene que no contener texto o imágenes. Si se hace bien, puede mejorar la legibilidad y eliminar el desorden del diseño de su sitio web. El espacio en blanco también puede ayudar a dirigir el enfoque y la atención. Proporciona una forma de separar características e ideas para que los visitantes puedan discernir exactamente lo que desea que vean en un vistazo rápido, en lugar de tener que clasificar visualmente a través de un diseño ruidoso y lleno de gente.
Google es el mejor ejemplo de uso de espacios en blanco. No podría ser más limpio, solo una página en blanco con un logotipo y un cuadro de búsqueda.
6 Mejore el diseño de su sitio web con colores llamativos.
Elija un color que proporcione la base de todo el diseño de su sitio web y, a continuación, elija un color de acento contrastante para botones importantes y otros elementos de la interfaz. Puedes obtener más información sobre cómo elegir la paleta de colores adecuada para tu marca.
Whole Foods Market utiliza el verde para su color de marca principal, y los pequeños toques del naranja secundario atraen la atención hacia las llamadas a la acción destacadas.
7 Incorpora fuentes atractivas y fáciles de leer.
Use un tipo atractivo que sea visualmente equilibrado y único para que el texto de su sitio web sea claro e intrigante. Las cuatro fuentes más populares son Brandon Grotesque, Museo Sans, Railway y Playfair Display.
El estudio de ropa infantil belga Aimee utiliza Brandon Grotesque para una experiencia de compra limpia y legible.
8 Atraiga a los usuarios con vídeo e imágenes enriquecidas.
Los videos y las imágenes son más atractivos que el texto por sí solo; de hecho, las páginas de destino con videos pueden aumentar las conversiones en más de un 80%. Utilice imágenes escalables (SVG) para garantizar una experiencia de usuario de alta calidad tanto en dispositivos de escritorio como móviles.
Charity: water sin fines de lucro muestra un video en su página de inicio, lo que lo convierte en una de las primeras cosas que ves cuando visitas su sitio web para obtener el máximo impacto.
Mantenga a los visitantes comprometidos con un sitio web fácil de usar
Puede tener el sitio web más atractivo del mundo, pero si es difícil de usar, sus visitantes no se convertirán en clientes. Estas siete reglas asegurarán que tu audiencia tenga una experiencia de usuario fluida.
1 Haz que tu sitio web sea compatible con dispositivos móviles.
¿Sabía que hasta el 70% del tráfico web proviene de un dispositivo móvil? Eso significa que hay una buena probabilidad de que alguien que visite tu sitio por primera vez esté usando su teléfono inteligente. Y si la experiencia móvil es negativa, acabas de perder un cliente. Aprende por qué y cómo hacer que tu sitio web sea más amigable para dispositivos móviles.
La experiencia de compra móvil de Everlane es limpia y fácil de usar. El diseño incluye contenido modular para que sea receptivo y se traduzca bien en dispositivos móviles. El sitio web también incluye llamadas para descargar la aplicación de compras sin hacerte sentir que estás obteniendo una experiencia menor en el sitio web.
2 Optimice su navegación.
Cuantas más páginas tenga que navegar alguien en su sitio web para encontrar lo que está buscando, más probabilidades habrá de que el cliente abandone su sitio por frustración. De hecho, para un sitio web promedio, el 40% de los visitantes se irán después de ver solo una página.
El contenido no debe enterrarse. No hagas que tus visitantes busquen lo que vinieron a buscar. Su navegación debe estar bien organizada y ser lógica desde la perspectiva del usuario. También debería resultar familiar para que los usuarios no tengan una curva de aprendizaje pronunciada.
Tilde Inc. tiene una barra de navegación simple en la parte superior de su sitio web, con los puntos importantes vinculados a continuación con una breve explicación en la sección «Qué hacemos». Esto hace que sea fácil encontrar lo que está buscando.
3 Usa llamadas a la acción para hacer las cosas más fáciles de encontrar.
Piense en dónde puede colocar los botones en todo su sitio para que las cosas importantes sean más fáciles de encontrar para los visitantes. Si eres un sitio de comercio electrónico, tener botones que digan » Compra ahora «tendrá mucho más impacto que un simple enlace de navegación; si eres una organización sin fines de lucro, un botón de» Donar » junto a tu barra de navegación hará que donar sea muy fácil para los visitantes.
Square tiene una simple llamada a la acción que alienta a los propietarios de negocios a comenzar a vender. Su botón de llamada a la acción dice » Iniciar una cuenta Square.»No es mucho más fácil que eso.
4 Proporciona a los usuarios sólidas capacidades de búsqueda.
Pensar en cómo los visitantes buscarán en tu sitio y cómo se mostrarán los resultados es igualmente importante. La experiencia de búsqueda debe reflejar su experiencia de navegación con la forma en que se organizan los resultados. Incorporar funciones como autocompletar también facilitará la búsqueda desde la perspectiva del usuario.
Zappos tiene una herramienta de búsqueda inteligente, que es altamente precisa y también actualiza los filtros en el lado izquierdo según los términos de búsqueda.
5 Divida el contenido con encabezados de sección.
Al tratar con áreas con mucho contenido en su sitio, divídalo con encabezados. Ya sea una descripción de un artículo o de un producto, los encabezados proporcionan la estructura de tu contenido y facilitan el escaneo.
WebMD hace un trabajo efectivo de dividir su contenido en trozos digeribles con muchos encabezados de sección para que pueda encontrar la información que está buscando.
6 Habla como una persona real.
Cuanto más jerga y lenguaje de marketing tengan que descifrar los usuarios cuando visitan tu sitio web, menos probabilidades tendrán de interactuar con tu marca. Un tono de conversación amigable hará que sea más fácil para los visitantes leer y comprender su contenido, así como navegar por su sitio.
Zipcar hace que su servicio sea más fácil de entender, y que su sitio web sea más fácil de navegar, con su voz de marca tolerante.
7 Confirma las acciones de tus visitantes.
Si sus visitantes la compra de un producto, suscribirse a un boletín de noticias, o incluso compartir su contenido, una buena práctica es mostrar una pantalla de confirmación que muestra su acción atravesó con éxito. Tampoco está de más usar esa pantalla para agradecerles.
theSkimm le felicita y le da la bienvenida después de suscribirse a su boletín informativo, con un mensaje para compartir en las redes sociales.
Pruebe su sitio web antes del lanzamiento
Siempre hay torceduras que deberá resolver al lanzar o relanzar un sitio web. Es importante tomarse el tiempo para probar su sitio y recopilar comentarios antes de que se publique.
1 Realizar pruebas de garantía de calidad (QA).
Si tiene los recursos, contrate un equipo de control de calidad para que puedan probar todos los aspectos de su sitio. Si no puede contratar a personas específicamente para el rol de control de calidad, haga que personas internas y externas de su empresa prueben su sitio web antes del lanzamiento. Pueden hacer clic en todos los enlaces, rellenar todos los formularios y probar todos los servicios. Básicamente, si hay algo que hacer en el sitio web, deberían hacerlo. De esa manera, puede corregir cualquier error antes de iniciar.
2 Recopila comentarios de los usuarios antes de publicar tu sitio en vivo.
Invite a un grupo selecto de probadores beta a proporcionar comentarios sobre elementos como navegación, diseño y flujos de usuarios principales. Es posible que no realice cambios en función de todos los comentarios que recibió antes del lanzamiento, pero es posible que desee tener en cuenta las sugerencias para los cambios en el futuro.
Crear un sitio web desde cero, incluso si has contratado a una agencia para que te ayude, no es poca cosa. Hemos creado una práctica lista de verificación de 3 Pasos para Crear un Diseño de Sitio web Atractivo (PDF), para que pueda asegurarse de que está revisando todos los elementos importantes de la lista a medida que avanza.