Diseñar una página web para dispositivos móviles

X

Hola! Si estás nuevo por aquí y te gusta lo que ves, puedes disfrutar de una actualización automática y gratuita por RSS para leer nuestros artículos completos cuando lo deseas en tu lector RSS favorito.

Cuando diseñamos para dispositivos móviles debemos tener en cuenta:

• Tamaño de la pantalla.
• Limitaciones de memoria.
• Ausencia de ratón, en su lugar uso intensivo de teclado, o pantallas touch.
• Utiliza una red inalámbrica y costo de la navegación.
• Explotar características propias de los dispositivos móviles.

Tamaño de la pantalla

Esta elemento es el más visible a la hora de diseñar para móviles. Demos considerar que la resolucíón es muy variada, desde los 96×65 pixels hasta dispositivos de 800×480.

Por ello nuestro diseño debe ser fluido, es decir que se adapte a cualquier resolución, para ello debemos usar porcentajes en lugar de dimensiones fijas.

Tambien debemos considerar que ha diferencia de un computador, la pantalla de un móvil tiende a ser más alargada, es por ello que el “layout” de la página debe adaptarse a este hecho. En lugar de disponer los elementos horizontalmente debemos hacerlo verticalmente.

Limitaciones de memoria

La memoria de un dispositivo móvil es considerablemente menor de la que disponemos en un computador normal. Si nuestra página es pesada lo más probable es que el dispositivo sobre pase su capacidad y se quede colgado, por tanto es crítico considerar este elemento, pues si lo pasamos por alto simplemente nuestra página no funcionará. El tamaño recomendado para una página es 7782 bytes

Ausencia de ratón, en su lugar uso intensivo de teclado, o pantallas touch.

La interacción entre el dispositivo y el usuario, es muy diferente respecto al computador. En los dispositivos móviles se usa principalmente el teclado, además disponemos de otros periféricos, como pantallas táctiles y joystick.

Es indispensable poner atajos de teclado, para facilitar la usabilidad de la página. Para esto podemos usar:
{code}<a accesskey=”1″ href=”#”>Link</a>{/code}

Utiliza una red inalámbrica y costo de la navegación

Los dispositivos móviles navegan usando un red inalámbrica, la cual nos ofrece movilidad, pero aun es inestrable, insegura y costosa.

Generalmente las operadoras ofrecen el servicio de Internet, con planes que se basan en la cantidad de datos transferidos en lugar del tiempo que se usa. Por ello debemos tratar reducir el número de páginas y pasos para llegar a la información

Explotar características propias de los dispositivos móviles

Hasta el momento hemos hablado de las complicaciones que involucra diseñar para dispositivos móviles, pero debemos tomar en cuenta que existen grandes ventajas. Es por ello que no debemos limitarnos a adaptar la presentación de nuestra página debemos explotar sus virtudes, geolocalización, sensibilidad de orientación, disponibilidad de cámara, acceso desde cualquier lugar, mayor atención, etc.

Lectura recomendada: BlackBerry Browser – 4.6.0 – Content Design Guidelines

Otros post

• Posturas correctas cuando estamos en el computador
• Encuesta para WordPress
• Ejecutar comando en segundo plano Linux
• Obtener pais en función de dirección IP
• Crear templates para Mambo o Joomla

Este post ha sido visto 8069 veces

Escrito por: Pablo Veintimilla