Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Adaptar el contenido de las páginas al tamaño de las pantallas

Adaptar el contenido de las páginas al tamaño de las pantallas

Escrito por Marc Sanmartí el 22 May 2006

Una de las ventajas que ofrece Internet frente a otros medios de comunicación es la capacidad para presentar y gestionar grandes cantidades de información. Pero a veces, esto se traduce en páginas sobrecargadas que dificultan el proceso de búsqueda y desorientan a los usuarios, perdiéndose todos los beneficios que este medio ofrece. En estos casos, simplificar el contenido de las páginas y organizar adecuadamente la información ayuda a los usuarios a localizar el contenido relevante y mejora la experiencia de usuario.

Sin embargo, es con los dispositivos de tamaños de pantallas más reducidos, como los móviles, donde adquiere más importancia simplificar el contenido de las páginas. Muchas entidades han optado por ofrecer una versión distinta según el dispositivo con el cual se accede al sitio.

Las siguientes imágenes corresponden a la información corporativa que ofrece Vodafone en la web y la misma información adaptada para el móvil.


Información corporativa de Vodafone vista con un navegador desde un PC:


Información corporativa de Vodafone adaptada para móviles vista con un navegador desde un PC:



Como se puede observar existe una gran diferencia entre el contenido de la primera página y la segunda. Generalmente en las páginas adaptadas para móviles se ofrecen pocas imágenes y elementos de color, y el texto desempeña un papel fundamental en la comunicación.

En Mobile Web Best Practices, W3C ofrece guías básicas de diseño para adaptar el contenido de las páginas web a los dispositivos móviles. Algunas de las recomendaciones que sugieren son:

  • Utilizar títulos de página cortos y descriptivos
  • Utilizar un lenguaje simple y claro
  • Ofrecer únicamente la información solicitada
  • Ofrecer páginas de un tamaño limitado
  • Anteponer la información relevante a la adicional
  • No usar imágenes grandes o de alta resolución si no es estrictamente necesario
  • No usar el color como única variable para transmitir una información

En Los mensajes de texto en los servicios financieros: la Banca SMS profundizamos en la importancia de la edición de los textos en las aplicaciones para móviles para favorecer la usabilidad y sugerimos recomendaciones para implementar los mensajes de texto en los servicios financieros.



Comentarios (1)

torresburrieltorresburriel dijo el 22 May 2006:

Lo que echo un poco de menos en esto de la web móvil es alguna tabla comparativa, o alguna referencia de los agentes de usuario disponibles para por lo menos poder tratar de contar con un banco de pruebas mínimamente fiable.



Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.