Mobile Drupal

El mes pasado presentaron durante el Drupal Camp en Colorado (EEUU) los puntos esenciales para crear sitios web para móviles en Drupal, aquí una traducción y resumen de los puntos más interesantes, por supuesto al final esta la presentación completa por si no queres perderte nada.

Problemas y dificultades

Fragmentación de móviles

• Millones de móviles diferentes
• Diferentes sistemas operativos
• Diferentes capacidades
  • Resolución, soporte de javascript, css, xhtml, video, etc

Usabilidad: Crear una experiencia fácil y divertida

• El contenido debe ser fácil de encontrarse
• Reducir el scroll (no usar scroll horizontal)
• Hacer enlaces faciles de usar (no demasiado pequeños)
• Usar una forma de navegación sencilla que sea fácil de encontrar.

Optimización de la descarga

• Las conexiones de internet no siempre son optimas (entre 50kb/s – 1.8 Mbit/s)
• No permitas que tu visitante espere, no lo hagas descargar contenido que él no va a usar.

Brindar contenido relevante para los usuarios móviles

• Entiende qué es lo que ellos buscan (piensa y planea bien)
• No es fácil (especialmente para el cliente)

Acerca del diseño

• No márgenes ajustados
• No floats
• No grandes fuentes
• Reduce el uso de tablas (o reduce el número de columnas)
• Haz un bloque de enlaces para ver, como
  • Comentarios recientes
  • Temas más recientes del foro
• Elimina el bloque de contenido de la portada
• Cambia el bloque de inicio de sesión (login) por un enlace.
• La navegación usando combobox (dropdown list) funciona bien.
• Elimina “Quién esta en línea” (no es relevante)
• Tu puedes hacer cosas atractivas para iPhone, Android, etc.

Sobre los módulos móviles para Drupal

[Aclaración: Las extensiones en Drupal son llamadas módulos]

• Muchos intentos en la comunidad (de Drupal)
• Los módulos están enfocados en
  • Ofrecer temas móviles (por ejemplo iUI, mobile theme, etc)
  • Cambio automático de temas
  • Pagos a través del móvil
• No hay muchos ejemplos
• No ofrecen estrategias a largo plazo
• Un vistazo a los módulos móviles para Drupal en An overview of Mobile modules for Drupal
  

Algunos módulos móviles para Drupal

• Mobile Tools
  
• Siruna
  
• WURFL
  
• Planeados (por el autor):
  • Modulo de redimensionamiento de imágenes
  • Solución para convertir vídeo (basado en Media Mover)
  • Ofrecer más temas móviles

4 pasos para el desarrollo de web móvil en Drupal

Luego la presentación se enfoca cada uno de los cuatro pasos para desarrollar para web móvil en Drupal:

1. Detección del dispositivo (Móvil, PC de escritorio, PSP, etc)
2. Switching, o Cambio (para asegurarte de que el visitante tenga la mejor versión del sitio web)
3. Funcionalidad + Contenido (Que la funcionalidad y el contenido sean relevantes para el dispositivo)
4. Theming, o el diseño del tema (diagramación, tamaño de las imágenes, navegación, el uso de tablas, etc)

Podría adentrar un poco más al tema pero te recomiendo que mejor veas la presentación que amplia más estos cuatro pasos.

Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09

Artículo original: Slides presentation on Mobile Drupal @ drupal camp colorado