Solo saldré y lo diré: los sitios web y las aplicaciones web deben diseñarse primero para dispositivos móviles.

Durante años, la mayoría de los equipos hicieron lo contrario. Mobile, si es que sucedió, fue un puerto de la versión de escritorio que fue concebido, diseñado y construido antes de que alguien siquiera considerara la experiencia móvil..

Y durante mucho tiempo, esto tenía mucho sentido: navegar por la web en teléfonos móviles era doloroso; los operadores controlan el acceso a la web en sus dispositivos; y las velocidades de la red móvil hicieron que todo se detuviera demasiado a menudo.

Épocas de cambios

Pero las cosas han cambiado tan drásticamente en los últimos años que comenzar con el escritorio puede ser una forma de pensar cada vez más atrasada. El diseño para dispositivos móviles puede abrir nuevas oportunidades de crecimiento y llevar a una mejor experiencia de usuario en general..

Vamos a profundizar en las tres razones principales por las que: el móvil está experimentando un crecimiento explosivo; lo móvil te obliga a enfocarte; y móvil amplía tus capacidades..

Primero, el crecimiento. En caso de que no hayas estado al día con las últimas estadísticas, te daré un resumen rápido: el móvil se está volviendo loco. Mientras que los analistas han anunciado durante mucho tiempo a los dispositivos móviles como "la próxima gran cosa", sus profecías finalmente están dando frutos..

Quizás el conjunto de estadísticas más completo e inspirador proviene del Informe de Internet móvil de Morgan Stanley Research. Este tesoro de datos sobre lo que está sucediendo en los dispositivos móviles destaca algunas cifras realmente impactantes: la adopción de Internet móvil está superando el crecimiento asombroso de la adopción de Internet de escritorio; se espera que los teléfonos inteligentes superen al mercado mundial de PC en 2012; y los usuarios pesados ​​de datos móviles se triplicarán a mil millones para 2013. Esa es una gran audiencia emergiendo muy rápido. Así que ahora es el momento de aprovechar la oportunidad móvil!

Pero esta no es solo una oportunidad para crear una versión móvil de un producto web para aprovechar este crecimiento; Es una oportunidad para proporcionar una experiencia muy mejorada para sus usuarios..

Considere el servicio de redes sociales Facebook. Hay más de 100 millones de usuarios activos que actualmente acceden a Facebook a través de sus dispositivos móviles. Estos usuarios son dos veces más activos en Facebook que los usuarios no móviles..

La combinación de experiencias móviles y de escritorio resulta en usuarios más comprometidos en ambos conjuntos de dispositivos. Esto se debe a que Facebook no solo piensa en su experiencia móvil como un puerto del sitio de escritorio. Lo abraza como una manera de mejorar toda la experiencia de Facebook..

En palabras de Joe Hewitt, desarrollador líder de la aplicación de iPhone para Facebook: "Mi objetivo era inicialmente ser un compañero móvil, pero me convencí de que era posible crear una versión de Facebook que fuera mejor que el sitio web". Esa es realmente la oportunidad móvil en pocas palabras.

Ahora ... ¿cómo las restricciones y capacidades de los dispositivos móviles ayudan a llegar allí??

Forzado a enfocar

El diseño para el entorno móvil viene con un conjunto natural de restricciones. Si bien algunos podrían argumentar que estas limitaciones limitan el diseño móvil, creo que son inherentemente buenas para la experiencia del usuario y, como resultado, el negocio en general.

En particular, las pantallas pequeñas, las conexiones lentas y el contexto de uso de los dispositivos móviles son fuertes catalizadores para un gran diseño web..

Quizás la más impactante de estas restricciones es el espacio de la pantalla. Cuando trabaja con una pantalla de 480x320 píxeles (que se encuentra en las primeras tres generaciones del iPhone de Apple, la primera generación de teléfonos con Android y el Palm Pre), el 80% del espacio de pantalla que tenía a 1024x768 (común para la mayoría de los sitios web) en el escritorio) se ha ido.

Eso significa que el 80 por ciento del contenido, la navegación, las promociones y las interacciones que podría encajar en el escritorio deben irse. Y eso es ... genial.

Perder tanto espacio en la pantalla obliga a los equipos web a concentrarse. Debe asegurarse de que lo que permanece en la pantalla sea el conjunto de funciones más importante para sus clientes y su negocio. Simplemente no hay espacio para los residuos de la interfaz o el contenido de valor cuestionable. Necesitas saber qué es lo que más importa..

Para hacer eso necesita conocer realmente a sus clientes y su negocio. Que es un buen diseño 101. Diseñar para dispositivos móviles te obliga a llegar, te guste o no. Considere la diferencia entre la pantalla de itinerario de viaje de Expedia en su sitio web de escritorio y la experiencia de iPhone.

El propósito principal de esta página es permitir que un cliente revise sus planes de viaje. Si te fijas bien en medio de esta página web, puedes encontrar esta información..

En marcado contraste, la experiencia de iPhone con Expedia pone la misma información al frente y al centro y con una mejor jerarquía visual, lo que permite al usuario verificar rápidamente los horarios de llegada y salida. Atrás quedaron todos los restos de la interfaz, las promociones y los cruceros presentes en el sitio de escritorio. Todo lo que queda es lo que los usuarios de Expedia necesitan para cumplir su tarea. ¿Por qué el sitio de escritorio no podía hacer lo mismo??

Como otro ejemplo, considere la diferencia entre el sitio web de Southwest Airlines en el escritorio y su experiencia con el iPhone. Dado que hay muchos píxeles disponibles en la web del escritorio, se han llenado de muchas promociones, características, opciones y más, porque pueden ser.

La experiencia móvil, por otro lado, tiene un enfoque similar al láser en lo que los clientes necesitan y lo que hace Southwest: reservar viajes, registrarse, verificar el estado del vuelo, verificar millas y recibir alertas. No hay espacio para nada más. Solo lo que mas importa.

Centrarse en lo más importante ayuda a resolver uno de los problemas más antiguos del diseño web: el problema de "todo, incluido el fregadero de la cocina". Este problema existe porque agregar cosas a un sitio web es relativamente fácil. Se agregan muchas cosas, especialmente cuando hay múltiples partes interesadas involucradas.

Los diferentes departamentos internos, propietarios de funciones, empresas e individuos tienen requisitos diferentes para los sitios web. Por lo tanto, a menudo los equipos web se quedan tratando de equilibrar muchas promociones, interacciones, módulos de contenido, opciones de navegación y más en un solo diseño. En una pantalla de 1024x768 hay muchos píxeles para rellenar!

Si diseña para dispositivos móviles primero, puede crear un acuerdo primero sobre lo que más importa. A continuación, puede aplicar el mismo razonamiento a la versión de escritorio de su producto web. "Estuvimos de acuerdo en que este era el conjunto de características y contenido más importante para nuestros clientes y empresas", ¿por qué debería cambiar eso con más espacio en la pantalla??

Por supuesto, hay diferencias basadas en los contextos móviles y de escritorio. Pero el valor central de un servicio web sigue siendo el mismo en ambos formatos. Cuando un equipo diseña para dispositivos móviles primero, el resultado final es una experiencia centrada en las tareas clave que los usuarios desean realizar sin los extraños desvíos y los restos de la interfaz general que ensucian muchos de los sitios web de hoy. Simplemente no hay espacio en una pantalla de 320x480 píxeles para elementos extraños. Tienes que priorizar.