Esenciales para crear una web móvil con Drupal

drupal-logo Mobile Drupal fue un blog que comencé a seguir porque a pesar de que no uso Drupal ofrece buenos consejos acerca de desarrollo web móvil, aunque por supuesto su punto fuerte es el desarrollo de web móvil para 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.

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

  1. Soy usuario de drupal y no lo he manejado para dsipositivo móvil estoy empezando con esto haber que tal nos va saludos y gracias por tus comentarios.
    No se si existe tambien enn drupal un modulo para el Ipad saludos

    • hola javier, como fue tu experiencia con el módulo? Estoy por empezar a utilizarlo y me seria de mucha ayuda algun comentario.
      Gracias!

      • Hola dan la verdad sigo trabajando en este pryecto he instalado
        Mobile Tools
        y algunos modulos más pero platicando con un colega me recomendo mejor usar drupal 7 ya no utilizar el drupal 6
        se adapta mucho mejor para dispositivos moviles sigo en la investigacion y pronto te escribire con resultados mi experiencia saludos

Comments are closed.