¿Crear sitios usables? Piensa en Móviles Primero

New York Times. Versión Web en AndroidUn buen diseñador/maquetador web sabe que crear un site no es sólo cuestión de colocar elementos aquí o allá para que quede bonito. El mundo web es bastante más complejo que eso y cosas como la accesibilidad, usabilidad, semántica y SEO (y no estoy hablando de personas/empresas que te prometen colocar tu sitio de primero en Google en dos días) son elementos fundamentales, no sólo para que tu sitio se llene de visitas sino, más aún, para que esas visitas vuelvan y se conviertan en fieles.

Lamentablemente, es muy común ver que estas cosas son ampliamente ignoradas, a veces por tiempos de entrega que se mueven entre lo mediocre y lo imposible, clientes que sólo quieren un sitio igualito a aquel, o simplemente por no considerar la verdadera importancia que tienen los aspectos arriba mencionados en el mundo web. Muchas veces esto ocurre porque olvidamos que el verdadero objetivo de un sitio web no es crear una especie de tarjeta de presentación en internet sino un medio de comunicación entre el cliente y su mercado. Esto no me parece una consideración menor, al contrario, comprender el objetivo final es algo vital a la hora de pensar en el producto en el que estás trabajando.

Ahora mismo nos encontramos en uno de los momentos más excitantes de la tecnología, posiblemente desde la aparición en escena de la web social (conocida también como web 2.0): HTML5, Flash en dispositivos móviles y televisores, tablets, smartphones y un largo etcétera que hace que nuestras ideas sobre nuevas formas de hacernos millonarios comiencen a surgir a borbotones y nuestra cabeza explote con las nuevas cosas que queremos y debemos aprender sólo para mantenernos al día. Creo que es en momentos como éste donde debemos recordar lo aprendido y no olvidar cosas como la usabilidad o accesibilidad justo en el momento en que se vuelven más importantes, sobre todo teniendo en cuenta que dispositivos como los smartphones y tablets nos exigirán repensar una y otra vez sobre nuestras aplicaciones y el modo como nuestros usuarios interactuarán con ellas. Estoy convencido que la idea de “trasladar la experiencia de la PC a los nuevos dispositivos” no es la forma más acertada de entender el futuro de la web.

Piensa en móviles primero

New York Times. Versión Móvil en AndroidCrear sitios específicamente para móviles no es una idea novedosa (¿recuerdan el protocolo WAP?), pero la aparición de dispositivos móviles con cada vez mayores capacidades le ha dado un nuevo auge, aún cuando creo estamos lejos de ver lo que realmente pueden llegar a ser. En el nuevo mundo móvil tenemos browsers de verdad, mayor capacidad, Wi-Fi, etc. que nos da todo un nuevo abanico de posibilidades.

Sin embargo, no podemos olvidar que estos dispositivos no disponen de las ventajas que nos da un computador personal, ya sea en términos de resolución de pantalla, velocidades de conexión, etc. lo que nos obliga a crear una interfaz que funcione específicamente dentro de estas limitaciones.

Eso significa que, en miras de hacer un proceso escalable y siguiendo los patrones del Progressive Enhancement, lo ideal será pensar primero las interfaces con mayores limitaciones y luego aumentar las prestaciones a medida que los recursos aumentan: móviles primero, luego tablets y de allí a la PC.

Claro que siempre existe la posibilidad de que el proyecto en el que vas a trabajar no contemple móviles y entonces te preguntes ¿y para qué voy a diseñar para móviles entonces? Bien, dos respuestas: 1.- Deberías proponer a tu cliente la posibilidad de tener una versión para móviles (antes que a alguien más se le ocurra). 2.- Aunque no vayas a crear una versión móvil, pensar en términos de móvil te permitirá desarrollar ciertas habilidades que mejorarán tu producto en áreas como usabilidad y jerarquía de contenidos.

¿Qué implica diseñar para móviles?

Obliga a enfocarse en lo verdaderamente importante:

Dadas las limitaciones que tenemos en un dispositivo móvil (tamaño de pantalla, velocidad de conexión, etc.) es indispensable aprender a jerarquizar la información ¿qué es realmente lo que queremos que nuestros usuarios sepan? ¿Cuáles de los servicios que nuestro sitio ofrece son realmente usados como para aparecer de primero en nuestra lista de jerarquía? ¿Realmente es útil darle la bienvenida con un lindo texto de presentación o es mejor mostrar de una vez aquello que los usuarios realmente buscan en nuestro sitio?

Para ilustrar mi punto, quiero citar Steve Krug, en su ya clásico libro sobre usabilidad web: Don’t Make Me Think:

People often ask me:
“What’s the most important thing I should do if I want to make sure my Web site is easy to use?”
The answer is simple. It’s not “Nothing important should ever be more than
two clicks away,” or “Speak the user’s language,” or even “Be consistent.”
It’s…

Don’t make me think!”

I’ve been telling people for years that this is my first law of usability. And the more Web pages I look at, the more convinced I become.

