Diseñar para el Futuro de la Web

ué es la Web del Futuro?

La palabra que he oído más que ninguna otra en este momento es móvil. Sitios web móviles, dispositivos móviles, aplicaciones móviles: la lista parece seguir y seguir. De hecho, un gran oleaje de opiniones dice que el futuro de Internet es móvil.

Pero a pesar de todo esto, centrarse sólo en el móvil no es la respuesta.

La forma en que el acceso a Internet está cambiando, de que podemos estar seguros. Y en el corto plazo, esto significa más dispositivos móviles. Pero en el largo plazo, tenemos que mirar un poco más. Thomas Husson, Analista Senior de Forrester, lo resumió muy bien en su Tendencias Móviles 2011 informe cuando dijo: "El término móvil significará mucho más que los teléfonos móviles." A largo plazo, la palabra que debemos utilizar en lugar del móvil será portátil.

Por qué portátil? ¿Cómo ha cambiado el Internet para que sea así?

En primer lugar, la infraestructura física de la Internet se está extendiendo rápidamente, por lo que nuestra capacidad para acceder a Internet donde quiera que se crece día a día. En los últimos 10 años, el número de usuarios de Internet ha crecido un 444,8% y ahora incluye un 28,7% de la población. Eso es cerca de 2 millones de personas, la mayoría de los cuales se encuentran en Asia. Este crecimiento es impulsado por la inversión en el hardware subyacente que nos da acceso a la Internet: millones y millones de computadoras, millones de kilómetros de cables, cientos de miles de puntos de acceso inalámbrico y, por encima de todo esto, cada vez mayor cobertura 3G en todo el mundo (alrededor de 21% a finales de 2010 según Morgan Stanley).

Evrythng, en la actualidad en fase beta, está trabajando en una plataforma que daría a cualquier objeto físico una presencia en línea, haciendo del Internet una entidad omnipresente que contiene los datos que se puede consumir en cualquier lugar y por cualquier cosa.

De acuerdo? ¿Cómo?

Cuando se enfrentan con una multitud de dispositivos de diseño para, todos con especificaciones diferentes, la ultima idea que pudiera venir a la mente es la coherencia, y con razón. Y sin embargo, debemos luchar para lograr la coherencia. No en el diseño, sino en la experiencia.

Conceptualmente, deberíamos estar pensando en nuestro diseño en dos niveles: el contenido básico o servicio, y luego la capa de presentación. El núcleo de nuestro sitio web no debe cambiar de un dispositivo a otro, y debe ofrecer una experiencia consistente. Como veremos en breve, esto significa que debemos asegurarnos de que elementos como el contenido y los patrones de navegación de trabajo de la misma manera siempre.

Esta coherencia de la experiencia es lo que nos permitirá crear grandes sitios web para la portátil de Internet y una experiencia de usuario completa.

Diseño utilizando estándares web: Eso significa HTML5

YouTube, Netflix y Gmail utilizan HTML5 en sus versiones de sitios web que están diseñados para la experiencia móvil y que se aprovechan de las nuevas capacidades de HTML 5. Son un gran punto de partida para cualquier desarrollador que quiera ver lo que puede lograrse.

HTML 5 ya está listo para ser utilizado para el desarrollo, y no hay razón por la que no se puede iniciar de inmediato. Muchos excelentes recursos y tutoriales están disponibles para ayudarle a empezar:

HTML5 Demos and Examples

HTML5 Gallery

Pruebas y pruebas

La compra de un aparato de cada plataforma podría ser prohibitivo para la mayoría de los diseñadores. Sin embargo, se dispone de alternativas. Para la mayoría de las principales plataformas, emuladores de dispositivos disponibles que simulan la experiencia de navegación. Vea la sección de recursos al final de este artículo para los enlaces.

En el otro extremo de la escala, un servicio de pago está disponible en DeviceAnywhere,, que le permite probar su sitio web en más de 2000 terminales.

Recursos

Los editores de HTML 5 y emuladores de dispositivos antes mencionados se puede descargar de los siguientes sitios web.

HTML5 entornos de desarrollo:

- CS5 HTML5 Support Pack (CS5 11.0.3 Updater), además de tutoriales

- Aptana 3 beta

Emuladores de dispositivos:

- Android

- Opera Mini

- Apple iPhone

- Windows Mobile

- BlackBerry

- Nokia Mobile Browser