Recién leo en Hongkiat una nota con 10 tips para mejorar la usabilidad en web móvil que vale la pena tomar en cuenta

1. Diseña en base a la resolución de pantalla.
2. Divide las páginas web en pequeñas partes.
3. Simplifica el diseño.
4. Siempre deja la opción de “Ver el sitio web completo”.
5. Posiciona bien los elementos de navegación según la audiencia y el dispositivo.
6. Usa enlaces de texto, en vez de imágenes (para reducir el peso de la página web).
7. Diferencia el enlace seleccionado del resto de enlaces.
8. Balance los enlaces según la página que se muestra. No intentes mostrar todos los enlaces en una página.
9. Reduce el ingreso de texto, en su lugar busca usar ingreso de opción multiple o autocompletado.
10. No uses pop-ups ni páginas que se refresquen automáticamente.

Pueden ver la explicación y ejemplos de cada tip en el artículo original: Mobile Web Design: 10 Tips To Better Usability (inglés).

—
Fotografía por John Larsson, liberada bajo licencia Creative Commons by.

En el siguiente vídeo podemos ver dos de los bots: Alarm bot, que autoajusta y te recuerda configurar la alarma, y Shortcut bot, que ajusta las aplicaciones que se muestran en pantalla.

Además existe Profile bot y Battery bot, este último te recuerda recargar la batería antes de dormir sí esta baja de carga.

Nokia los presenta como asistentes que ayudan a hacer las tareas más sencillas, aunque por supuesto no es tan dramatico el cambio, solo son aplicaciones mejor elaboradas.

Los Nokia Bots estan disponibles en Nokia Beta Labs > Nokia Bots.

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.

• Enlace de la prueba: Test de compatibilidad para navegadores móviles
• Noticia Oficial: Web Compatibility Test for Mobile Browsers Version 2

Via Second Web Compatibility Test for Mobile Browsers .

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
   
2. Nokia 5310
   
3. Nokia 2680S2B
   
4. Sony Ericsson K850i
   
5. Nokia E71
   
6. Nokia 6300
   
7. Sony Ericsson K550i
   
8. Sony Ericsson W380
   
9. Sony Ericsson W880i
   
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)

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)

Diseñando o desarrollando para móviles, como un pasatiempo interesante o un trabajo ocasional, te has preguntado ¿Cómo es trabajar con móviles día a día? ¿Cuantos campos de trabajo hay en el desarrollo para móviles? ¿sabes cuales son los requisitos para trabajar con ellos?

Me he hecho esas preguntas desde hace más de dos años, cuando comencé a interesarme en los móviles, y siempre descubro algo nuevo. Desde un nuevo framework hasta un nuevos sistema operativos, pero pocas veces tuve la oportunidad de saber qué pide el mercado. Con qué están trabajando las empresas y qué requisitos piden para que trabajes con ellos. Hasta que encontré una página en el wiki de Design4Mobile con ofertas de empleo en el campo de los móviles.

La lista esta dividida mensualmente e incluye el titulo, los requisitos y responsabilidades de cada plaza, lo que la hace una genial referencia para aquellos que estamos interesados en el negocio. En la lista podes encontrar plazas como:

• Diseñador de experiencia de usuario (User Experience Designer)
• Trabaja con diseñar la arquitectura de la información, diseño de interfaces y test de usabilidad.
• Requisitos: Capaz de trabajar para web como para aplicaciones en teléfonos.
• Diseñador de interfaz gráfica (UI Graphic Designer)
• Analiza la forma de uso de los móviles y diseña la interfaz gráfica de forma que las tareas sean fáciles de llevar a cabo y se logren los objetivos.
• Requisitos: Saber usar Photoshop, Illustrator, Flash, etc. Poder trabajar ilustraciones y diseños basados en especificaciones. Entendedor del arte como un mecanismo de diseño de interfaces.
• Diseñador de producto (Product designer)
• Es, en cierta forma, la unión de los dos puestos anteriores, Diseñador de interfaz y Diseñador de experiencia de usuario, que además trabaja con el desarrollo del producto desde la coordinación hasta la organización del proyecto. Generalmente es un diseñador experimentado (senior).
• Requisitos: Manejo de conceptos y arquitectura de la información, flujos de uso, prototipos y diseños finales, uso de CSS, un titulo en diseño gráfico o interactivo, experiencia en web, RIAs, Photoshop, Flash, XAMP e Illustrator. Trabajar con administración de proyectos, creación de wireframes y flujos para sitios de microblogging.
• Arquitecto de la información (Information architect)
• Analiza, organiza y estructura la información de una aplicación, o sitio web, para que sea fácil de comprender y utilizar.
• Requisitos: Habilidad para crear esquemas del flujo de uso y diagramación de interfaces (wireframes) usando Visio o Omnigraffle. Deseable que este familiarizado con el proceso y técnicas del diseño basado en el usuario (user-centered design), experiencia con pruebas de usabilidad y experiencia con móviles.
• Editor móvil (Mobile editor)
• Responsable de programar contenido exclusivo y de actualidad para el sitio web. Trabaja junto a otros editores web para asegurarse que el contenido este optimizado correctamente para móviles.

