Desarrollo Web para smartphones

 Fuente: http://www.divum.es/ Autor: Esteban González Cervantes

Con la aparición de los Smartphones, son cada día más las personas que consultan y acceden a información desde estos sistemas. La facilidad de conexión en cualquier momento hace necesario no olvidarse de estos dispositivos y adaptar nuestros proyectos a sus peculiares características para facilitar la accesibilidad.

Actualmente, según “Information Week”, el año pasado se realizaron una 1,5 millones de búsquedas desde móviles y existen 61,5 millones de smartphones o teléfonos inteligentes en uso en la actualidad. Es por eso que es importante optimizar el website para ser accesible desde estos aparatos, permitir visionar el web con comodidad en una pantalla reducida y teniendo en cuenta las conexiones de los móviles a internet.

Por tanto en este artículo voy a explicar algunos pasos a seguir para ayudarnos en esta tarea.

Primero: Detectar de donde viene la visita

Es importante detectar si la visita procede de uno de estos smartphones para poder actuar en consecuencia. Para esta situación podemos obtener el código necesario en webs como http://detectmobilebrowser.com/ donde podremos generar el script necesario para redirigir al visitante en función del dispositivo con el cual visita la web.

Segundo: Crear un dominio específico para móviles

Está extendido el uso del subdominio m. para alojar tu aplicación web para móviles. Es por ello que se recomienda que la web para smarthphones/móviles esté alojada en direcciones del estilo http://m.divum.es.

Otra alterntiva a usar un subdominio es indicar mediante una hoja de estilos (media=”handheld”) que muestre el diseño adaptado al móvil. Pero quizás, es mejor utilizar la alternativa del subdominio m. ya que es una de las opciones más estandarizadas y donde la mayoría de los profesionales buscarán.

Tercero: Utilizar las recomendaciones del W3C

Es importante que nuestra aplicación sea flexible y adaptable, de manera que tanto textos como dimensiones guarden una proporción dinámica mediante porcentajes haciendo así que el contenido se adapte a las dimensiones de la pantalla. Además es importante eliminar todo aquello superfluo que no tiene nada que ver con la información que queremos dar. Para ayudarte a validar tu código puedes hacer servir el servicio de W3C http://validator.w3.org/mobile/ y así mirar de cumplir con los estándares.

Otra opción para validar tu web es utilizar MobiReady que te ayudará a evaluar si tu web cumple con los estándares actuales. http://ready.mobi/launch.jsp?locale=en_EN

Cuarto: Controlar el peso de la web

Tenemos que tener en cuenta que no siempre las conexiones con smartphones son todo lo rápidas que se querría. Es por ello que interesa optimizar tu web controlando el peso de esta y de las imágenes que pueda contener. No podemos tener al visitante esperando mucho porque se convertiría en una fuga de la visita.

Quinto: Probar los resultados

Antes de finalizar y dar por buena cualquier web para móviles inteligentes, es importante probar y probar en diferentes dispositivos el resultado y el funcionamiento para asegurarnos que es lo más accesible posible. Para ello no es necesario disponer de diferentes marcas de smartphones, lógicamente, si no que disponemos de diferentes herramientas en internet para poder hacer estas evaluaciones.

• http://www.operamini.com/
  Es una descarga que te permite visualizar tus trabajos sin necesidad de tener que utilizar tu móvil 
• http://emulator.mtld.mobi/emulator.php
  Es un emulador de Nokia N70 Y Sony K750
• http://google.com/gwt/n
  Herramienta de google para ver la web móvil.
• http://iphoney.softonic.com/mac
  Se trata de una interfaz que te puedes descargar y te permite visualizar como se vería tu web desde un iphone
• http://ipadpeek.com/
  Esta herramienta web te permite ver cómo quedará tu web en un ipad

Comparte: