Para adaptar un sitio web complejo existente y hacerlo receptivo, ¿cuál es la mejor estrategia entre el diseño web receptivo y el diseño web adaptativo?

Answer 1

Primero, saquemos la terminología del camino. Leí algunas respuestas aquí y sus comentarios, así que entiendo lo que quiere decir. Se pregunta si debería tener una versión móvil separada de su sitio o simplemente una buena versión de RWD. El diseño adaptativo en realidad significa algo más, al menos según este artículo: http://m.fastcodesign.com/303836…

Ahora volvamos a tu pregunta. Si dependiera de mí, la única opción sensata es la capacidad de respuesta (el enfoque front-end). El desarrollo de un sitio web separado para un tamaño de pantalla diferente no es escalable por sí solo. Especialmente porque ya no tenemos una línea de buceo entre el diseño “móvil” y el “escritorio”. Esto es 2015, tenemos teléfonos celulares con mejor resolución que las computadoras de escritorio.

Lo que sería el mejor enfoque es utilizar la tecnología del servidor para ayudar a sus diseños de front-end. Puede detectar, decir el tipo de conexión y dispositivo, y servir contenido liviano a los usuarios de la red 3G. Puede servir una versión más ligera de JavaScript y CSS. Etcétera etcétera.

Pero la base de su trabajo debe ser las técnicas de diseño receptivo front-end. Es mucho mejor para el SEO, la experiencia del usuario, la escalabilidad y su cordura.

La única alternativa no mencionada a RWD que puedo sugerir es mantener su sitio web como está y construir una aplicación nativa como un cumplido. La razón es que las aplicaciones se usan con mucha más frecuencia en dispositivos móviles que en los navegadores. Pero luego tendría que construir y mantener una base de código y un diseño completamente nuevos. Y de todos modos es posible que aún desee tener un diseño receptivo en su sitio.

TL; DR: No solo cree un nuevo sitio para clientes móviles.

Answer 2

Diseño web receptivo es lo que estás buscando. Tenga en cuenta que RWD no es solo una capa de pintura que puede aplicar en un sitio web existente y shazam es amigable para dispositivos móviles.

Es probable que necesite rediseñar su sitio web y utilizar un primer enfoque móvil cuando diseñe su contenido y realmente defina / escriba su contenido real para asegurarse de que esté optimizado para dispositivos móviles.

Una vez que tenga un primer diseño móvil, puede preocuparse por codificarlo de manera responsable.

Answer 3

Gran pregunta, y estoy feliz de responder.

Primero, está adaptando para un sitio web existente, supongo que este sitio web es bastante grande, y dado que ha dicho que es un sitio web complejo, le hago las siguientes preguntas:
1. ¿Cree que podrá refactorizar el código de su servidor para verificar las capacidades del dispositivo y mostrar solo el contenido requerido? Si su código existente ya es bastante complejo, ¿vale la pena agregar más complejidad?
2. ¿Siente que editar sus motores de plantillas existentes (en algún lenguaje de script del lado del servidor) es una tarea fácil y puede hacerse dentro de un tiempo razonable?

Si su respuesta a estas dos preguntas es ‘Sí’, entonces sí, continúe con AWD, ya que esa inversión vale la pena a largo plazo.

Si su respuesta a cualquiera de estas dos preguntas es ‘No’, entonces RWD es el camino a seguir.
Contrariamente a la creencia popular de que debe comenzar desde cero para adaptar RWD, definitivamente puede comenzar de manera más simple, por ejemplo, diseñando el código para un diseño fluido. Comience cambiando sus medidas de alturas y anchos a% ‘s o em / rem. Y ajuste sus fuentes a em / rem.
Una vez hecho esto, RWD’ing su sitio web debería ser relativamente sencillo. Configure puntos de interrupción para anchos / alturas de pantalla. Cambiar las dimensiones del elemento raíz. Su diseño no debería romperse si se hubiera fluidificado correctamente antes.
PRUEBA MUCHO! No puedo enfatizar demasiado la importancia de esto. ¡Las pruebas son importantes para la mayoría de los RWD, pero aún más para las modificaciones! ¡Si su sitio funcionaba bien, no significa que continuará funcionando bien después de RWD! Así que prueba, y prueba, hasta que estés satisfecho con el resultado.

Espero que esto haya ayudado.
Gracias por el A2A.

Answer 4

¿Y qué es el diseño web adaptativo?
Elegiría el diseño web receptivo, que es crucial para cualquier sitio web.
Responsive Web Design es bastante fácil de implementar incluso sin la ayuda de Bootstrap.
Y está haciendo cambios en HTML y CSS que no deberían ser estresantes.