Tecnología

Inicio

Cómo crear un sitio para la visualización móvil

Cómo crear un sitio para la visualización móvil


La informática móvil continúa creciendo a un ritmo sin precedentes. Los sitios web necesitan para proporcionar el contenido que está optimizado para estos dispositivos. Los sitios web que se adaptan con éxito para el usuario móvil siguen un conjunto de mejores prácticas para crear una experiencia de navegación móvil agradable. Estas mejores prácticas se ajustan a ser aún más importante ya que este segmento de consumidores sigue creciendo.

Instrucciones

1 páginas de diseño con una resolución de destino de 480 píxeles por 320 píxeles. Conocido como "la mitad VGA," más bajo a mediados de mercado de los teléfonos inteligentes contenido de la pantalla en esta resolución. Creación de páginas a resoluciones más bajas aumenta la legibilidad mientras que disminuye la necesidad de acercar y alejar de la página.

2 Mantenga página de gráficos a un mínimo. Los diseñadores a menudo quieren poner la mayor cantidad posible de gráficos en una página, para maximizar el atractivo estético. En una conexión de banda ancha móvil, esto se traduce a ralentizar la velocidad de descarga, lo que aumenta el tiempo que tarda en presentar una página. Por otra parte, los más gráficos en una página, la memoria de vídeo en la página más consume. En los dispositivos móviles, esto hará que la página de desplazamiento entrecortado y una experiencia global de navegación desagradable.

3 Evitar tecnologías propietarias como Flash y PDF. Mientras que estas adiciones funcionan muy bien para la web convencional, la mayoría de los teléfonos inteligentes no son compatibles con estas tecnologías. El uso de tecnologías patentadas sólo deja a los usuarios sin la posibilidad de ver contenido en un dispositivo móvil.

4 Escribir código de marcado limpio. Android, iPhone y BlackBerry cada HTML pantalla un poco diferente. Escribiendo código de marcado limpio y compatible con W3C garantiza la mejor interpretación posible en todos los dispositivos.

5 Utilice un generoso espacio blanco con diseños de página. El espacio en blanco es igual a una mayor legibilidad cuando se ve en la pequeña pantalla de resolución de un dispositivo móvil. Evitar la tendencia a meter tanto contenido como sea posible en una página.

6 Prueba el sitio web en dispositivos móviles reales. Las pruebas en un emulador es grande para tener una idea de cómo un sitio web se verá en un dispositivo, pero no hay nada como las pruebas basadas en hardware para obtener la mejor experiencia. Si es posible, prueba en un dispositivo Android, iPhone y BlackBerry antes del lanzamiento, ya que estos representan las tres mayores plataformas de computación móvil.