Los dispositivos móviles

La forma correcta de crear sitios web para móviles

La industria de desarrollo web en la actualidad está experimentando cambios significativos en los requerimientos de clientes debido a la tendencia creciente de la tecnología móvil. Sitios web basado en móviles se está convirtiendo en el centro de todos los proyectos de desarrollo. Empresas de todo el mundo están descubriendo los beneficios de ofrecer sus productos y servicios en línea a través de plataformas móviles como iOS, Android, Windows Phone y BlackBerry.

Pero un verdadero sitio de web móvil no es simplemente una versión mayor de escritorio web. Sitios web móviles debían ser optimizado para pantallas de menor tamaño, procesadores de baja capacidad y navegaciones de pantalla táctil basada. También, existen diferencias entre sitios web móviles y aplicaciones web móviles. Una respuesta en wiki.answers.com con el título "Diferencias entre sitios web móviles y aplicaciones web móviles?" ofrece una clara diferencia entre páginas móviles y aplicaciones web móviles. Algunos puntos importantes son los siguientes:

• Aplicaciones de web pueden descargarse, mientras que los sitios web móviles se puede acceder mediante el navegador del teléfono.

• Una aplicación es un software diseñado para usos específicos, mientras que el sitio web es simplemente una página o un conjunto de páginas.

• Todas las web apps son técnicamente sitios web pero no todos los sitios web son aplicaciones web.

• El propósito del sitio web es presentar la información, mientras que aplicaciones web son utilizados como una herramienta para realizar tareas específicas.

Como se mencionó anteriormente, sitios web móviles no debe también ser confundir con sitios web desktop. Sin embargo, usan tecnologías similares como HTML, HTML5, JavaScript y CSS pero en diferentes plataformas. Aquí hay cinco grandes diferencias entre sitios Web de la plataforma móvil y plataforma de escritorio.

• Pantallas de menor tamaño crean nuevo diseño y desarrollo relacionados con retos, considerando que es bastante fácil de implementar sitios web para escritorio.

Dispositivos móviles • utilizan la capacidad limitada de hardware que los dispositivos de escritorio.

• Diseño navegaciones para la pantalla táctil es completamente diferente de diseño navegaciones para teclado y ratón.

• Métodos de entrada deben ser adaptado especialmente para smartphones y tablets.

• Conexión a Internet en dispositivos móviles no es siempre confiable y así la transferencia de datos puede ser más lento.

Estos cinco son cuestiones importantes y cada desarrollo web móvil debe considerarse cuidadosamente estas cuestiones antes de ser diseñado, desarrollado y desplegado.

Al abordar los puntos antes mencionados, los desarrolladores de la web móvil pueden mejorar sus proyectos en los siguientes lugares:

Tamaño de los archivos

Porque los dispositivos móviles con capacidad de procesamiento limitada y la memoria, tanto de front-end y back-end de un sitio web móvil son también supone utilizar archivo limitada tamaños. Tamaños de archivo más pequeños no causan problema de conectividad. Con archivos más pequeños, páginas rápidamente ser cargados y en los dispositivos.

Tamaños de imagen

Si es posible, evite utilizar demasiadas imágenes. Imágenes ocupan demasiado espacio mientras que los dispositivos más pequeños no pueden asignar memoria suficiente para todos los casos. Adobe Fireworks y ImageAlpha son dos excelentes herramientas para comprimir imágenes para sitios web móviles.

CSS3

Navegadores móviles han evolucionado en gran medida, y así sitios web usando CSS3 son las normas. CSS3 es capaz de manejar elementos HTML con facilidad, especialmente para dispositivos móviles.

Experiencia fuera de línea

Conectividad de red difiere de una a otra área y a veces, completamente puede caer. Así que un sitio web debe planificarse para ofrecer la experiencia del usuario fuera de línea. Puede ofrecer a los usuarios algún tipo de compromiso fuera de línea que funciona incluso sin internet. Puede traer funcionalidad fuera de línea en un sitio web de HTML5.