Por qué considerar el rediseño de un sitio web: consejos y recomendaciones

Es 2018. Para muchos de nosotros en todo el mundo, el nuevo año marca un nuevo comienzo. Nuevos objetivos, nuevas ideas y, para algunas empresas, un nuevo diseño de sitio web para reemplazar el anterior.

Los sitios web se renuevan por todo tipo de razones; lamentablemente, muchas empresas no se dan cuenta de que su sitio web necesita una actualización. En un escenario aún peor, las empresas rivales pueden obtener una ventaja competitiva al mejorar su sitio web, aumentando sus conversiones mientras que las suyas pueden quedarse atrás.

¿Es su sitio web culpable de alguno de estos? Si es así, ¡podría ser hora de un rediseño!

• El negocio tiene una identidad, pero el sitio web no la refleja.
• Algunos enlaces están rotos, lo que hace que el usuario abandone el flujo de conversión.
• Los usuarios intentan comunicarse con usted, pero les resulta difícil.
• El sitio web en general se siente desactualizado, lo que deja a los usuarios poco impresionados.
• La usabilidad es mala. A los usuarios les resulta difícil navegar por el sitio web.
• La interfaz de usuario es confusa e inconsistente. Los usuarios siguen cometiendo errores.

Echemos un vistazo a lo que se puede hacer para solucionarlos.

Constructores de sitios web: plagados de peligros

Los nuevos negocios tienden a comenzar con creadores de sitios web simples como Wix, Weebly o Squarespace. Estas herramientas simplifican el proceso de diseño de un sitio web utilizando editores WYSIWYG ("lo que ves es lo que obtienes") fáciles de arrastrar y soltar y alojamiento gratuito, pero estas herramientas rara vez son lo suficientemente sofisticadas como para hacer que los sitios web se destaquen entre la multitud.

Durante las primeras etapas de un nuevo negocio, cuando los fondos son escasos, teóricamente tiene sentido utilizar un creador de sitios web. El enfoque de "alojamiento incluido, no se requiere código" ayuda a las empresas a establecer una presencia en línea sin gastar demasiado tiempo y dinero. Sin embargo, esto viene con un montón de peligros ocultos, peligros que tienden a revelarse en la peor oportunidad (por ejemplo, cuando el sitio web necesita expandir su oferta).

Con los creadores de sitios web, las funciones están limitadas a lo que ofrece el servicio y, como resultado de este enfoque sencillo para configurar un sitio web, cualquier oportunidad de expansión puede verse severamente restringida más adelante. Aquí hay una trampa de ejemplo en la que caen las empresas cuando operan un creador de sitios web por sí mismas, en un esfuerzo por reducir los costos de diseño y desarrollo:

Una empresa de comercio electrónico utiliza un creador de sitios web (o CMS con un tema gratuito) → El cliente configura un sitio web de una página solo para decir "¡Hola, somos [nombre de la empresa] y estamos aquí!" → Más tarde, el cliente quiere agregar productos y se da cuenta de que no es posible.

Con bastante frecuencia, las empresas no piensan en lo que podría suceder si las necesidades de su sitio web se vuelven más complejas y se encuentran atrapadas en el camino. Además de eso, factores importantes como la optimización de motores de búsqueda (SEO), SSL (que afecta la clasificación y la seguridad) y la compatibilidad con dispositivos móviles (que afecta la clasificación y las conversiones) pueden terminar siendo descuidados.

Como experto, ahí es donde entras tú.

Un diseñador experto no debe pasar por alto estas importantes consideraciones y debe crear un sitio web preparado para el futuro, ahorrando tiempo y dinero a largo plazo .

En resumen, el mejor rediseño de un sitio web es el que no tiene por qué suceder.

Creadores de sitios web versus contratar a un diseñador

Incluso los sitios web diseñados por diseñadores expertos pueden comenzar a desarrollar malas hierbas si se dejan languidecer durante demasiado tiempo. Debido a un enfoque en otros aspectos del negocio, a veces la hoja de ruta para la versión 2 nunca llega; por ejemplo, a veces las consideraciones importantes como SSL no lo eran en ese momento. De cualquier manera, todas las empresas deberían buscar rediseñar su sitio web de vez en cuando, especialmente cuando hay preocupaciones de los clientes.

