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 鈥淨ui茅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:
- Detecci贸n del dispositivo (M贸vil, PC de escritorio, PSP, etc)
- Switching, o Cambio (para asegurarte de que el visitante tenga la mejor versi贸n del sitio web)
- Funcionalidad + Contenido (Que la funcionalidad y el contenido sean relevantes para el dispositivo)
- 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