La explosión en la adopción de los usuarios de dispositivos móviles ha revolucionado la web. Aunque
el diseño para la web móvil a principios semejantes a diseño de sitios
web, debemos tener en cuenta algunas diferencias notables.
Por
un lado, las actuales redes de dispositivos móviles no se ejecutan en
la misma velocidad que los dispositivos de banda ancha.
Además,
también hay una gran variedad de formas en que nuestros diseños web
para móviles se muestran en, desde pantallas táctiles en los netbooks,
que hacen que incluso el más pequeño de los monitores de escritorio
parecen gigantes.
Algunos
podrían argumentar que va móvil no es necesario, sin embargo, sin
embargo, lo que nadie estará en desacuerdo con es que se trata de un
giro inevitable en la profesión de las personas que hacen y ejecutar
sitios web.
Si
usted está considerando el desarrollo de diseños de Web móvil (o
empujar una ya existente en la Web Móvil), este artículo le ayudará a
conseguir a los apretones con la tendencia creciente de diseño de
móviles.La entrega del diseño
Uno
de los primeros elementos que deben considerarse para producir un sitio
móvil dispositivo de fácil es la forma en que se entrega la
experiencia.Las complicaciones en el método de entrega
El
escenario ideal sería que cada dispositivo simplemente puede ampliar y
adaptar a su sitio web existente - y algunos dispositivos, tales como el iPhone, son capaces de hacerlo debido a su navegador web incorporado. Pero debido a los dispositivos para muchos por ahí, un diseño cruzado dispositivo móvil es difícil de hacer.
Si
pensabas que el desarrollo de sitios que funcionan en la mayoría de los
navegadores web como Internet Explorer, Firefox, Chrome y Safari fue
duro - intentar desarrollar una para los iPhones, BlackBerrys, Androids
Pres Palm, Motorola, aparatos, dispositivos de Nokia, y - la lista
aparece sin fondo !
Para los diseños web basados en escritorio, sólo tenía un lenguaje de marcas para hacer frente a: HTML. Pero
en la web móvil, también hay WML y plataformas, a continuación, como
iOS para los dispositivos de Apple y Android para dispositivos Android.
Las
complicaciones en MethodWML entrega para limitar nuestra creatividad en
el diseño, pero tenemos más flexibilidad en estos días.La adaptación de un diseño web de apoyo a los dispositivos móviles
Una
opción para empujar un sitio en la Web móvil es simplemente crear o
modificar el código existente y el diseño para trabajar correctamente en
dispositivos móviles, o la construcción a partir de cero con los
dispositivos móviles en mente.
Con
un poco de CSS3 (con preguntas de los medios), por ejemplo, puede
cambiar la escala de las dimensiones de su diseño en función del
dispositivo del usuario.
El problema es que - usted lo adivinó - no todos los dispositivos soportan CSS3. Así
que es posible que tenga que recurrir al uso del servidor de detección
de dispositivos (por ejemplo, las cabeceras HTTP para olfatear el agente
de usuario) o el uso de JavaScript (por ejemplo, modificar el DOM para
cambiar la escala de sus diseños). Pero una vez más, algunos dispositivos no admitan estas técnicas.
La
adaptación de un diseño web para apoyar DevicesMaking móvil a escala de
diseño existente en función de la vista es tan simple como unas pocas
líneas de CSS3.Redirigir a los usuarios móviles una versión móvil del sitio
Otro
método para la entrega de diseño de web movil es la construcción de un
diseño especialmente optimizado para dispositivos de mano. Usted puede construir usted mismo o utilizar un servicio web como Mobify.
En
comparación con el primer método, este es el mejor formato para la
entrega como se puede crear una experiencia específica para los usuarios
móviles sin quitar de la experiencia de los usuarios de escritorio.
Para que esto funcione, usted tendrá que dirigir el tráfico en su sitio web en función de agente de navegador del usuario. Por
ejemplo, si un usuario del dispositivo móvil visite tu sitio web
(yousitename.com), entonces será automáticamente redirigido a, por
ejemplo, o mobile.yoursitename.com m.yoursitesname.com.
La
adaptación de un diseño web para apoyar móvil DevicesA sitio móvil por
separado puede significar exprimir los bytes adicionales para hacer más
rápido.Consejos para la redirección de
Sea cual sea la ruta que usted decide ir hacia abajo, es importante que:
Los visitantes saben que una versión para móviles de usar de su sitio está disponible
Los visitantes pueden elegir entre una versión móvil o la versión normal
Mientras
que la fuerza reorientar o cambiar el diseño de sus usuarios finales,
puede parecer una buena idea, que puede conducir a frustraciones, por lo
que no debe haber formas en que un usuario del dispositivo móvil se
puede ver el diseño del sitio normal, y viceversa.
Una solución sencilla sería la de proporcionar un link que dirige a cualquiera de las versiones de una página web. Por
ejemplo, en Six Revisions, usted puede encontrar un enlace a la versión
móvil (m.sixrevisions.com) en el pie de la página web regularmente, ya
la inversa, un enlace a la página web regularmente se proporciona en el
pie de página en la versión móvil. Tanto si eres un usuario del dispositivo móvil o un usuario de escritorio, usted tiene acceso a ambos sitios.