Hablemos de las principales razones por las que un sitio web puede necesitar un rediseño y la estrategia que debe seguir al renovar los sitios web por esos motivos.

Marca (o cambio de marca)

El cambio de marca generalmente viene con un nuevo diseño de sitio web; sin embargo, esto debería extenderse mucho más allá de un nuevo logotipo. Dado que la marca se trata de comunicarse con la audiencia, también se debe considerar el tono de voz (piense en la copia del sitio web, las secciones de preguntas frecuentes o la atención al cliente en línea).

La marca es cómo una empresa quiere ser retratada (p. ej., útil, informal o confiable), por lo que el alcance del rediseño de un sitio web depende de cuánto quiera reinventarse la empresa. Una institución financiera cuyos clientes experimentan problemas de confianza se beneficiaría de un cambio de marca que se vea y suene confiable, por ejemplo.

Independientemente de si está mejorando una marca existente o creando una nueva desde cero, esto es lo que debe tener en cuenta:

• ¿Los colores te hacen sentir de cierta manera?
• ¿Las imágenes/fotografías hacen que el usuario sienta algo?
• ¿La estética visual general satisface a los usuarios?
• ¿La copia de la página de destino es convincente?
• ¿Es útil la copia de las preguntas frecuentes?
• ¿El tono de voz general representa quién es el negocio?
• ¿El sitio web necesita alguna funcionalidad adicional, como chat en vivo?

Y lo que es más importante, ¿hay alguna investigación de usuario/cliente que pueda usar para construir la base del rediseño de su sitio web? Si no, entonces esta es su primera tarea.

Ampliación de la funcionalidad

Por lo general, se justifica el rediseño de un sitio web cuando los clientes demandan nuevas funciones. Las empresas innovadoras crean constantemente nuevos productos (tanto en línea como fuera de línea), lo que requiere nuevas características que ayuden a los usuarios a experimentar mejor esos productos. Las empresas más pequeñas, por otro lado, podrían estar buscando escalar su negocio con marketing de contenido, para lo cual necesitarán un blog o generar ingresos a través de una tienda de comercio electrónico. De cualquier manera, un rediseño a menudo va más allá de pequeños cambios estéticos y cambios de marca.

A veces, la "característica" es desconocida, envuelta en misterio. El cliente sabe que algo no funciona (conversiones bajas, insatisfacción del cliente, etc.), pero no sabe por qué. A veces, la característica es en realidad solo algunas mejoras de UX: el producto en sí está bien, pero fundamentalmente, la experiencia del usuario del sitio web es defectuosa.

En cualquier caso, debe utilizar análisis de sitios web para comprender mejor a los usuarios.

Rediseño con datos

Al igual que con la marca, UX debe ser impulsado por la investigación del usuario. Las herramientas de análisis de sitios web como Google Analytics y las herramientas de mapas de calor como Hotjar y CrazyEgg pueden ayudarlo a identificar áreas críticas que pueden necesitar un replanteamiento o incluso funciones completas que pueden faltar.

Analytics le dirá todo lo que necesita saber acerca de sus usuarios: cuánto tiempo pasan en ciertas páginas web, si realmente están realizando conversiones o no, dónde están abandonando el flujo de conversión, qué dispositivo usaron, de dónde son, datos demográficos de los usuarios, flujo de comportamiento; la gran cantidad de datos es literalmente interminable.

Estos datos no solo se pueden usar para medir el éxito del rediseño de un sitio web, sino que también pueden demostrar qué áreas del sitio web se están quedando cortas en términos de UX. Si el cliente aún no sabe qué es lo que falta drásticamente, puede usar el análisis del sitio web para sugerir cualquier cosa, desde mejoras hasta ideas de productos completos, y luego elaborar una hoja de ruta sobre cómo se vería un rediseño en conjunto. El rediseño de un sitio web requiere planificación.

Si se trata de un sitio web que no utiliza análisis de sitios web, entonces su primer llamado a la acción es instalar el mencionado Google Analytics (informes increíblemente detallados y gratuitos para siempre). Una vez que haya identificado las áreas de preocupación con Google Analytics, el siguiente paso en el proceso de diseño es la prueba de usabilidad. Herramientas como Hotjar y CrazyEgg le mostrarán exactamente dónde hacen clic los usuarios, e incluso puede ver cómo se comportan los usuarios en el sitio web con repeticiones de sesiones. Si ha identificado páginas web con conversiones deficientes con Google Analytics, estas grabaciones de usuarios le mostrarán por qué .

Cualquier otra decisión de diseño se basa en conjeturas informadas (en el mejor de los casos).

Cuando haya terminado con su investigación, puede crear mapas de viaje del cliente para resaltar cómo se está convirtiendo la mayoría de los usuarios. Este es un activo bastante interesante que se puede compartir en toda la empresa, informando a todo el equipo sobre qué papel deben desempeñar en el flujo de conversión fuera del sitio web (redes sociales, servicio al cliente, etc.).

Mejor aún, puede ayudar a los clientes a familiarizarse un poco con el análisis, para que ellos mismos puedan medir los éxitos o fracasos o realizar su propia investigación de usuarios para futuras empresas. Siempre es una victoria cuando el cliente puede tomar el volante a partir de entonces.

Rediseño de blogs

Como se mencionó anteriormente, las empresas en etapa inicial buscarán iniciar un blog para expandir su alcance. En este escenario, el sitio web ha comenzado a adquirir visitantes y la empresa ahora siente que está lista para escalar aún más su alcance con el marketing de contenido.

En algunos casos (o en muchos casos, en realidad), un blog es el mayor activo de marketing que tiene una empresa. Un blog brinda a las empresas la oportunidad de impulsar su marca, informar a los usuarios sobre actualizaciones y nuevos productos, e involucrar a su público objetivo con contenido relevante.

Dicho esto, en la actualidad, es muy difícil captar la atención del lector durante un período de tiempo considerable. Si bien parte de esto se debe al contenido en sí, la experiencia de usuario deficiente suele ser la culpable, lo que hace que los usuarios presionen el botón Atrás y prueben con un competidor.

Lamentablemente, esa es la desventaja del contenido gratuito: los usuarios abandonarán felizmente una página web si la UX no es óptima. Un gran diseñador debe saber cómo mejorar la legibilidad y la legibilidad, eliminar las distracciones visuales e insertar CTA en lugares de alta conversión.

Los diseñadores también deberían usar análisis de sitios web para mejorar la experiencia de usuario del contenido, para averiguar dónde los usuarios dejan de leer y por qué , y luego tomar decisiones de diseño basadas en datos basadas en eso. Al abordar un rediseño en el que las nuevas funciones requieren un CMS, una vez más, es importante asegurarse de que el cliente pueda tomar el volante fácilmente después.

Rediseño de comercio electrónico

El diseño de comercio electrónico es uno de los aspectos más difíciles de dominar de UX y también requiere un diseñador con experiencia en diseño basado en datos. Considere esto: según este estudio, las tiendas de comercio electrónico sufren una tasa de abandono del carrito del 69,23% (en promedio). Donde se gastaron $ 738 mil millones de dólares en comercio electrónico en los EE. UU. y Europa, se estima que $ 260 mil millones de eso se recuperaron a través de un mejor diseño y flujo de pago. Para una tienda de comercio electrónico, el flujo de pago es el aspecto más crítico, y un diseñador que puede identificar dónde abandonan los usuarios es un diseñador que puede mejorarlo.

Aquí hay algunas cosas a considerar:

• ¿El sitio web infunde confianza y seguridad?
• ¿El sitio web tiene un certificado SSL válido?
• ¿Los formularios de pago están bien etiquetados y son fáciles de usar?
• ¿Los campos de entrada muestran el tipo de teclado correcto?
• ¿Puede el usuario buscar, en caso de que no encuentre lo que está buscando?
• ¿Obligas a los usuarios a registrarse cuando prefieren pagar como invitados?

Manejo del lado comercial

