Cómo construir sitios web para Internet móvil

La reciente proliferación de teléfonos inteligentes ha tenido un impacto significativo en la estrategia de diseño web para operadores de sitios grandes y pequeños por igual. Más personas tienen acceso a contenido Web a través de sus dispositivos móviles que nunca. Los proveedores también están ofreciendo velocidades de acceso más rápidos, por lo que un contenido más rico posible. La mayoría de los dispositivos móviles tienen la capacidad de resolución de pantalla limitado, la memoria y del navegador. Los desarrolladores tienen que trabajar con estas limitaciones en mente.

Instrucciones

1 páginas de diseño dentro de las limitaciones de las resoluciones de pantalla móviles. Los dispositivos móviles, incluyendo iPhones antes de la cuarta generación, BlackBerrys y la mayoría de los teléfonos Android, dirigido a resoluciones de alrededor de la mitad del VGA, también llamados HVGA. resolución HVGA es de 480 x 320 píxeles. Páginas diseñadas con anchos significativamente más grandes se requieren desplazamiento vertical de la pantalla, o reducir el zoom tan lejos como para hacer que el texto ilegible.

2 Optimizar imágenes para resoluciones de pantalla móviles. Al igual que con anchos de página, imágenes que exceden en gran medida la resolución de la pantalla será necesario desplazarse para ver los detalles finos o el zoom a los pequeños tamaños para ver la imagen en su totalidad.

3 Evitar tablas anidadas y otros elementos de la página complejas. tablas anidadas en grandes páginas Web pueden ralentizar ordenadores de escritorio, incluso. Las tablas anidadas y elementos de página de complejidad similar consumen grandes cantidades de memoria de vídeo. Evitar estos elementos va a acelerar la renderización de páginas en el dispositivo móvil.

4 Utilice elementos de navegación de mayor tamaño. Los teléfonos inteligentes utilizan pantallas táctiles para navegar por las páginas Web. diminutos elementos gráficos y enlaces de texto hacen que la navegación en estos dispositivos difícil. Grande, botones y enlaces fáciles de grifo hacer la navegación mucho más fácil.

5 Coloque los elementos de formulario con un teléfono inteligente en mente. Los teléfonos inteligentes controlador de selección desplegable enumera más gracia. Evitar desplazarse por listas de selección y listas de selección múltiple. Estos pueden ser difíciles de utilizar en una pantalla táctil.

6 características de la tira que no tienen sentido en una plataforma móvil. Características que pueden estar disponibles en un sitio web estándar pueden no ser necesarios en un sitio web móvil. Orientar las características para el medio de distribución deseado.