Segundo test de compatibilidad para navegadores móviles

El grupo de trabajo para las pruebas de web móvil, MWTSWG por sus siglas en inglés, anunció recientemente la segunda versión de la prueba de compatibilidad para navegadores móviles.

Las novedades en la prueba están enfocadas en resaltar las características que harán posible que la web móvil sea mejor.

Resaltan  que se interesaron en características como la geolocalización, que es muy importante para los usuarios móviles, así como cache de la aplicación (inglés) y web storage (inglés), tecnologías que ayudarán cuando Internet no este disponible, algo muy común cuando se trata de móviles.

Además se interesaron en pedir soporte para audio y vídeo, que son caracteristicas muy solicitadas en móviles. No esta demás mencionar que prueban campos de texto, editores de texto avanzados (rich text) y soporte de tipos de letra.

Via Second Web Compatibility Test for Mobile Browsers .

Web móvil en Guatemala según Opera

En el tema anterior,  Web móvil en Norte América, Centroamérica y el Caribe, les comente acerca del reporte de Opera acerca de la web móvil alrededor del mundo, y del mismo reporte no puedo dejar pasar por alto la información de Guatemala respecto al tema.

A la fecha creo que es la información más completa que he encontrado sobre Guatemala y web móvil, aunque nunca se sabe ;)

Solo como aclaración, el reporte es de Junio del 2009.

Los 10 sitios web móviles más vistos en Guatemala

  1. www.google.com
  2. hi5.com
  3. live.com
  4. youtube.com
  5. facebook.com
  6. hotmail.com
  7. wikipedia.org
  8. yahoo.com
  9. cnn.com
  10. msn.com

Los móviles más populares en Guatemala

  1. Nokia 5610
    1. Nokia 5610
  2. Nokia 5310
    2. Nokia 5310
  3. Nokia 2680S2B
    3. Nokia 2680
  4. Sony Ericsson K850i
    4. Sony Ericsson K850i
  5. Nokia E71
    5. Nokia E71
  6. Nokia 6300
    6. Nokia 6300
  7. Sony Ericsson K550i
    7. Sony Ericsson K550i
  8. Sony Ericsson W380
    8. Sony Ericsson W380
  9. Sony Ericsson W880i
    9. Sony Ericsson W880i
  10. Sony Ericsson W200i
    10. Sony Ericsson W200i

Otros números interesantes de la web móvil en Guatemala

  • Aumento de páginas vistas desde Junio 2008: 4914.6%
  • Aumento de usuarios únicos desde Junio 2008: 1023.3%
  • Páginas vistas por usuario: 199

El reporte completo, en inglés, lo encuentras en el sitio oficial de Opera: State of the mobile web (Junio 09)

Web móvil en Norte América, Centroamérica y el Caribe

State of the mobile web report por OperaHe encontrado, gracias a Twitter, el reporte de Opera sobre la web móvil en Norte América, Centroamérica y el Caribe. Sin duda alguna el reporte es una excelente referencia del mercado de móviles, siendo Opera Mini uno de los navegadores más utilizados en móviles.

El reporte es bastante completo y les recomiendo que lo vean completo, pero antes los dejo con los puntos más interesantes:

  • Los 10 países que más utilizan Opera Mini en Norte América, Centroamérica y el Caribe son: Estados unidos, México, Canadá, Costa Rica, Jamaica, República Dominicana, Honduras, Martinica, Guadalupe y Guatemala.
  • En Norte América, Centroamérica y el Caribe Martinica lidera el crecimiento de usuarios únicos con 2746.1%, mientras que aumento el porcentaje de páginas vistas a 9804.8% respecto al mes anterior.
  • En el número de páginas vistas por usuario el primer puesto lo ocupa Jamaica con 357 páginas vistas por usuario, lo sigue Costa Rica con 322 y en tercer puesto Guadalupe con 308.
  • Blackberry es el móvil más popular en Norte América, mientras que en Centroamérica y el Caribe es dominado por Sony Ericcsson.
  • Google es el sitio web más visitado en Norte América, Centroamérica y el Caribe, excepto en Costa Rica en donde el sitio web más visitado es Hi5.
  • La red social más popular en Norte América es Facebook, mientras que en Centroamérica y el Caribe domina Hi5.

El reporte completo, en inglés, lo encuentras en la página oficial de Opera: Opera: State of the web mobile (junio 2009)

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

Plugins para presumir tu blog desde el teléfono

