Si bien aún queda por ver si el éxito inicial del mercado del iPad se puede mantener, es posible que el dispositivo tenga el potencial de ser un factor de cambio en la computación y, por extensión, navegar por la web y diseñar para ello..

Andy Hume, desarrollador web de Clearleft, ve el lanzamiento del iPad como "un paso significativo en el avance de la computación del consumidor, evitando las complejidades de un sistema operativo poderoso bajo una interfaz de usuario optimizada y pulida".

El especialista en diseño web Christopher Schmitt está de acuerdo, describiéndolo como "una gran herramienta para las personas que experimentan el período web" y agrega que disfruta estar "en una industria en la que podemos tener nuestros diseños basados ​​en estándares en este tipo de dispositivo - totalmente portátil , con una gran pantalla táctil y una duración de batería de 10 horas ". Schmitt luego dice: "¿Puede tu laptop hacer eso?" y la respuesta es no".

La cuestión es que el iPad también es más que un iPod touch gigante. "Es al revés: el iPod touch es un iPad pequeño y estrecho", argumenta el pionero del diseño web Jon Bains. Este par de opiniones debería despertar su primera preocupación con respecto al diseño para el iPad: si realmente es diferente de todo lo que viene antes, ¿cómo debe enfocarse en crear sitios web para él??

Damian Proctor, jefe de diseño de Redweb, cree que gran parte del desafío es estar en un territorio no comprobado. "Todavía no tenemos pruebas de si se aplica la sabiduría convencional con respecto al diseño web de escritorio", dice, "o si los diseñadores deben aprovechar la información proporcionada por los proyectos móviles". Predice que surgirá un nuevo híbrido, que combina aspectos del diseño de escritorio y móvil.

Pantalla brillante

Parte del problema es el propio dispositivo. Bobby Ghoshal, cofundador de Buckowl, señala que la pantalla del iPad es tan brillante que el uso a largo plazo puede fatigar a los usuarios. "Los diseñadores deben considerar el contraste de color", sugiere, "tal vez usar grises claros en lugar de blancos, y grises oscuros en lugar de negros completos".

El director de diseño de News Corp D. Keith Robinson agrega que la densidad de píxeles del dispositivo, combinada con las dimensiones de la pantalla que "se encuentran en algún lugar entre un escritorio y un teléfono móvil", puede significar que no es ideal reducir la escala de los sitios de escritorio ni aumentar la escala de los sitios móviles.

CONSTRUIDO PARA LA VELOCIDAD: El sitio web optimizado para iPad de Nike es más limpio, elegante y más rápido que su equivalente de escritorio

Sin embargo, lo más importante es que el iPad es un dispositivo de gran pantalla táctil. "Esto significa que la diferencia más importante a largo plazo para las personas que trabajan en la web es la transición del mouse al dedo", dice Hume, quien, sin embargo, cree que Safari para iPad hace un trabajo decente al entregar páginas web que no fueron creadas con un toque en mente.

"La gente no pasa mucho tiempo pensando en esto", dice. "¡Pero hay una gran complejidad en la representación de una interfaz que define las funciones de desplazamiento del mouse y de entrada / salida del mouse en un dispositivo que no tiene un mecanismo de señalización!"

Raluca Budiu, especialista en experiencia de usuario de Nielsen Norman Group, considera que tales problemas, derivados de las convenciones de diseño web de larga data, pueden dañar el iPad desde un punto de vista básico de usabilidad. "Los sitios web completos generan asimetría de lectura y toque: el tamaño de la fuente puede ser lo suficientemente grande como para permitir una lectura cómoda, pero no una selección de enlaces precisa", afirma..

Budiu también cuestiona las incoherencias gestuales en el dispositivo, por ejemplo, un pellizco de zoom en los mapas pero aumenta el tamaño de las fuentes en otros lugares, pero admite que la navegación "está más cerca de usar un escritorio que un iPhone", una experiencia que "definitivamente puede mejorarse, pero no lo está". demasiado malo para empezar con ".

Cumplimiento de normas

Aunque poco convencional en términos de interfaz, el iPad es un buen ciudadano cuando se trata de estándares web. "Safari para iPad es uno de los navegadores más avanzados y compatibles con los estándares", sostiene Hume. También argumenta que la falta de compatibilidad con Flash no dificulta el dispositivo, aunque está decepcionado de que el navegador del iPad no tenga buenos resultados con respecto a la incrustación de fuentes.

