Diseño web para iPad

Escrito el 08 septiembre 2010 por Sebastián Thüer

A medida que los dispositivos táctiles avanzan las formas de navegar e interactuar se van transformando. En Xperience Consulting presentan 10 recomendaciones para diseñar una web para un iPad con una serie de cuestiones a tener en cuenta cuando creamos sitios web para este dispositivo. Más allá de algunas lo técnico es interesante analizar los principios que hay detrás en el diseño interactivo. Se me ocurren algunos:

  • Reducción de los sistemas simbólicos: El mouse y el puntero son dispositivos que median nuestra interacción con la información. Por más que nos resulten familiares, en cierta forma, suplantan nuestro cuerpo y ‘tocamos’ los elementos con un puntero digital que responde al movimiento que realizamos sobre el objeto mouse. Tocar con la mano es mucho más directo, por cual la propensión a desplazarnos es mayor. El iPad ni siquiera tiene barra de scroll (otro elementos simbólico), simplemente nos movemos con nuestros dedos. También la tentación de hacer zoom es mayor, como si quisiéramos acercar el elemento que visualizamos.
  • Aumento de la impresición: Los dedos son mucho más torpes que el delicado ángulo del puntero del mouse. Por lo tanto, necesitamos un margen de error mayor y lograr que el área sensible de un objeto tenga como mínimo el tamaño de la yema de un dedo. Grupos de enlaces amontonados, botones apretados o iconos pegados son una invitación al error.
  • Maleabilidad: Mientras que los monitores son elementos estables, los dispositivos manuales pueden ser sujetados de muchas formas y en situaciones diversas. Apple entendió perfectamente esto e incluyó en el iPhone y iPad sensores de orientación para saber si el dispositivo está sujetado a lo largo o a su ancho. El diseño tiene que verse bien en ambas situaciones.
  • Cautividad: Apple impone sus criterios y establecer lo que se puede hacer o no en sus dipositivos. Hay que renunciar a Flash y usar los codecs de videos que Apple decida incluir. Probablemente la competencia sea bastante más flexible pero por el momento quien marca la pauta y establece el estándar del sector -como ocurría hace algún tiempo con Microsoft- es la firma de Steve Jobs.

Actualización 10/09/2010: Slides con la presentación de Xperience Consulting

Gracias Irene por el enlace ;)

¿Algo más a tener en cuenta? ¿Agregarías o quitarías algo de esta lista?

Foto por Jared Earle con licencia Creative Commons.

8 Comentarios Sobre Este Post — Agregar tu comentario

  1. Santiago - diseño web

    # 1 septiembre 9th, 2010

    Gran informacion.. gracias!

  2. Sebastián Thüer

    # 2 septiembre 10th, 2010

    @Santiago: Gracias por tu comentario, el mérito es de la gente de Xperience Consulting ;)

  3. diseño web

    # 3 septiembre 11th, 2010

    gracias por esta información, ahora hay que tener en cuenta todos estos detalles para con los avances tecnológicos

  4. diseño web

    # 4 septiembre 29th, 2010

    muy interesante esta informacion de dieseño web para el ipad lastima que todavia no tengo un ipad para probar el diseño

  5. Sebastián Thüer

    # 5 septiembre 29th, 2010

    Sí, con los precios que tiene somos varios ya en esa situación.

  6. Paisajista

    # 6 febrero 12th, 2011

    muy buena la informacion interesante..
    gracias por compartir!!

  7. Sebastián Thüer

    # 7 febrero 13th, 2011

    De nada, gracias por comentar!

  8. La verdad es un mercado potencial el cual el que apuesta fuertemente puede salir muy beneficiado!Saludos y gracias por la informacion


Una Referencia A Este Post

  1. Bitacoras.com

    septiembre 8th, 2010

    Información Bitacoras.com…

    Valora en Bitacoras.com: A medida que los dispositivos táctiles avanzan las formas de navegar e interactuar se van transformando. En Xperience Consulting presentan 10 recomendaciones para diseñar una web para un iPad con una serie de cuestiones a ten…..


Dejar una Respuesta