Wordpress móvilQuizás presumir tu blog desde el teléfono no sea lo mejor jeje pero dejar que otros lo lean desde su teléfono sin duda qué es muy útil. ¿Cuantas veces has querido leer el blog de un amigo y no puedes porque es muy “pesado” o porque no se ve bien? A mi me ha pasado y muchas veces, por eso agradezco cuando los blogs tienen una versión para teléfonos. Esta vez quiero recomendar algunos plugins para Wordpress que solucionan ese problema.

MobilePress

MobilePress es el primero de ellos, es un plugin que encontré hace ya algún tiempo y me gusto porque ofrece varias versión móvil para varios navegadores. Al instalar el plugin automáticamente tu blog ofrece cuatro versiones, una para iPhone/iPod Touch, una para Windows Mobile (CE), otra para Opera Mini y una más para otros navegadores de teléfono.

webdebolsillo usando Mobilepress

webdebolsillo usando Mobilepress

MobilePress es el que estoy usando en webdebolsillo en estos momentos y me ha funcionado muy bien. Los posts se ven bien, incluye los comentarios (en otra página), además de dejarte comentar y lo mejor es que es personalizable usando plantillas, así que si sabes hacer plantillas de wordpress puedes crear tu propio estilo y agregarlo.

Al momento solo he tenido un problema, y es relativamente pequeño, ocurre cuando publicas fotos muy grandes y son más grandes que la pantalla de tu móvil. En la mayor parte de navegadores no hay problema pero en iPhone el zoom se reduce (para mostrar toda la imagen) y el texto se ve muy pequeño.

Wordpress con MobilePress

Wordpress con MobilePress

Nuevo comentario con MobilePress

Nuevo comentario con MobilePress

WPTouch

WPTouch es otro plugin que ofrece una versión para Safari de iPhone/iPod Touch y hace un buen trabajo. El diseño es atractivo y conserva el estilo de las apps de iPhone, incluye iconos, animaciones al abrir los menús (con javascript), soporte para otros plugins como FlickrRSS y Blip.it y tienve varias opciones de personalización como configurar páginas de archivo, fotos o enlaces.

Portada usando WPTouch

Portada usando WPTouch

Sin embargo, este plugin solo ofrece soporte para iPhone/iPod Touch lo que deja fuera a otros navegadores móviles. Personalmente, y aunque me gusta más la versión para iPhone de WPTouch, recomiendo usar MobilePress porque es una solución mucho más completa para ofrecer la versión para teléfono de tu blog.

Categorías con WPTouch

Categorías con WPTouch

Menú con WPTouch

Menú con WPTouch

Como ejemplo puedes ver este plugin en funcionamiento en el blog de arturogoga.

Además Javier Aroche, de Maestros del Web, ha comentado que ellos utilizan los dos plugins. WPTouch para iPhone y MobilePress para el resto de navegadores de teléfono.

¿También puedo escribir en mi blog desde el teléfono?

Ok, con los dos plugins anteriores tus amigos pueden ver tu blog pero ninguno de ellos te deja escribir tus temas. Para eso existen dos herramientas más, una es un plugin para wordpress y la otra una app para iPhone.

WPHONE

WPhone es el plugin para WordPress que una vez lo instalas le agrega una opción al login del administrador de wordpress para habilitar la versión para iPhone.

Panel de administración de WPhone

Panel de administración de WPhone

La primera vez que carga se siente pesado, incluso diría que es lento, pero una vez cargo la interfaz es muy fluida. Con casi todas las opciones necesarias para administrar tu blog desde el iPhone, como ejemplo escribir nuevos temas, editar comentarios (esta opción da problemas a veces) y revisar lo último de tu blog (estadísticas).

Crear nuevo tema con WPhone

Crear nuevo tema con WPhone

WPhone muestra la última actividad del blog

WPhone muestra la última actividad del blog

WPhone incluye menú de atajos

WPhone incluye menú de atajos

App de WordPress

La aplicación de WordPress para iPhone/iPod Touch la encuentras en la iTunes Store y te permite manejar todo el administrador de tu blog desde una app, lo cual lo hace muy rápido. Con esta app desarrollada por Automattic, la misma empresa que creó WordPress, puedes administrar varios blogs, escribir temas en ellos, tener la vista previa antes de publicarlos, soporte para cámara (en el iPhone) y galería de fotos (en iPhone y iPod Touch).

En webdebolsillo utilizo WPHone porque rara vez escribo desde el teléfono, pero igual siempre tengo la opción de conectarme desde la app WordPress para escribir, que se siente más estable y confiable de usar. Ambas funcionan muy bien pero es más simple de instalar la app para iPhone, así que te recomiendo usar esta.