"Safari para iPad solo admite la representación SVG", señala. "Espero que esto mejore en versiones posteriores, porque la incrustación de fuentes se está convirtiendo en una tecnología de alto perfil para los diseñadores web".

Otro beneficio del iPad es que WebKit es su único motor de navegador. "Esto debería atraer a los diseñadores", dice entusiasmado Tom Kershaw, director de arte de Beam, "ya que siempre sabes exactamente para qué estás diseñando y, al igual que Flash, no tendrás que preocuparte por cómo aparecerá tu diseño en varios navegadores diferentes. Si bien esto no significa que deba dejar de diseñar para otros sistemas, sí significa que puede concentrarse más al crear un sitio específico para iPad ".

El sólido soporte del iPad para los estándares web también puede beneficiar a los diseñadores de otra manera cuando el iPhone OS 4 llegue más adelante este año: la plataforma iAd de Apple se basa en HTML5, ofreciendo oportunidades a cualquier persona con experiencia en tecnología..

Revelado por Jobs en el evento de vista previa del iPhone OS 4 en abril, iAd apunta a ofrecer publicidad móvil en la aplicación de medios enriquecidos que, según Apple, combina la emoción de la televisión con la interactividad de la web. "He visto a los desarrolladores de iPhone hacer increíbles pruebas de anuncios HTML5", dice Ghoshal, aunque él ve que las demostraciones tienen una importancia más amplia.

AGREGAR ANUNCIOS: Aunque no es específico de iPad, el sistema iAd basado en HTML5 podría proporcionar oportunidades para los diseñadores web

"Soy optimista sobre la posibilidad de interactividad en HTML5, a pesar de que las demostraciones como la Toy Story 3 Carrusel que mostró Jobs hubiera sido más fácil de hacer en Flash. La oportunidad no está necesariamente en el diseño, pero al hacer que exista esta interactividad con los estándares de Internet que se han probado y probado, y sin el uso de complementos ".

De vuelta en el navegador, los diseñadores no están unidos en cuanto a la optimización para iPad. "No veo la necesidad a menos que los propietarios de iPad sean su audiencia principal, aunque puedo garantizar que si hace que algo se vea bien en el iPad, aún se verá bien en una computadora de escritorio", argumenta Bains..

Proctor ofrece un punto de vista ligeramente diferente. "Diseñar específicamente para el iPad significa que los usuarios no se quedan en el regazo de los dioses". Eliminar la necesidad de hacer zoom para leer el texto o asegurarse de que se haya insertado el enlace correcto elimina otra barrera entre el usuario y el contenido.

"No desea que los usuarios tengan que ajustar conscientemente el comportamiento de visualización porque su contenido no llega en formato para un fácil consumo". Al trabajar en diseños, la naturaleza de la interfaz del iPad inevitablemente informará su trabajo.

"Cuando se usa un dedo y una pantalla táctil, se pierde el estado de desplazamiento", dice Proctor. "La ley de Fitts y el concepto de 'mousing' también necesitan una nueva consideración. ¿Serán los usuarios tan precisos con su dedo como el cursor del mouse? Un dedo no deja de moverse cuando se desliza más allá del borde de la pantalla, por lo que tiene enlaces importantes en el borde de la página puede no ayudar a colocar tales elementos al alcance de la mano ".

Ghoshal cree que vale la pena pensar en cómo las personas sostienen su dispositivo. "Recomiendo diseñar cualquier aplicación de iPad o sitio web para que se pueda navegar con los pulgares", dice. "En mi experiencia, la escritura y otras acciones que proporcionan control son más accionables cuando mis pulgares tienen acceso completo a los botones".

Sin embargo, en última instancia, la mayoría de los estilos de diseño y diseño provendrán del tipo de experiencia que el diseñador desea ofrecer, dice Ghoshal, quien refleja a muchos al considerar que los mejores sitios de iPad son aquellos que se parecen a las revistas de alta calidad..

"Las imágenes grandes, el texto hermoso, los titulares 'escaneables' - todo esto contribuye a la clase de experiencia que mantiene mi atención", dice. "Sin embargo, advierto contra sitios con mucho texto sobre un fondo blanco. La pantalla retroiluminada del iPad no está ganando ningún punto para el consumo de texto a largo plazo. Haga un favor a sus usuarios y mezcle fotos y videos para obtener menos experiencia agotadora ".