Diseño web mobile: no olvidemos los teléfonos celulares

via Buenos Aires de Diseño by Irene on 12/9/09


Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una version especialmente diseñada para ellos.
Páginas más livianas, sin imágenes, textos acortados, opción para volver a la versión original son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.
Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una versión adaptada del sitio.

Páginas más livianas, sin imágenes, textos acortados son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.

Hay que bajar las pretensiones al mínimo ya que hay decenas de navegadores y muchísimos dispositivos diferentes, por lo cual la flexibilidad es protagonista.

Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

En A list apart nos dan sugerencias de como incorporar la plantilla, ya que algunos dispositivos no reconocen el media="handheld".

Algunas pruebas que pueden hacerse:

  1. Eliminar la hoja de estilos: algunos dispositivos no las soportan y de esta manera veremos cómo se mostrará en ellos.
  2. Redimensionar la pantalla para verla en los dispositivos que si las aceptan: algunos tamaños son
    • 240 x 160 pixeles
    • 320  x 240 px
    • 176 x 208 px
  3. Instalando el Ópera, se puede utilizar la opción ’simular pantalla pequeña’.
  4. Mediante emuladores

Algunos de los consejos de la W3C que pueden leerse en Buenas Prácticas en Web Móvil son:

Para WordPress hay plugins que facilitan la tarea. Con sólo activarlos tendremos una versión funcional. Hay algunos que permiten configurar la visualización de posts, imágenes, extractos, etc.

  1. WordPress Mobile Edition
  2. WordPressMobile.mobi
  3. WordPress Mobile Pack
  4. MobilePress
  5. Mobile Admin
  6. Mobilize
  7. WPhone Admin Plug-in
  8. Mowser
  9. Wetomo WordPress to Mobile
  10. WP viewMobile

Más información

10 wordpress mobile plugins

Return of the mobile stylesheet

W3C mobileOK Basic Tests 1.0

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: