Tecnología

Inicio

Cómo construir un sitio web compatible con iPad

De vuelta en el día, cuando todo el mundo miraba a la Web en un equipo, lo único importante en el diseño Web era agradable imágenes y vínculos de trabajo. Pero el diseño web ha cambiado mucho desde los primeros días de Internet, y hoy en día, alguien podría visitar sus sitios web a partir de cualquiera de los cientos de combinaciones de sistema operativo, navegador y dispositivo. Uno de estos dispositivos - IPAD - ofrece a los visitantes una hermosa manera de navegar por la web, pero puede ser difícil de optimizar un sitio para su visualización en un iPad.

Resolución de la pantalla del iPad

En 1024 píxeles de ancho, el iPad tiene una resolución de pantalla nativa muy similar a un ordenador portátil o de sobremesa. Si bien esto debería hacer que el diseño de un sitio web sencillo para iPad, el iPad ofrece una vuelta de tuerca. Se puede activar, y la pantalla se pone con ella. Entonces, usted tiene una pantalla que es 1024 píxeles de alto, pero sólo 768 píxeles de ancho. Su sitio web se derramará repente a un lado, dejando al usuario deslizar su iPad para ver la totalidad de su sitio.

Diseño de respuesta

Debido a la naturaleza de los dispositivos como el iPad, que utilizan sitios web de tecnología de pantalla-rotación y la fuerza para mostrar en cualquier orientación que el usuario está sosteniendo el dispositivo, los diseñadores Web han tenido que crear nuevas normas para el diseño. "Diseño de respuesta" se refiere a un sitio web que utiliza CSS y Java para reducir o aumentar el diseño del sitio basado en el dispositivo que está viendo la misma. Si está utilizando un sistema de gestión de contenidos como WordPress, Drupal o Joomla, buscar temas sensibles o instalar plugins sitio móviles y complementos para hacer que su sitio de escala a su pantalla.

usabilidad

La segunda diferencia clave entre la visualización de su sitio web en el ordenador y en un iPad es que los usuarios de iPad no tienen la precisión de un puntero de ratón para interactuar con su sitio. Téngalo en cuenta al desarrollar el sitio: pequeños menús con submenús de docenas serán imposibles de navegar en un iPad. La fuente que utiliza debe ser lo suficientemente grande y proveer suficiente espacio entre los enlaces que faciliten enlaces en el texto, y las barras laterales y los botones debe ser tangible. Puede probar la usabilidad de su sitio con iPadPeek, que mostrará su sitio en un navegador de iPad, para ver cómo las fuentes de pantalla (ver Recursos).

vídeos

El iPad utiliza una versión móvil del navegador Safari, que tiene un problema conocido que impulsa a los desarrolladores Web salvaje: no hay flash. Flash fue una vez que el Web-estándar de vídeo en línea, pero la popularidad de los dispositivos móviles de Apple, que no lo soportan y no ofrecen la posibilidad de descargar un plugin, es forzar Estándares web lejos de flash hacia vídeo compatible con HTML5 el uso de jugadores como YouTube y Vimeo. Una vez más, se puede comprobar cómo los vídeos de su sitio de exhibición utilizando iPadPeek, o simplemente pueden utilizar YouTube o Vimeo código de inserción para asegurar la compatibilidad.