consejos para disenar una web movil

Desde colores, texto, links, diseño y navegabilidad, son pautas importantes a la hora de diseñar una Web móvil.

  1. Resolución de pantalla
    Te mostramos las más utilizadas en algunos móviles:
    - 320×240: Blackberry (Curve 8530 y PearlFlip), Android (Motorola Charm, Sony Ericsson Xperia X10 Mini y otros) y Symbian OS (Nokia E63 y otros)
    - 320×480: Apple OS (iPhone y iPod) y Android (HTC Dream, HTC Hero, Droid Pro, i7500 Galaxy, Samsung Moment y otros)
    - 480×360: Blackberry (Torch, Storm y Bold)
    - 360×640: Symbian OS (Nokia N8, Nokia C6-01 y otros)
    - 480×800: Android (Liquid A1, HTC Desire, Nexus One, i9000 Galaxy S y otros), Maemo – Linux (Nokia 900 y otros), Windows Mobile 6 (Sharp S01SH) y Windows 7 Phone (Venue Pro, Samsung Omnia 7, HTC 7 Pro y otros)
    - 768×1024: iPad
    - 640×960: iPhone 4
    - 1280×800: Android (Motorola Xoom y Samsung Galaxy Tab 10.1) , Windows OS (Asus Eee Pad EP121) y Apple OS (Axiotron Modbook)
  2. El Scrolling debe ser vertical para facilitar la navegación en la Web, no incluyas otra dirección.
    Al diseñar la Web, ten en cuenta los colores y la simplicidad que debería caracterizarte para no incurrir en saturación.
  3. Entre menos imágenes utilices para la Web, más fácil será la descarga, te recomendamos que las imágenes mantengan un rango de 72 dpi, 640x960 px.
  4. Es importante que los colores que utilices para diseñar tu Web móvil sea de alto contaste ya que algunos dispositivos manejan el bajo contraste y si hay mucha luz, podría ser adecuado para leer con mucha iluminación.
  5. Prohibido las ventanas emergentes o el pop-ups ya que los navegadores móviles no lo soportan y podrían colapsar la navegabilidad.
  6. Para la navegación en un móvil, es apropiado utilizar muy bien los espacios del dispositivo con 80 caracteres y un tamaño de fuente de 14 y negrita en los titulares y lo suficientemente separados como para seleccionar con el dedo.
  7. Recuerda que algunos dispositivos móviles no aceptan Cookies o JavaScripts.
  8. Ten en cuenta que el peso de la página en total, incluyendo archivos adjuntos, no debe superar los 20kb.
  9. En vez de utilizar tamaños, implementa los porcentajes para que el texto se acomode en el 100% de la pantalla y sea mucho más fácil la navegación.