(A veces la gente me pregunta:

“¿Qué es lo más importante que debería hacer si quiero asegurarme de que mi sitio es fácil de usar?”

La respuesta es simple. No es “Nada importante debería estar a más de dos clics de distancia”, o “Habla en el lenguaje del usuario”, o siquiera “Sé consistente”.

Es…

“¡No me hagas pensar!”

He estado diciéndole a la gente por años que ésta es mi primera ley de usabilidad. Y mientras más páginas web veo, más me convenzo.)

Diseñar un sitio específicamente para móviles nos obliga a entender al usuario, a saber qué es lo que busca en nuestro sitio y darle justamente eso. Es imprescindible que sepamos enfocar nuestro sitio en aquello que realmente queremos mostrar al usuario o aquello que sabemos que realmente quiere de nosotros, desechando aquellas cosas que, por interesantes que puedan ser desde nuestro punto de vista, resulten secundarias o poco importantes para él.

Hace fundamental conocer al usuario final:

Uno de los principales problemas que enfrentamos con nuestros clientes es que, por lo general, no piensan en sus usuarios a la hora de crear el sitio web, haciendo solicitudes que responden básicamente a una mezcla entre sus gustos personales (o los suyos, los de su pareja, los de sus socios, etc.) y las cosas que desea que el sitio muestre sobre su producto. La mayoría de las veces esto se traduce en un montón de información (muchas veces innecesaria y sin importancia para el usuario final) combinada con una serie de pautas estéticas tomadas de otros sitios web: la galería de acá, la animación de allá, el fondo de más allá… Una especie de Frankenstein hecho a la medida de quien solicita la página pero que poco o nada tiene que ver con quien realmente debería interactuar con esta información.

Cuando las limitaciones propias de los dispositivos móviles nos obligan a prescindir de aquello que no es realmente necesario, conocer al usuario, sus preferencias, su comportamiento se convierte en algo vital. Si le damos sólo aquello que no necesita, si no entendemos qué es prioritario para él, si no nos preocupamos del modo como se comportan los usuarios cuando navegan desde un dispositivo móvil, nuestro sitio será un fracaso. No lo olvides, un sitio web es exitoso si es redituable, de lo contrario sólo es una pérdida de dinero.

Se hace entonces más evidente que a la hora de desarrollar nuestra idea, conocer al usuario final y actuar en consecuencia marca la diferencia entre el éxito y el fracaso de nuestro proyecto.

Nos obliga a presentar un buen producto, incluso con recursos limitados:

Por supuesto, cada vez que yo digo smartphone, lo más probable es que pienses en iPhone, Android o Blackberry, por decir lo común, y eso está muy bien si estamos pensando en lo que será el mundo móvil dentro de unos dos o tres años, pero hoy mismo, este mercado apenas abarca una fracción del mundo móvil en general y no hace falta tener un smartphone para acceder a la Mobile Web, por supuesto, un teléfono móvil no-smartphone tiene aún más limitaciones que un smartphone. Se hace necesario mostrar un producto que sea atractivo y –sobre todo– efectivo incluso con recursos muy limitados. Esto, aunque requiera un mayor esfuerzo en planificación, resultará en un producto más veloz y óptimo.

En conclusión, hacer el cambio de paradigma de móviles a PC en vez de PC a móviles no sólo nos prepara para el futuro cercano en el que desarrollar sitios optimizados para estos dispositivos no será simplemente un lujo de grandes empresas sino una necesidad real del mercado sino que además nos permite hacer un necesario ejercicio de arquitectura de la información en pro de un producto más efectivo y usable.

Estas son sólo algunas de las consideraciones personales que me motivan a exponer la idea de diseñar para móviles primero, si les parece interesante esta idea y quieren profundizar en ella, el primer lugar donde deberían buscar información es en el sitio de Luke Wroblewski, promotor de la idea de Mobile First! y que además agrega otras razones a las acá expuestas (excepto en el caso del enfoque, que también hemos tratado acá). Hay mucha más información al respecto allí y deberías revisarla.

Mucho queda por decir y aprender respecto a este tema, por supuesto, así que tendremos que volver a ello en posteriores artículos.

Etiquetas de Technorati: ,,,

2 pensamientos en “¿Crear sitios usables? Piensa en Móviles Primero

  1. Pingback: ¿Crear sitios usables? Piensa en Móviles Primero | SinapsysMx.Net

  2. No había escuchado antes de esta propuesta pero me parece super acertada…. la asocio con las pruebas unitarias, ya que como dices, nos obliga a pensar que es lo importante antes de sentarnos a programar.

    El problema de esto podría ser que como estamos acostumbrados a entregar primero la versión Web (el uso de dispositivos móviles para navegar en nuestro país es reducido por lo momentos) y los tiempos son cada vez más cortos y exigentes que creo que va a ser muy difícil que muchos adopten este enfoque…. Pero se debe tener en cuenta a medida que el uso de los móviles vaya aumentando.

    Excelente articulo!

Deja un comentario

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