En el artículo anterior, Navegando desde tres teléfonos móviles en un blog (1), presentábamos un pequeño experimeto: navegar desde tres teléfonos móviles en esta bitácora. ¿Nuestra intención? Comprobar si los móviles seguían los estándares web y usaban una hoja de estilos apropiada para ellos, es decir media="handheld"
. Si esto era sí, todos los interesados en el desarrollo web para móviles tendríamos un motivo para alegrarnos: no haría falta hacer versiones distintas de una página web para ordenadores de sobremesa, y otra para pequeños dispositivos. En teoría, debería ser así. En la practica… no podemos extrapolar los resultados de este experimento a todos los teléfonos móviles, pero puede ser un indicio de las tendencias en los modelos más novedosos y los que están por venir.
Para demostrar los resultados de este pequeño experimento, vamos a incluir imágenes del log de los tres modelos al entrar en esta bitácora.
Nokia 6100
Éste es mi teléfono móvil, estoy contengo con él, pero entre sus virtudes no está precisamente la capacidad de navegar por internet. Éste teléfono móvil tiene capacidad de navegar por páginas XHTML, ya sea directamente o mediante el proxy WAP de Google.
Aún así, aquí podemos ver su huella en el log de esta bitácora. Si quieres ver el registro completo, pincha sobre la imagen.
Como podemos ver, este navegador no utiliza hoja de estilos, sólamente el código XHTML, y no de forma directa. Si amplias la imagen, podrás ver que se conecta a través de Google WAP Proxy/1.0, no directamente a la bitácora. El motivo es sencillo: si entramos en el blog a través de Google, usando un teléfono móvil de estas características, no nos muestra las páginas webs tal y como están diseñadas, fracciona el código en páginas que puede procesar este teléfono móvil, más o menos unos dos kilobytes.
Sony Ericsson K 300i
Anticipo el resultado, este teléfono móvil, sí reconoce la hoja de estilos de tipo media="handheld"
. Lo podemos ver en la siguiente imagen. Al igual que antes, si pinchas sobre la imágen, la podrás ver ampliada.
Podemos comprobar claramente que sí utiliza la hoja de estilos que le corresponde. Y además no tiene problemas en procesar un documento más bien extenso como una página de esta bitácora, algo más de 17 kilobytes, no está nada mal…
Además, en el poco tiempo que estuvimos navegando, pudimos comprobar que reconocía todos los estilos correctamente. Es cierto que eran muy básicos (colores y poco más), pero los reconocía. Además usando el navegador que tiene instalado por defecto. Teniendo en cuenta que este teléfono tiene una capacidad aproximada de unos 10 Megabytes, no tenemos porqué descartar que Opera saque a la luz un navegador para este teléfono (aunque de momento no son gratuitos).
Nokia 6630
De este teléfono esperábamos a priori bastante, es sin duda el más completo de los tres que utilizamos. Y al igual que en el teléfono anterior, también este teléfono móvil reconocía la hoja de estilos media="handheld"
al navegar por esta bitácora. Aquí tenemos una imagen como prueba, y al igual que antes, pinchando sobre ella, podrás ver una imagen del rastro dejado en el log al navegar por algunas páginas de webposible.
Conclusión
Creo que los que tengamos algo de relación con el desarrollo web, si estamos trabajando con páginas maquetadas con capas, es muy recomendable usar una hoja de estilos para pequeños dispositivos (media="handheld"
). En esta prueba, de tres teléfonos dos las reconocían, y la ventaja es evidente. Ya se que no es una muestra muy representantiva (y lo digo yo, con titulación universitaria de estadística, je je), pero como ya he dicho antes: se trata de una tendencia que se ha iniciado ahora, y puede imponerse en un futuro muy próximo.
Si además de incluir una hoja de estilos adaptada, también colocamos vínculos de navegación entre elemenos de la misma página, del tipo Saltar al contenido, Ir al buscador, Saltar a categorías,… mejor que mejor, ya que moverse dentro de una página grande con la pequeña pantalla de un teléfono móvil, resulta bastante complicado.
No resulta casualidad, pero cada vez que hablo en esta bitácora de teléfonos móviles, de una manera bastante directa, encuentro relación con la accesibilidad web. Y es que esto también es accesibilidad, poder acceder desde cualquier dispositivo conectado a internet. Y si encima lo hacemos sencillo, mejor que mejor.
Sería buena idea escribir un día de estos una especie de guía para hacer buenas hojas de estilos para handheld…
¿Alguien quiere añadir algo más?
Actualización (2005/11/24): Otra muestra más, esta vez anónima, de cómo un teléfono móvil puede navegar por esta bitácora. Por casualidad revisando el log de las visitas, me encontré con la «huella» de un teléfono Motorola V600, visitando este blog. En el vínculo anterior puedes ir directamente a la imágen.
A ver si vamos encontrando más casos, je je.