Una lista de verificación de los 5 Pasos para el Diseño de Sitio Web Móvil
en August 27th, 2011 Publicado en Web móvil | Consejos | instrumentos | Diseño Web 0As el número de personas que navegan por la web desde dispositivos móviles aumenta, la demanda para los sitios web que responden a los dispositivos de sobretensiones. Y todavÃa hay sitios web que no están equipados con las herramientas necesarias para responder a los cambios, ya sea la falta de información o simplemente no tuvieron ni tiempo ni dinero para mejorar. El proceso de optimización de su sitio web para un dispositivo móvil no es realmente tan difÃcil como parece, pero a sabiendas de los pasos en la creación de un sitio web para móviles efectiva puede ser la diferencia entre el éxito y el fracaso. En este artÃculo le guiará a través de cinco puestos de control fundamental a tener en cuenta en la creación de su sitio web para móviles. Siéntase libre de dejar comentarios si usted siente que ha perdido importantes pasos, o si desea tocar a ninguno de ellos.
Elija el marcado de Derecho
En breve, marcado hará que el contenido legible por los navegadores móviles. En la creación de su sitio web para móviles, es importante elegir un lenguaje de marcado y se adhieren a ella. Explorar las necesidades de sus clientes en la elección del más adecuado que mejor se adapte a sus demandas. ¿Cómo hace usted para elegir el lenguaje adecuado para el usuario? Estos son los idiomas básicos por debajo de, junto con sus principales ventajas / limitaciones.
WML
- WML (Wireless Markup Language) es un lenguaje usado para hacer que los sitios móviles listos.
- Sitios que ofrecen servicios de correo electrónico, resultados deportivos, y un servicio de calendario son los que más pueden beneficiarse de tener WML
- WML es utilizado por los sistemas de legado o de los sitios destinados a los usuarios con teléfonos de gama baja como el Nokia.
- Si el cliente utiliza una base, teléfono accesible como el Nokia, WML es el mejor lenguaje de marcado para usted.
XHTML
- XHTML es el lenguaje de programación diseñado especÃficamente para teléfonos móviles.
- La mayorÃa de los teléfonos de los navegadores soportan este lenguaje, y se ha convertido en el idioma predominante de la banda.
- XHTML-MP es una modularización de XHTML, y es básicamente indistinguible de ella.
- Si usted está diseñando un dispositivo de avanzada, tales como el iPhone, XHTML es preferible a XHTML-MP.
Al decidir entre los dos, tener acceso a análisis de su sitio para ver qué dispositivos están usando sus visitantes.
Conocer su dispositivo
Aparte de los lenguajes de marcado, Los teléfonos móviles son muy diferentes en capacidades de representación en todos los navegadores. Al igual que con IE6, Safari, y Firefox tienen diferencias extremas, los teléfonos móviles son un dispositivo completamente diferente que tiene que dar cuenta de. Y puesto que hay muchas formas y tamaños en el mercado, hace que la tarea aún más complicada.
- Los tamaños más comunes son la pantalla 128 x 160, 320 x 480, 176 x 220, 240 x 320
- Aunque muchas personas tienen su sitio web para ajustar automáticamente los dispositivos de mano, a otros a crear un sitio web para móviles a partir de cero. Servicios web, tales como Mobify hacer esto posible.
- Este suele ser el mejor método, como se puede crear un sitio personalizado orientado especÃficamente a los usuarios móviles, al tiempo que permite a los visitantes web tradicionales para acceder a su sitio completo.
- Para evitar la frustración del usuario, incluir enlaces en el pie de su sitio web a la versión móvil de su sitio, y viceversa. De esta manera los visitantes conocer tanto están disponibles, aliviar el estrés de lo desconocido.
La ampliación de Down su página web
Una táctica común para aquellos que diseñar para la web móvil es sólo para escalar hasta su sitio existente para adaptarse a los parámetros de un dispositivo móvil. Esta práctica es contraproducente, como el usuario móvil está visitando su sitio web para acceder a información especÃfica lo más pronto posible. Asimismo, recuerda que muchos dispositivos móviles utilizan tecnologÃa de pantalla táctil para el diseño de su interfaz de usuario a su alrededor es que vale la pena. En la determinación de qué incluir en su sitio web para móviles, en cuenta lo siguiente:
- Eliminar cualquier copia que no es importante para el visitante móvil
- Reducir la cantidad de elementos de navegación para los visitantes sólo tu móvil necesita para acceder sobre la marcha.
- Aumentar el tamaño de su texto a un nivel de lectura, enlaces se recomienda que sea 32 pÃxeles para dar cuenta de la yema del dedo humano.
- Diseño de interfaz de usuario grandes elementos. Etiqueta de usuarios móviles y arrastrar por lo que debe acomodarse a su alcance.
- Optimizar entradas del blog con la paginación para hacer espuma y la lectura más natural.
- Quitar animaciones innecesarias o imágenes a medida que se carga por el tiempo de carga de la página web.
- En su caso, Preguntas de los medios se pueden utilizar para escalar una imagen adecuada en todos los dispositivos de navegación.
Usabilidad
Mejorar su usabilidad web móvil, incluyendo sólo la información pertinente que un usuario móvil necesita mientras está en movimiento. Hay que tener en cuenta que la navegación de un sitio web a través de un dispositivo móvil presenta sus propios desafÃos. Y mientras que los teléfonos como el iPhone y Android se han hecho grandes progresos en la mejora de la usabilidad web para sus clientes, no todos los teléfonos facilitar la tarea. Estos son algunos consejos a tener en cuenta con respecto a la usabilidad de sitios web para móviles:
- Los teléfonos más antiguos no son capaces de desplazarse a la izquierda y la derecha, dejando que el usuario no puede navegar por una página web completa.
- Si su sitio web requiere una gran cantidad de tabulación y haga clic en, la navegación en un teléfono móvil se convierte en un reto.
- En la creación de su sitio web para móviles, centrarse en las caracterÃsticas principales que los usuarios móviles es probable que en busca de. Estas caracterÃsticas pueden ser información de contacto y localizadores de tiendas.
- Como se mencionó anteriormente, enlaces debe estar alrededor de 32 pÃxeles para dar cuenta de la yema del dedo humano. Formas de contacto también debe ajustarse a la vista.
- Pon a prueba tu Sitio Web. Su diseño puede parecer grande en un solo dispositivo, pero ligeramente diferente en otra. Emuladores en lÃnea le permite ver lo que su sitio se verÃa en los diferentes dispositivos.
Añadir su sitio web móvil
Hay pocas maneras diferentes para agregar una versión móvil de su sitio web para tu dominio. Por ejemplo, puede crear un subdominio de su dominio principal que alberga su sitio móvil. Por ejemplo, mobile.yoursite.com y yoursite.mobi. En cualquier caso, muchos de los espectadores todavÃa alcanzar el dominio principal al escribir en su url. En este caso se puede:
- Enrutar el tráfico a su sitio en función de agente de navegación del espectador. Si visitan yoursitename.com, que automáticamente se puede redirigir a mobile.yoursite.com, por ejemplo.
Conclusión
En este artÃculo he hablado de los puntos de control clave a tener en cuenta en la creación de su sitio web para móviles. En la web se expande, lo mismo ocurre con los dispositivos y la tecnologÃa utilizada para acceder a ella. Atrás han quedado los dÃas en los que hemos tenido que preocuparse de cómo nuestro sitio hace en Internet Explorer. Estos nuevos avances en la tecnologÃa ofrece más oportunidades de apreciar y obtener el máximo provecho de la web. Es nuestro trabajo hacer esto lo más fácil posible para aquellos que deseen subir a bordo.