Algunos aspectos del negocio (como la atención al cliente) pueden tener grandes gastos generales si el proceso no es lo suficientemente eficiente, por lo que actualizar sitios web con servicios integrados como Intercom o Kayako no solo puede brindar una mejor experiencia para los usuarios, sino también ayudar a las empresas a reducir los costos de atención al cliente y cargas de trabajo Al abordar el rediseño de un sitio web, pregúntele al cliente cuáles son sus mayores desafíos como equipo/organización.

Diseño Responsive y Usabilidad

En resumen, los sitios web receptivos son aquellos que se adaptan a prácticamente cualquier tamaño de pantalla, desde dispositivos móviles hasta computadoras de escritorio. El tráfico móvil superó el tráfico de escritorio en 2015, y Google incluso comenzó a favorecer los sitios web optimizados para dispositivos móviles en sus resultados de búsqueda. Aunque la mayoría de los sitios web responden técnicamente, algunos no están lo suficientemente optimizados.

Dado que el 57% de los usuarios de Internet dicen que no recomendarían una empresa con un sitio web móvil mal diseñado, el diseño receptivo es un gran problema y los diseñadores deben hacer mucho más que "hacer que todo encaje". Esto es lo que debe tener en cuenta:

• ¿Los objetivos táctiles son lo suficientemente grandes (al menos 44 px de altura)?
• ¿Los objetivos táctiles son accesibles para los pulgares o están fuera del alcance?
• ¿El sitio web móvil está “recortado” por simplicidad?
• ¿El sitio web carga rápido en conexiones 3G?
• En general, ¿cómo calificaría la usabilidad móvil?

Avisos de derechos de autor obsoletos y enlaces rotos

Algunos pueden considerar esto menor (y tal vez en términos relativos, lo es), pero los avisos de derechos de autor obsoletos, los enlaces rotos y los errores ortográficos indican que el sitio web ha sido abandonado o que solo se tuvo un poco de cuidado. Estos datos son especialmente importantes para las empresas de SaaS porque los usuarios quieren saber que el servicio al que se suscriben se mejora constantemente (es normal que los usuarios miren el aviso de derechos de autor en el pie de página del sitio web para ver cuándo se actualizó por última vez). En términos generales, un sitio web de aspecto antiguo hará que los usuarios se pregunten si ya está activo.

Es bastante fácil arreglar estas cosas, así que considéralas "ante todo".

Para enlaces rotos en particular, puede usar una extensión gratuita de Chrome como Check My Links para localizar enlaces rotos en una página web, o Grammarly para identificar errores ortográficos.

Requerimientos técnicos

Según HubSpot, el 82 % de los visitantes abandona los sitios que no son seguros.

Los requisitos técnicos son características que no están orientadas al usuario; sin embargo, pueden afectar al usuario de manera drástica. SSL, por ejemplo, una capa de seguridad requerida para las tiendas de comercio electrónico (pero recomendada para todos los sitios web), les dice a los clientes que sus datos confidenciales están seguros.

Las mejoras en el código de front-end y back-end harán que el sitio web sea más rápido (o al menos, se sentirá más rápido), y la simplicidad del diseño en sí mismo juega un papel muy importante en eso (diseños simples = menos código). Para los sitios web que se someten a un rediseño, no querrás descuidar esto.

Conclusión

El diseño se trata de resolver problemas : los clientes quieren saber cómo los diseñadores van a hacer sus vidas más fáciles o cómo van a aumentar los ingresos de su negocio.

Una lista de habilidades no le dice al cliente por qué debería contratar a dicho diseñador. Los diseñadores harían un gran servicio a los clientes al comunicarles por qué es necesario rediseñar un sitio web para el negocio de sus clientes, destacando lo que se logrará con el resultado final.

• ¿Es su marca un poco obsoleta?
• ¿La interfaz de usuario está causando confusión entre los usuarios?
• ¿La UX está causando que los usuarios abandonen el flujo de conversión?
• ¿La usabilidad (móvil o de otro tipo) está causando que los usuarios presionen el botón Atrás?
• ¿Se ve horrible por todas las cuentas?
• ¿Cómo ayudarían las mejoras del sitio web a dicho negocio?

Cuando sabe lo que necesita rediseño, y el cliente también lo sabe, entonces la hoja de ruta para el rediseño ya tiene una base excelente y objetivos medibles.

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas