Diseño Web adaptado al iPhone

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