¿Cuáles son algunos buenos conceptos a tener en cuenta al integrar dos sitios web separados?
Antecedentes: estoy trabajando con un cliente que no está listo para abandonar su sitio web arcaico. Estamos diseñando una nueva característica que se alojará en un dominio separado bajo su marca con la intención de integrar los dos sitios en el futuro. El cliente quiere que los dos sitios sean lo más fluidos posible.
Por supuesto, esto es complicado porque construir una extensión separada de su sitio requerirá principios y tecnologías de diseño actualizados. Además, el enlace entre ambos sitios es un desafío en sí mismo (dónde vincular, cómo no perder usuarios entre ambos sitios). ¿Algún consejo de ustedes, expertos diseñadores de UX?
Es un poco difícil responder esto como una pregunta general sin detalles, pero lo intentaré.
Creo que las dos opciones principales que tiene para hacer que los dos sitios sean fluidos es tratar de hacer que se vean exactamente iguales o hacerlos "naturalmente" o "lógicamente" diferentes.
Si intenta hacerlos exactamente iguales, probablemente lo principal que necesitará mantener es el diseño externo de la página, es decir, la barra de navegación, la columna lateral, etc. y el esquema de color.
Sin embargo, si encuentra una manera inteligente de hacer una conexión natural entre los dos sitios, quizás podría hacerlos diferentes "a propósito", pero con algunos elementos para mostrar claramente que están vinculados. Dos ejemplos que vienen a la mente serían "invertir" la paleta de colores, o tomar un ejemplo de este sitio que está claramente conectado al desbordamiento de la pila.
Necesita que su cliente articule lo que significa sin problemas para ellos. Puede ser la paleta de colores o la representación básica de la marca. Es posible que el usuario pueda pasar del sitio antiguo al nuevo y completar la tarea en cuestión con el menor alboroto, abandono o error.
Allí la realidad es probablemente una mezcla de los dos. Lo que tiendo a hacer es centrarme primero en el nuevo sitio. Haz que se vea y trabaje de la mejor manera posible. Luego mire lo que necesita ser actualizado en el sitio anterior.
Usé este enfoque para un proyecto reciente, que era solo una actualización de la página de inicio. Creamos una página completamente nueva (dentro de los detalles de la marca) y luego actualizamos la paleta de colores en el resto del sitio solo usando actualizaciones CSS.