Diseño móvil: Responsive design, múltiples diseños o aplicación nativa


Diseño móvil: Responsive design, múltiples diseños o aplicación nativa
Diseño móvil: Responsive design, múltiples diseños o aplicación nativa

Cada día los móviles comen terreno a los portátiles y ordenadores de sobremesa, pero no solo en cantidad total de dispositivos móviles existentes frente a fijos, sino en el % del total de las visitas recibidas en las páginas desde estos, y a veces incluso con saltos exagerados, de forma que al diseñar una página web hoy en día, pensar en el diseño móvil ya es una absoluta obligación.

Explico brevemente las diferentes opciones:

Responsive design: Se basa en la idea de One Web introducida por List Apart, de hacer un diseño adaptativo, que tome la forma de la pantalla donde se visualiza independientemente del tamaño, forma, disposición vertical u horizontal, etc adaptándose siempre de la mejor forma posible. Se habla de concepto de diseño líquido porque los elementos formularios, títulos, párrafos e imágenes se adaptan como el agua a su contenedor.

Múltiples diseños: Aquí es justo la idea contraria al responsive, es decir, dejaremos en ordenadores el diseño web que tenemos, y haremos un diseño ad-hoc para móviles, y otro para tabletas, con imágenes menos pesadas o incluso sirviendo tumbails (miniaturas) de estos, y que todo esté totalmente adaptado a este entorno, que no solo es de pantallas más pequeñas y con capacidad de cambiar orientación vertical/horizontal, sino que además suele tener acceso a datos más limitado y procesadores y memorias no tan potentes.

Aplicaciones nativas: Es una tercera opción que se baraja siempre, hacer un producto desarrollado a propósito, una app nativa al sistema operativo móvil destino y especializado para cada dispositivo, aprovechando al máximo todas las peculiaridades y experiencia de uso y navegación que brinda únicas, que no son capaces de ofrecer las otras.

Pero, dentro de las opciones que existen, debemos elegir una u otra, y depende del caso. Yo a día de hoy, para proyectos nuevos recomendaría siempre hacer responsive, por sus reducidos costes y uso de estándares como HTML5 y CSS3. Gracias a frameworks como Bootstrap entre otros es realmente fácil. A excepción de cuando hacerlo pueda ser directamente contraproducente. Porque hay casos que desaprovechas ciertas oportunidades, que te brinda tener un ancho de pantalla con una configuración determinada, que no se pueda adaptar de igual modo, pero que entiendo que serán los menos casos. O cuando las opciones nativas son imprescindibles o mejoran sustancialmente el resultado y experiencia de usuario.

Otra opción que no he incluido y que sería una variante del resposive design, es darle la vuelta a la tortilla y directamente diseñar ya desde el principio para dispositivos móviles, tablets y smartphones, y así que puedan verse también en ordenador con ese diseño móvil.

Las aplicaciones móviles, son a veces la mejor opción, y dan un plus de fidelización. Ya que requieren de un esfuerzo extra por parte del usuario para su descarga, pero tienen la ventaja que una vez descargada es como más parte de su teléfono y sí mismos. Además, ofrece unas posibilidades inigualables, a la hora de su promoción de forma muy destacada, dentro del selecto tipo de productos que llegan a ser apps, cosa no tan trivial, lo que junto con la relación directa con la marca, redunda en un posicionamiento de marca sin igual.

Por último como comentaba un lector del post de Galli, otra posibilidad que no debemos olvidar es la de que aunque cada día consultemos todo de forma móvil, las conexiones cada vez son mejores, y más que lo serán, y los nuevos lanzamientos de dispositivos móviles van rompiendo las barreras entre lo que es un móvil, un mini móvil como el futuro iPhone mini, o un mega móvil, como el Samsung Gallaxy Note, o un tablet, o un mini-tablet como el iPad mini. Así que, siendo así, quizás no sea tan descabellado considerar que todo esto ha sido una locura del momento y al final no hacía falta tanta variación para quedarnos como estábamos.

Yo como veis, no tengo la respuesta a este tema, más bien tengo las preguntas. Pero lo que tengo claro, que si hay recursos para hacer un diseño, cuanto más fácil se haga a lo usuarios siempre será mejor, aunque esto cambie en cada momento, y que luego al final volvamos al principio.

¿Vosotros que opináis? ¿Tenéis una idea clara para todo o según el proyecto? ¿Creéis que en general estamos respondiendo bien a todos los cambios?

Anuncios

2 comentarios en “Diseño móvil: Responsive design, múltiples diseños o aplicación nativa

  1. Creo que todos los que estamos en el sector nos encontramos en esta encrucijada… y todo depende al final del servicio que ofrezcas y el target… en mi opinión lo más visual es el entorno App, al que no sólo más gente se está enganchando que nunca pudo con la “tecnología” (es más fácil ver a un abuelillo con su tablet que en un ordenador de sobremesa) y al que se están acostumbrando los más jóvenes… mi duda al respecto es si los nombres de Apps reemplazarán a las webs y cómo se solucionan los conflictos de nombres en la App Store, por ejemplo… ¿puedo nombrar mi aplicación como me plazca? porque igual es el momento de crear aplicaciones “fantasmas” con nombres genéricos… espera que igual ya es tarde.

    En todo caso excelentes posts/preguntas abiertas que fomentan el debate.

    1. Estamos de acuerdo Antonio. En cuanto a los nombres de apps en la Apps Stores y Markets, a diferencia de los dominios, no tienen porqué de ser únicos, que yo sepa al menos, aunque quizás me equivoque.. por lo que no hay una restricción artificial como en los dominios, que hace de cada nombre algo valioso, otra cosa es que si usas nombres de marca de otros en el nombre, pero ahí si que hay normas dentro de los markets que impiden usar marcas ajenas, y que si estas denuncia pueden penalizarte o incluso dar de baja tu app. Gracias, y gracias a ti por participar. 😉

Coméntame..

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s