Home > Blog > Cómo hacer diseños para los distintos tamaños de pantalla de móvil

Cómo hacer diseños para los distintos tamaños de pantalla de móvil

Publicado el 13/03/09
por Ricardo Gil

Hoy estoy incidiendo bastante con el tema del diseño para móviles, desde primera hora he twitteado dos enlaces muy interesantes:

Y también me gustaría destacar el artículo de Bryan Rieger en Effective Design en el que explica cómo podemos diseñar webs para los distintos tamaños de pantalla en dispositivos móviles.

A la hora de crear una versión para móvil de nuestra página web vamos a encontrarnos con una enorme cantidad de dificultades, que van desde el renderizado de los navegadores móviles, así como la variedad de estos (Opera Mini, Safari, IE Mobile, Symbian Browser, etc…), sus diferentes versiones y cómo no, las pantallas, resoluciones y la densidad de píxeles (ppi).

Bryan Rieger nos da una serie de pistas muy interesantes a la hora de trabajar, utilizando para ellos capturas de pantalla de varios dispositivos (iPhone, Nokia 5800, Nokia N96, Nokia 6680), además de estadísticas de uso.

Y nos brinda una serie de estrategias a seguir:

  1. Definir grupos de dispositivos.
  2. Crear un diseño de referencia por defecto
  3. Definir reglas para la adaptación de contenido y diseño
  4. Optar por los estándares web y un layout flexible

Está claro, que en el diseño web móvil no podemos centrarnos, en un dispositivo por defecto.  La variedad es muy grande y debemos tener en cuenta a todos.

Artículos relacionados

¿Y ahora qué?

Por favor deja tu comentario, queremos saber tu opinión sobre este artículo. Trackback URL: Cómo hacer diseños para los distintos tamaños de pantalla de móvil.