Si te interesa, no puedes dejar de ver la lista completa: Mobile Design Jobs (inglés).

Sin más que decir los dejo con algunas de ellas:

• Los consumidores aman tanto a sus móviles que los investigadores descubrieron que cuando ellos abandonan su teléfono por un día sienten cosquilleo en la pierna como cuando reciben una llamada.
  Stephen Upstone, AdInfuse.
• Las redes sociales esta dirigiendo su crecimiento. Una investigación de la IAB de este año mostró que las actualizaciones en redes sociales desde móviles aumento 25% del total de los que actualizan. Las personas de 16 a 24 años son los mayores fans de las redes sociales en móviles, con el 44% diciendo que actualizan desde el móvil, comparado con el 17% de la gente mayor de 55 años que lo hace.
  Amy Kean, IAB.
• Ofrecen interacción inmediata. Los teléfonos móviles permiten a la gente interactuar inmediatamente con la publicidad. Al ver un anuncio ellos pueden escribir un SMS, llamar o descargar contenido instantáneamente. Esto maximiza la efectividad en comparación a otros medios, por ejemplo los mensajes cortos como “Envía Saludo al 1525…”.
  Rachel Wright Business Development Director, Phonevalley.
• Mucho por ofrecer. La publicidad en móviles es mucho más que banners anunciando contenido en Internet; hay un amplio campo de formatos que pueden ser utilizados como campañas, desde los enlaces de texto SMS en una pantalla estatica hasta vídeos en aplicaciones o sitios web móviles.
  Jeremy Copp, CEO, Rapid Mobile Media.
• Locura por las aplicaciones. Los usuarios de iPhone han descargado más de un billón de aplicaciones en todo el mundo desde su lanzamiento. Las aplicaciones no se limitan al iPhone; los anunciantes pueden crear aplicaciones útiles para la mayoría de teléfonos en el mercado.
  David Fieldhouse, Mobile Manager, MediaCom.
• Crecimiento inteligente. En los últimos 18 meses [al momento de publicar el artículo] el número de usuarios de Smartphones(iPhone, Nokia N96, T-Mobile G1, etc) en el Reino Unido creció de 3.6 millones de suscriptores  a 6.3 millones, un incremento del 73%, y esos usuarios los usan tres veces más para buscar noticias e informaciónque los que no usan Smartphones (Datos de Comscore/MMetrics).
  Tim Hussain, Head of Mobile Advertising, Sky.
• Esta fuera de nuestras manos. Si tú no estas seguro si tu marca debe estar en móviles, los consumidores ya hicieron la elección por ti. Más de 4 millones de consumidores ya usan sus móviles para buscar información de productos y servicios, y el volumen de las búsquedas creció 4 veces más rápido que las búsquedas online (no en móvil).
  Jon Mew, Head of Mobile, IAB.
• Te hace crecer. Del objetivo al punto de venta. Ningún otro medio permite tal precisión, en el lugar haciendo búsquedas locales y en tiendas utilizando campañas de publicidad via Bluetooth, tú puedes hacer crecer a tus clientes en donde quiera que ellos estén, y ofrecerles publicidad relevante y atractiva.
  Paul Lyonette, Head of Mobile Advertising, Microsoft.
• A los consumidores les gusta la publicidad. El estudio Orange Exposure mostró, que 70% de usuarios de móviles encontraron innovadores los formatos de publicidad. En un anuncio para juegos de prueba el 89% dijo que les gustaba o les daba igual los anuncios mostrados en el portal Orange World, y 88% dijo que era feliz recibiendo publicidad a cambio de contenido gratis o con descuentos.
  Alex Kozloff, Media Research Manager, Orange.

Creo que estas frases demuestran el interesante panorama que ofrecen los móviles, especialmente de cara a acercar marcas con clientes y mejorar la experiencia de compra.

Original | 10 things you absolutely have to know about mobile advertising

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