Elija una estrategia móvil de diseño web
Su enfoque para el diseño de un sitio web móvil depende de su contenido del sitio, sus recursos y su público. Los siguientes consejos pueden ayudarle a entender las posibles estrategias de diseño web móvil y elegir uno que funcione para usted:
Video: Curso Firefox OS - Capítulo 5: Frameworks de diseño web móvil
Crear una versión simple de su sitio: Esta estrategia asegura que el mayor número de visitantes a su sitio, al menos, puede obtener la información más importante en su sitio (como su número de teléfono cuando están en su camino a su oficina). Asegúrese de que el diseño trabaja en incluso de gama baja de dispositivos móviles y enlazar con él desde su sitio de escritorio. El sitio web http://mobilynx.net, se muestra en la figura, está diseñado para funcionar en una variedad de dispositivos móviles y proporciona una colección organizada de enlaces a otros sitios diseñados para la Web móvil.
Diseñar múltiples versiones: Muchos diseñadores crear diferentes versiones de un sitio web y los visitantes a continuación, directos de forma automática a la versión que mejor se ha optimizado para su tamaño de pantalla y las funciones compatibles con su teléfono o dispositivos.
Si usted tiene el tiempo, experiencia, o el presupuesto, el diseño de las diferentes versiones de su sitio web, cada uno optimizado para los diferentes tamaños y capacidades de los diferentes dispositivos, es la mejor estrategia.
Utilice la adaptación de contenido: Básicamente, se crea un diseño de sitios web y luego adaptarlo a cada dispositivo. Así, la estructura básica del sitio será el mismo en todos los dispositivos, pero los elementos específicos, como los tamaños de imagen o la aparición de vídeos cambiará en función de lo que el dispositivo puede soportar.
Video: build.phonegap.com - Convierte páginas web en aplicaciones móviles
Al desarrollar un sitio utilizando el enfoque de adaptación de contenido, es una buena práctica empezar por crear una estructura metálica, una especie de modelo para el diseño de su sitio, como se muestra en la figura
Diseñar una versión de gama alta: Esto funciona si conoce sus visitantes utilizan principalmente un iPhone de gama alta o Droid, el nombre utilizado para los teléfonos que funcionan con el sistema operativo Android de Google. sitio Web de Fotografía de Jasper Johal, que se muestra en la figura, se ve bien en un iPhone y un ordenador de sobremesa.