La lista de verificación de rediseño de sitios web: planifíquelo correctamente

Jazmie Jamaludin

Hay un tipo particular de rediseño que todo el mundo ha visto y nadie quiere. El nuevo sitio tiene un aspecto magnífico, se anuncia su lanzamiento y, de repente, las consultas disminuyen silenciosamente. Las páginas que solían posicionarse desaparecen de los resultados de búsqueda, el formulario de contacto falla en los teléfonos y el equipo pasa el mes siguiente resolviendo problemas en lugar de celebrarlo. Lo doloroso es que casi todo esto era evitable. El sitio no falló porque el diseño fuera malo. Falló porque el rediseño nunca se planificó adecuadamente.

Un rediseño no es solo una capa de pintura. Se asemeja más a renovar una casa mientras la gente sigue viviendo en ella. Esta guía te ofrece una lista de verificación clara y ordenada para que tu nuevo sitio mejore el anterior en lugar de simplemente parecer más nuevo. Analizaremos los objetivos, auditaremos lo que ya tienes, el contenido y la estructura, la búsqueda y las redirecciones, el diseño y la construcción, y un lanzamiento cuidadoso. Síguela en orden y evitarás los desastres clásicos que convierten un proyecto emocionante en uno estresante.

Primero, sé honesto sobre por qué lo estás rehaciendo

Antes de que nadie toque una paleta de colores, anota qué es lo que realmente está mal y qué quieres que sea cierto después. "Parece viejo" es un sentimiento, no un objetivo. "La gente no puede encontrar nuestros precios y perdemos consultas en el móvil" es algo que puedes arreglar y medir. Cuanto más claras sean tus razones, más fácil será cada decisión posterior, porque puedes preguntarte en cada elección: ¿esto sirve al objetivo?

Si no estás seguro de si necesitas un rediseño completo, vale la pena poner a prueba la decisión. Los síntomas que realmente justifican la reconstrucción se explican en señales de que tu sitio web necesita un rediseño. A veces, la respuesta es una solución específica en lugar de empezar de cero, lo que ahorra mucho dinero y riesgo.

Las primeras impresiones se forman en momentos
Los estudios sobre el comportamiento web revelan que la gente juzga la credibilidad de un sitio casi al instante, por lo que un rediseño debe proteger la esencia, no solo refrescar la superficie.
Fuente: investigación sobre credibilidad web, Stanford

Audita lo que ya tienes

La suposición más peligrosa en un rediseño es que el sitio antiguo no vale nada. Casi nunca es así. En él se encuentran páginas que atraen tráfico, contenido al que la gente enlaza y formularios que generan consultas silenciosamente. Si arrasas sin comprobarlo, descartas activos que no sabías que tenías. Por lo tanto, antes de diseñar nada, haz un inventario.

Haz una lista de cada página y anota tres cosas: cuánto tráfico recibe, si se posiciona para algo útil y si genera enlaces o consultas. Esto te dirá qué proteger a toda costa, qué mejorar y qué retirar. Un rediseño consiste tanto en decidir qué conservar como qué cambiar, y saltarse esta auditoría es cómo los sitios eliminan accidentalmente sus páginas de mejor rendimiento.

Captura tu rendimiento actual

Anota dónde te encuentras hoy para poder demostrar que el rediseño ayudó. Anota tu tráfico, tus páginas principales, tu tasa de conversión y tu velocidad de carga. Sin una base de referencia, estarás a ciegas, y cualquier caída después del lanzamiento se convertirá en un juego de adivinanzas. La velocidad, en particular, merece atención, ya que los estándares explicados en lo que hace que un sitio web convierta muestran cómo la experiencia afecta directamente a los resultados.

La lista de verificación del rediseño, fase por fase
Fase Qué hacer Por qué es importante
Objetivos Definir resultados medibles Guía cada decisión posterior
Auditoría Inventariar páginas, tráfico, enlaces Protege los activos existentes
Contenido Planificar estructura y mensajes El diseño sigue al contenido, no al revés
SEO Mapear redirecciones, preservar rankings Evita el colapso del tráfico
Lanzamiento Probar, preparar, luego lanzar Detecta fallos antes que los usuarios

Planifica el contenido y la estructura antes del diseño

Uno de los errores más costosos es diseñar páginas bonitas y luego intentar rellenarlas con texto. Debería funcionar al revés. Decide qué debe decir cada página y cómo se organiza el sitio, y luego diseña en función de eso. Un rediseño es un momento perfecto para arreglar una estructura confusa, simplificar tu navegación y eliminar páginas que ya no tienen cabida.

Esboza la nueva estructura como un mapa simple de páginas y cómo se conectan. Piensa en el recorrido que hace un visitante desde que llega hasta que consulta, y asegúrate de que el camino sea corto y obvio. Aquí es donde una buena forma de pensar en el diseño y una clara jerarquía visual empiezan a importar, porque la estructura decidida ahora da forma a todo lo que el diseñador construirá después.

Protege tus rankings de búsqueda

Este es el paso que arruina más rediseños que cualquier otro, y es casi totalmente prevenible. Cuando cambias las direcciones de las páginas, los motores de búsqueda y los enlaces antiguos siguen apuntando a las antiguas. Si esas direcciones ahora no llevan a ninguna parte, pierdes el ranking y el visitante aterriza en una página de error. La solución es un mapa de redireccionamiento: una lista que envía cada dirección antigua a su equivalente nuevo más cercano.

Crea este mapa antes del lanzamiento, cubriendo todas las páginas que tenían tráfico o enlaces. No redirijas todo a la página de inicio, lo cual es un atajo común que frustra a los visitantes y decepciona a los motores de búsqueda. Envía cada página a la nueva página más relevante en su lugar. Este manejo cuidadoso de las direcciones es parte de por qué un rediseño debe abordarse con el mismo rigor que el proceso de diseño web más amplio.

Las redirecciones protegen años de progreso
Las directrices de búsqueda son consistentes en que mapear direcciones antiguas a nuevas relevantes preserva las señales de ranking, mientras que los enlaces rotos desechan esa equidad.
Fuente: documentación de Search Central, Google

Diseña y construye con los objetivos en mente

Ahora comienza el trabajo visual, y como lo planificaste correctamente, tiene una base sólida sobre la que apoyarse. Sigue comprobando cada pantalla con tus objetivos originales. ¿Esto facilita encontrar los precios? ¿Funciona esto en un teléfono? ¿Esto guía a alguien a hacer una consulta? Un rediseño que se ve impresionante pero ignora los objetivos es solo una decoración cara.

El móvil no es opcional aquí. La mayoría de los visitantes llegarán a través de un teléfono, así que diseña primero para esa pantalla y deja que el diseño más grande siga. Un sitio que solo se ve bien en un monitor grande ya está atrasado. Busca el tipo de pulido que denota competencia, las cualidades descritas en un sitio web de aspecto profesional, y la coherencia que proviene de componentes reutilizables en lugar de páginas únicas.

Establece un cronograma realista y mantén informada a la gente

Un rediseño casi siempre lleva más tiempo de lo que se estimó de forma optimista al principio. La recopilación de contenido se alarga, las rondas de comentarios se multiplican y los casos excepcionales que nadie previó surgen tarde. Establecer un margen de tiempo sensato desde el principio mantiene el proyecto tranquilo en lugar de frenético, y protege la calidad, porque las etapas finales apresuradas son donde se recortan gastos y se cuelan errores. Trata el cronograma como un rango en lugar de una fecha única y esperanzadora.

Igual de importante es mantener a todos informados a lo largo del proceso. Las personas que dirigen el negocio, escriben el contenido y responden las consultas tienen un interés en el nuevo sitio, y las sorpresas cerca del final generan ansiedad y cambios de última hora. Una breve actualización regular, incluso solo una nota sobre lo que se ha hecho y lo que sigue, mantiene las expectativas en tierra. Un rediseño es tanto un proyecto de comunicación como de diseño, y los proyectos que van bien suelen ser aquellos en los que nadie se sintió desinformado.

Prueba todo antes de salir en vivo

El momento previo al lanzamiento es cuando la planificación tranquila rinde sus frutos. Pon el nuevo sitio en una versión de prueba privada e intenta romperlo. Haz clic en cada enlace, envía cada formulario y visualiza cada página importante en un teléfono, una tableta y una pantalla más grande. Comprueba que el mapa de redireccionamientos funciona correctamente visitando direcciones antiguas y confirmando que aterrizan en algún lugar sensato.

Trae a algunas personas que nunca hayan visto el nuevo sitio y observa cómo lo usan. Se toparán con cosas a las que tú te has vuelto ciego. Arregla lo que encuentren, luego lánzalo en un momento tranquilo en el que puedas observar de cerca. Las primeras horas después de salir en vivo son cuando detectas cualquier sorpresa, así que no desaparezcas en el momento en que se publica.

Observa los números después del lanzamiento

El lanzamiento es la mitad del proyecto, no el final. Compara tu rendimiento en vivo con la base de referencia que capturaste anteriormente. Vigila el tráfico, los rankings, las consultas y la velocidad durante varias semanas, y actúa rápidamente si algo baja. Un rediseño bien hecho debería mejorar esos números, y rastrearlos es cómo demuestras que funcionó y proteges la inversión a lo largo del tiempo, en el espíritu de preparar tu sitio web para el futuro. Si deseas una mano firme durante cualquiera de estas fases, siempre puedes ponerte en contacto.

Preguntas frecuentes

¿Cuál es el error más común en un rediseño?+
Perder rankings de búsqueda al cambiar las direcciones de las páginas sin configurar redirecciones. Cuando las direcciones antiguas no llevan a ninguna parte, pierdes tanto el ranking como al visitante. Construir un mapa de redirecciones que envíe cada página antigua a su equivalente nuevo más cercano, antes del lanzamiento, previene el colapso del tráfico que toma por sorpresa a tantos equipos.
¿Debo conservar parte de mi contenido antiguo?+
Casi con seguridad. Algunas páginas existentes atraen tráfico, generan enlaces o consultas, y eliminarlas a ciegas desecha un valor real. Audita primero cada página en cuanto a tráfico, rankings y conversiones, luego decide qué proteger, mejorar o retirar. Un rediseño consiste tanto en decidir qué conservar como qué cambiar.
¿Planifico primero el contenido o el diseño?+
Contenido y estructura primero. Diseñar páginas bonitas y luego intentar rellenarlas con palabras conduce a diseños incómodos y mensajes apresurados. Decide qué debe decir cada página y cómo se organiza el sitio, y luego diseña en función de eso. La estructura y el contenido deben liderar, con el diseño apoyándolos.
¿Cómo sé si el rediseño funcionó?+
Captura una línea de base antes de empezar, incluyendo tráfico, páginas principales, tasa de conversión y velocidad. Después del lanzamiento, compara el sitio en vivo con esos números durante varias semanas. Un rediseño exitoso debería mejorarlos. Sin una línea de base no puedes saber si las cosas mejoraron, así que regístrala con antelación.

Referencias

  1. Google. "Search Central: Movimientos de sitios y redireccionamientos." developers.google.com.
  2. Stanford. "Investigación sobre la credibilidad web." stanford.edu.
  3. Nielsen Norman Group. "Estrategia de rediseño de sitios web." nngroup.com.
Regresar al blog

AUTOMATICE. OPTIMICE. DOMINE.

Optimice sus operaciones y ofrezca una experiencia de cliente fluida. Deje que nuestros expertos implementen tecnología de vanguardia y flujos de trabajo optimizados para que pueda concentrarse en lo que mejor sabe hacer.