Opera, Opera Link y Opera Mini

Opera Link para sincronizar favoritos con el móvilCuando Opera anuncio el lanzamiento de la versión 9.5 (beta) de su
navegador sinceramente no me causo emoción, luego de probarla algún
tiempo pensaba que era más de los mismo, excepto por algunos detalles
como OperaLink. Opera Link es un servicio lanzado por Opera que permite
sincronizar nuestros marcadores, barra de favoritos y los enlaces de
“marcado rápido” (speed dial) entre las diferentes computadoras que utilicemos y gracias a Opera Mini también los dispositivos móviles.

Sincronizar mis favoritos entre la PC
de la oficina y la de mi casa no es nada nuevo para mi (y supongo que
para muchos de ustedes), lo hago desde hace tiempo con la extensión de
del.icio.us para Firefox
, sin embargo, sincronizar esos enlaces con mi teléfono móvil sin duda que es una gran cosa. Una sincronización y Opera Mini estaba cargado de los enlaces que utilizo en la PC.

La gran ventaja, enfocándome por supuesto en Opera Mini, es la posibilidad de crear los favoritos móviles desde la comodidad de la PC y acceder rápidamente a ellos en Opera Mini. En mi caso, arrastrar los enlaces de sitios móviles en del.icio.us a la carpeta de Opera Mini, no me llevo más de 5 minutos, incluyendo el tiempo que utilice en renombrar algunos.

Opera LinkPara utilizar Opera Link iniciamos Opera 9.5 (aún en beta), desde el
menú elegimos la opción de Sincronizar Opera, si aún no
tenemos cuenta Opera nos permite crearla (menos de 2 minutos), iniciar
sesión y luego automáticamente inicia la sincronización, que dependiendo de
las opciones que elijamos actualiza Marcadores, Enlaces de la Barra
personal y las páginas de marcado rápido (speed dial). A partir de allí
la información la almacena Opera y es accesible desde cualquier otra PC
con Opera 9.5 u Opera Mini.

Con Opera Link, Opera logro lo que del.icio.us debió haber hecho hace mucho tiempo, llevar nuestros marcadores a todas las PCs posibles, dispositivos móviles incluidos.
Más información en:

Nota: Existe una versión móvil de del.icio.us (no oficial)
llamada mobilicio.us, pero no tiene punto de comparación con la rapidez de
Opera Link.

Mejoras en Gmail Mobile para Google Apps

Justo antes de que lleguemos al 2008 Google ha decidido renovar la interfaz de Gmail Mobile en Google Apps, con modificaciones disponibles en Gmail Mobile (estándar) desde hace algún tiempo.

 

Inbox de Gmail Mobile actualizado

El cambio más visible es la bandeja de entrada (inbox), incluso llegue a pensar que estaba usando la versión HTML y no la versión móvil, que ahora permite seleccionar varios mensajes a la vez y aplicar las mismas acciones que en Gmail.  También se puede observar que cambio el aspecto de los mensajes, ahora mucho más presentables y ordenados.

 

Acciones en Gmail Mobile

Creo que la decisión de incluir las acciones Gmail ha sido excelente, ahora en Gmail mobile podemos elegir entre archivar, eliminar o marcar como spam, además de agregar a favoritos, marcar como leido o incluso mover los mensajes a la bandeja de entrada (inbox).

 

Adicional al cambio en la bandeja de entrada también se han hecho modificaciones en los resultados de las búsquedas y listados de mensajes, de forma que es mucho más fácil leerlos y por lo tanto rastrearlos. Como se puede observar en la siguiente captura se identifica primero por contacto y luego por el titulo del mensaje.

 

Resultados de búsquedas en Gmail Mobile

 

 

Nuevo formato de color en Gmail Mobile

Uno de los últimos cambios que pude observar ha sido el nuevo formato de color en las conversaciones, que aunque poco útil es muy bonito. Lo que sin duda es útil es las lista de etiquetas al inicio de la conversación que permite facilmente buscar mensajes relacionados. 

 

En el resto de las secciones de Gmail Mobile (redactar, contactos, etc) por lo que pude observar no han habido cambios, aunque espero existan más adelante. Mientras tanto estoy satisfecho con los cambios realizados, que aunque parezcan pequeños mejoran la usabilidad de Gmail Mobile al revisar y buscar mensajes de correo.

 

Siento no poder publicar enlace hacía Gmail Mobile para Google Apps pero este depende del dominio que cada uno utilicemos, sin embargo, puedes ver los cambios en Gmail Mobile.