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

Autor: Janmi

Janmi es un informático entusiasta de la ciencia ficción, el diseño gráfico, el universo de Tolkien, fantasía épica y otras cosas frikis. Apasionado por la tecnología, ya sea desde el punto de visto técnico, domótico, funcional o de diseño.