A la hora de adaptar tu web a los nuevos dispositivos surge una duda importante, ¿cómo hacerlo? Tenemos tres opciones interesantes, las cuales son:
- Responsive Design: adaptación de una misma web a cada dispositivo
- Site Móvil: Una misma web para cada dispositivo
- APP: La web convertida en aplicación móvil
Lo que buscan el responsive design y el site móvil es que la web se vea igual tanto en un pc, como en una tablet o en un Smartphone; puesto que cada vez es mayor el número de usuarios que navegan por internet a través de su smartphone o tablet.
Para conseguir que nuestro diseño sea lo más adaptado posible, hay que seguir unos patrones que se adecuen perfectamente a las necesidades de cada dispositivo. Primeramente, el diseñador deberá disponer la web de tal forma que quede adaptada y seguidamente será el maquetador el que realice el desarrollo para todas las resoluciones.
Aunque suena muy sencillo, es una tarea ardua y laboriosa, sobretodo porque es algo relativamente nuevo, lo que hace que no se conozcan todos los “trucos” y atajos para avanzar en el desarrollo. De todos modos, los mejores lenguajes para programar son HTML5 y CSS3 puesto que la mayoría de los teléfonos y tablets de la actualidad ya usan estas herramientas y así evitaremos problemas de usabilidad en pantallas de ancho fijo.
Analizando las ventajas e inconvenientes de cada herramienta podemos encontrarnos con unos puntos clave:
RESPONSIVE DESIGN
Ventajas
- Todas las versiones comparten la misma URL, por lo que solamente hay una web y una analítica.
- Un diseño, un desarrollo HTML, un SEO
Inconvenientes
- Móviles con contenido sin fin
- Las imágenes cambian de tamaño pero no de peso lo que se traduce a más tiempo de carga.
SITE MÓVIL
Ventajas
- Mejoras en las interfaces por dispositivos
- Mejoras en el diseño
- Optimización de plataforma, botones y entrada de datos
Inconvenientes
- Diseño, SEO, Analítica y contenido multiplicado
- Lo que supone un mantenimiento mas costoso
APP
Ventajas
- Interacciones con el dispositivo
- Posibilidad de uso offline
- Velocidad
Inconvenientes
- Actualizaciones por parte del usuario
- Imposibilidad de SEO
- Mayor coste, al ser un desarrollo por plataformas
Como podéis observar, los tres tienen sus inconvenientes y ventajas ¿Cuál de los tres elegir? Depende de ti.