¡Cómo ha cambiado el diseño Web con la llegada del iPad!

Publicado originalmente en Cyber Designz.

Traducido por Daniela Cardona Ferro.

"Recientemente, iPad a ganado fama por todo el mundo. Un gran grupo de personas son atraídas a este nuevo dispositivo. Ya se puede ver a muchas personas usando su iPad por todos lados en un café, en el camión o en una tienda. ¿Por qué se volvió tan popular en tan poco tiempo? La respuesta es que es una computadora que simplemente puedes agarrarla con una mano y leer como si fuera un libro.

Esta tecnología a cambiado el mundo de los diseñadores, ya que ellos han tenido que cambiar sus técnicas de trabajo. Y han comenzado a diseñar específicamente para iPad, ya que este dispositivo será todavía más popular en el futuro. Ahora los diseños deben ser más compatibles con estos aparatos.

Características del iPad: ¿Qué debe considerar un diseñador?

iPad comprende que está forzando a los diseñadores a cambiar la forma de trabajar y diseñar.

iPad tiene dos estilos: horizontal y vertical.

Por estilo se refiere a la manera en la que la página puede ser vista.

El dispositivo es muy simple. No tiene teclado, ni mouse. La única manera para lograr interactuar es utilizando los dedos.

¿Por qué estas características molestan tanto a los diseñadores? Los usuarios del iPad no siguen las características definidas para ver e interactuar con las páginas Web. Se puede acercar y alejar las páginas web como más les convenga y se puede ver los sitios en cualquiera de los diferentes estilos mencionados anteriormente. ¿Por qué los diseñadores deben de preocuparse y tomar esto en cuenta? Porque se tienen que hacer dos diferentes diseños para la Web.

iPad ha matado a Flash

El iPad no es compatible con Flash. Si se desea que su sitio Web contenga animaciones y vídeos, tiene que ser diseñado en HTML 5, ya que los sitios diseñados en este lenguaje son fácilmente visibles. HTML 5 tiene todos los elementos que se encontraban sólo en Adobe Flash.

iPad ha matado a los rollovers

Ya que los usuarios usan sus dedos para navegar por el sitio Web, los rollovers, que sólo se adaptan a los dispositivos de puntero base, no sirven para iPads. Para una experiencia más fluida con iPads los efectos de rollover deben de ser eliminados.

Contraste de color

El iPad se puede utilizar en cualquier lugar cerrado o al aire libre de acuerdo a su elección. Esto trae algunas desventajas, ya que la pantalla del iPad es brillante y refleja la luz. Esto dificulta la interacción del usuario con el contenido que se muestra en la página web.

He aquí algunos ejemplos de cómo como las páginas ya están cambiando:

Twitter

El nuevo diseño de Twitter es muy parecido a la aplicación del iPad. Se puede encontrar enlaces de apoyo en está versión. Twitter para iPad se muestra a continuación:

En la página de Twitter para iPad, más columnas pueden ser mostradas y sus tamaños ajustados.

Apple’s Me.com

MobileMe mail de Apple es casi idéntico a la aplicación del mail creada para iPad.

La aplicación de el mail para iPad se muestra a continuación:

Ahora compárala con la nueva de Me.com para Web.

Calendario MobileMe para Apple

Esta es una recreación pixel por pixel del calendario para iPad. La aplicación para iPad se ve así:

Ahora compárala con el calendario MobileMe de Apple:

Página del New York Times

La imagen muestra la versión para el iPad del New York Times.

La imagen siguiente es una actualización de la versión de la página de opinión del New York Times, que también se desarrolla teniendo en cuenta la facilidad de iPad. Las columnas se pueden seleccionar fácilmente con los dedos y las historias estan organizadas para facilitar a los usuarios acceder a la página

Recomendaciones

¿Qué pasos deberían de seguir los diseñadores para mantenerse al día con iPad?

El futuro de la navegación se encuentra en estas tabletas. Se ha discutido a detalle cómo funciona el dispositivo y cómo afecta la manera en que los sitios Web están diseñados y construidos. En tal escenario, se aconsejan los siguientes puntos.

- Uso de JavaScript y CSS. Los diseñadores inteligentes, eficientemente utilizan JavaScript y CSS en combinación, que proporcionará a los usuarios una agradable experiencia con el iPad. Hay algunas situaciones donde el diseñador Web no puede satisfacer las necesidades del usuario mediante el diseño de ancho fluido. En estos casos, el diseñador debe utilizar CSS para distintos dispositivos y configuraciones de los dispositivos.

- Diseños web interactivos en lugar de diseños complejos. Los diseñadores deben evitar el uso de diseños complejos en lugar de crear diseños interactivos e intuitivos, ya que el futuro del diseño Web está conformado por iPads.

- Sitios Web adaptables. Los diseñadores deben diseñar el sitio Web de tal forma que sea accesible en ordenadores de sobremesa, tabletas y otros dispositivos móviles. Esto significa que el sitio Web debe ser adaptable a múltiples plataformas que no tienen el mismo aspecto. Se debe tener en cuenta que con este diseño de página Web para iPad no se está reinventando,  sino simplemente se está mejorando el sitio para el dispositivo de iPad.  Por lo tanto, no se debe olvidar de tener contenido de calidad, mantener la colocación de palabras clave y seguir luchando por la clasificación de su sitio Web."