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 .

Temas relacionados

• Disfraza Firefox de móvil con User Agent Switcher
• Cambiar el user agent en Safari
• Wordpress Mobile Pack podría convertir a Wordpress en protagonista de la web móvil

2 comentarios | Enviar a Twitter

CC 2010 ivanmendoza para webdebolsillo (@webdebolsillo)

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)

Temas relacionados

• Usar twitter en el teléfono
• Disfraza Firefox de móvil con User Agent Switcher
• Cambiar el user agent en Safari

5 comentarios | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

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)

Temas relacionados

• Disfraza Firefox de móvil con User Agent Switcher
• Cambiar el user agent en Safari
• Introducción a la web móvil

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

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).

Temas relacionados

• Mis iconos favoritos en iPhone / iPod Touch
• Web móvil en Norte América, Centroamérica y el Caribe

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

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

Temas relacionados

• Disfraza Firefox de móvil con User Agent Switcher
• Cambiar el user agent en Safari
• Introducción a la web móvil

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

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

Temas relacionados

• Disfraza Firefox de móvil con User Agent Switcher
• Cambiar el user agent en Safari
• Introducción a la web móvil

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

Pronto retomaré el ritmo en el blog, solo estaba en medio de la mudanza del blog, que por cierto, ya esta lista #

Temas relacionados

• Usar twitter en el teléfono
• Prefieren los móviles
• Viernes de recomendaciones

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

Temas relacionados

• Usar twitter en el teléfono
• Prefieren los móviles
• Viernes de recomendaciones

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

#Tweetdeck para #iphone sorprende con la facilidad para manejar multiples cuentas de Twitter simultaneamente #

RTT @mobile20: Una app muy divertida: Last Call. 'Mide' cuanto has bebido y sabe cuando debes llamar a un taxi o a un abogado #m20eu #

Temas relacionados

• Usar twitter en el teléfono
• Prefieren los móviles
• Viernes de recomendaciones

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)

iPhone Transit Planner por illustir (cc-by)

Esta semana pude leer un artículo en el blog de Pablasso llamado ¿Cómo debe ser el Internet para móviles? que es acerca de cómo WAP y WAP2 han quedado obsoletos con la llegada del iPhone de parte de Apple, y como él acertadamente menciona, ahora no hay tantas limitaciones de memoria o software como antes. Hasta aquí puedo darle la razón, con Apple y Android soportando HTML5 ¿quién quiere usar WAP?

Por otro lado termina el artículo con un par de comentarios en los que no estoy de acuerdo, vamos por partes:

Pablasso: En mi mundo ideal los móviles deberían de adaptarse a mostrar los contenidos lo más fielmente posible, y si no tienen la pantalla adecuada, entonces proveer aplicaciones para obtener esos contenidos por otros medios, como puede ser RSS

Es un error grave pensar que la web debe ser igual todo el tiempo y en todo lugar, especialmente  en el campo de los móviles.

Web móvil va más allá de adaptar al navegador, importan las capacidades del dispositivo así como también importa el contexto (lugar, hora, tarea, etc) en donde recibe la información, y para apoyar esto citó a la guía breve de web móvil de la W3C:

W3C: Es importante tener en cuenta que existen grandes diferencias entre usuarios móviles y usuarios fijos, como son los diferentes tipos de contenido que manejan, las capacidades de los dispositivos que utilizan (pantallas pequeñas) y el contexto en el cual el usuario recibe el contenido (por ejemplo, en el autobús).

Mostrar en el móvil exactamente lo mismo que en la PC no es siempre lo mejor, aunque también es cierto que un buen navegador, como Safari Mobile, puede ayudar mucho a navegar sobre esas webs no optimizadas para móviles y crear una mejor experiencia web que WAP o WAP2.

iPhone junto al iPod Touch son buenos dispositivos con un excelente navegador pero están muy lejos de competir contra una PC. En un día normal de navegación he llegado a bloquear Safari Mobile hasta 3 veces, no puedo cargar más de 2 webs “normales” (no adaptadas a móviles) y menos usar Flash.

De nuevo, la web móvil no es acerca de un navegador, hay que considera rendimiento (hardware), compatibilidad (software), velocidad de transferencia (conexión) y costo (de conexión, del móvil, etc.).

Pablasso: A menos que sea punto clave para tu negocio, yo no me preocuparía en ofrecer una versión web para móviles con navegadores inferiores al iPhone.

Tengo que aceptar estoy de acuerdo, si no es clave para tu negocio no debes preocuparte por desarrollarlo, porque para todo hay mercado y es bueno enfocarte en el tuyo. Por ejemplo, si el 90% de las visitas desde móviles provienen de iPhone ¿qué sentido tendría invertir tiempo y dinero en desarrollar una web WAP?

Sin embargo, no hay que olvidar que el enfoque de la web es lograr el mayor alcance posible, independientemente del medio, el dispositivo e incluso de limitaciones físicas. De allí la importancia de apegarse a estándares y no desarrollar solo para uno.

Más información sobre la web móvil

• Introducción a la web móvil.
• One web. Un artículo explicando cómo funciona el concepto de web única.
• Alzado escribe un buen artículo sobre Cómo diseñar para la web móvil. Una aproximación práctica. Nada complicado, solo un buen acercamiento a lo que la web móvil involucra.

Temas relacionados

• Usar twitter en el teléfono
• Disfraza Firefox de móvil con User Agent Switcher
• Cómo crear un campo de texto con botón de borrar integrado

Comenta | Enviar a Twitter

CC 2009 ivanmendoza para webdebolsillo (@webdebolsillo)