Diseño Web adaptado al iPhone

Diseño Web adaptado al iPhone

Versión para dispositivos móviles del web deviantart.com
Versión para dispositivos móviles del web deviantart.com

La proliferación de dispositivos móviles avanzados, PDA, HTC, iPod Touch o iPhone ha hecho que muchas Web tengan una versión de su Site adaptado en diseño y funcionalidad.

SmashingMagazing ha publicado un artículo muy interesante desvelando estas claves para hacer un Web adaptado al iPhone (y otros):

  • Claves para un sitio Web optimizado para dispositivos móviles:
    • Opciones Simples
    • Espacio Blanco
    • No muchas imágenes
    • Subdominios en lugar de dominios .mobi a parte
    • Contenido priorizado
    • Tamaño adaptado
    • Carga rápida
    • Mostrar lo esencial
    • Buen Código
    • Separar capa de presentación con un CSS
    • Añadir el atributo alt a las imágenes
    • Añadir etiquetas a los campos de formulario
    • Usar encabezados (h1, h2, etc)
    • Añadir diseños flotantes
    • Reducir los márgenes y padding
    • Prestar atención a la navegación
    • Tener en cuenta el contraste de color
    • Conocer los dispositivos y probar en ellos

» Mobile Web design trends for 2009