Mobiface: blog sobre diseño de interfaces para móviles

Este fin de semana me leeré los archivos del nuevo blog que acabo de encontrar sobre usabilidad y diseño de interfaces para móviles, mobiface (rss). Tiene una pinta…

Via Marco Casario

Opera Mini

El 24 de enero se hizo la presentación oficial del navegador para móviles Opera Mini. Opera lanzó una versión beta de éste navegador en agosto que sólo estaba disponible en los países nordicos y Alemania. Durante éste tiempo han testeado el navegador más de un millon de personas.

Opera Mini funciona con cualquier dispositivo móvil que soporte Java (la mayoría de los teléfonos móviles actuales - según Opera, unos 700 millones).

Las peticiones a páginas hechas con Opera Mini pasan todas por un servidor proxy de Opera que se encarga de devolverlas reformateadas y comprimidas: algo muy importante para dispositivos con poca capacidad de proceso, poca memoria y cuyo uso de ancho de banda es caro.

Servidor de Opera Mini

Este proxy utiliza el repositorio de dispositivos móviles de WURFL para detectar el dispositivo y reformatear la página en función de éste. Según Opera, utilizan WURLF porque it’s the only fucking thing that works!

Para realizar la transformación el proxy utiliza la técnica Small Screen Rendering de Opera y le devuelve al cliente la página en un formato OBML (Opera Binary Markup Language), que éste interpreta como lo haría el navegador Opera para PC.

Opera ya experimentó con la compresión de las páginas mediante proxys con su producto Opera Mobile Accelerator, que ya ha dejado de distribuir.

Como ejemplo extremo de compresión, he leido que la página de inicio de cnn.com, que pesa 300Kb, se queda en sólo 30Kb cuando se ve con un Opera Mini. Aunque la media de compresión de las páginas es una reducción del peso de un 80%.

Si la página llama a una hoja de estilos con el media handheld el proxy no modifica la página y la muestra siguiendo los estilos definidos en esa hoja de estilos. Soporta (parcialmente) javascript, pero no puede abrir ficheros que necesiten un plugin, como Flash o PDF

En la página de inicio por defecto de Opera Mini está integrado el buscador de Google. Esto es fruto del acuerdo que se produjo a principios de enero entre Opera y Google, en el que se acordó que Google sería el buscador por defecto de los navegadores para dispositivos móviles de Opera: Opera Mobile y Opera Mini.

Recursos sobre Opera Mini:

Lecturas recomendadas sobre Opera Mini:

  • Luarnet: “es una aplicación sobresaliente, escrita con mucho cuidado para sacar el máximo provecho a Java en el móvil y ofrecer también la aplicación más pequeña posible”
  • Russell Beattie: “is just about the best thing I’ve ever seen on a mobile phone.”
  • Semantic Frenzy: “is a great application that really enhances the capabilities of a mobile device”
  • Baby Boomer Librarian: test de las capacidades del navegador (OJO: realizado con el simulador!)
  • Blog posible tiene una categoría dedicada a Opera en la que, de momento, todos los posts hablan de Opera Mini.
  • Enrique Varela comenta la falta de accesibilidad del navegador

Alternativas a la interacción con teclado

En Sony hacen una recopilación de posibles alternativas a la interacción con teclado en los dispositivos móviles.

  • TOCAR: Intercambio de datos entre dos dispositivos al tocarse entre ellos.
  • BALANCEAR: Interacción de los datos en 3 dimensiones. Si giras el dispositivo, los datos se giran.
  • ARROJAR: Pasar los datos de un dispositivo a otro haciendo el gesto de arrojarlos (bien sea con un puntero o haciendo el gesto con el propio dispositivo que envía los datos).
  • DOBLAR: Doblar la pantalla para magnificar el contenido.
  • CONSTRUIR: Unir interfaces juntando varios dispositivos. Por ejemplo para componer música se juntan varios dispositivos donde cada uno interpreta un sonido.

Si de alguna os ha quedado dudas, no os perdáis las animaciones con las que se representan en la página de Sony.

Visto en small surfaces.

Diferencias en la interacción con los diferentes dispositivos móviles

El siempre interesante blog de Little Springs Design nos trae una revisión de la ley de Fitts aplicada a interfaces de dispositivos móviles.

Las comparación hace incapié en las grandes diferencias en cuanto a interacción que hay entre el PC y los dispositivos móviles e incluso entre distintos tipos de dispositivos móviles.

Se me ocurre, por ejemplo, que la forma de utilizar los enlaces (algo tan básico en la web) es muy distinta para un usuario que maneja un puntero de PDA que para otro usuario que avanza con teclado de un teléfono móvil saltando entre enlaces. Eso sin contar con los distintos tipos de teclado de móviles. Por no mencionar que en ambos casos desaparece el evento “mouseover“, y por tanto, los tooltips y otras pistas para deducir el destino de un enlace que normalmente utilizamos cuando accedemos a la web con un ordenador.

Otros conceptos importantes, como la “distancia” en pantalla, el orden de los elementos, tamaños de textos e imágenes, forma de escanear visualmente las páginas, etc, cambian de unos a otros dispositivos.

Teniendo en cuenta las grandes diferencias físicas (pantalla, teclados, punteros, etc) que acarrean formas diferentes de interactuar y el cada vez mayor número de diferentes capacidades de dichos dispositivos hace dudar de si será posible, e incluso si acertado, alcanzar la famosa “web única“.

En fin, como en los capítulos de los Simpsons, empiezo hablando de una cosa y termino con otra

Última llamada a la participación en el borrador del documento de buenas prácticas del MWI

El grupo de trabajo de Buenas Prácticas del MWI acaba de sacar otro borrador de su documento “Mobile Web Best Practices 1.0″.

Seguirán recogiendo opiniones hasta el 17 de febrero. Así que, a partir de esa fecha, tendremos el primer documento oficial del MWI.

Mobile 2.0

De un tiempo a esta parte se ha comenzado a escuchar (en mashable, en migs paraz…) el termino mobile 2.0, refiriéndose a la convergencia de la web móvil y las nuevas aplicaciones web.

Ahora la gente del blog sobre web 2.0 TechCrunch ha creado un nuevo blog, MobileCrunch, sobre Mobile 2.0.

Logotipo de MobileCrunch

MobileCrunch is about today’s applications and tomorrow’s innovations.

El editor del blog será Oliver Starr, que ya colaboraba en The Mobile Technology Weblog.

Seguro que apartir de ahora empezamos a escuchar más el término buzzword.

¿Será 2006 el año de la web móvil?

Los expertos en el tema dicen que sí. Yo no lo veo tan claro. Principalmente por dos razones:

  • Por los precios. ¡Tarifa plana para datos en los móviles ya!
  • Porque no hay una oferta interesante de contenido web adaptado para móviles (ésto no es suficiente).

Disponibles las presentaciones de “The web on the move”

Ya están disponibles las presentaciones del evento que celebró la Mobile Web Initiative en Londres el 15 de noviembre, The web on the move. En realidad son sólo esquemas muy básicos del contenido que se impartió.

Blog del grupo de trabajo Buenas prácticas de la MWI

Me entero en el blog de Andrea Tassati (uno de los responsables de WURLF) de la existencia del blog del grupo de trabajo “Buenas prácticas” de la MWI. La noticia me sorprende especialmente porque es la primera vez que veo un blog de la W3C.

De momento sólo llevan 3 posts: dos con anuncios de publicaciones de documentos y el tercero, que ha escrito el propio Tassati, sobre WML.

[offtopic] Navegando por la estructura de la URL del blog llego a www.w3.org/blog, lo que se supone que será el agregador de todos los blogs de la W3C. De momento, el único que hay es el de Buenas prácticas de la MWI. [/offtopic]

Mejora la versión para móviles de Bloglines

En Mangasverdes hablan sobre las dos nuevas funciones de Bloglines para dispositivos móviles.

Fotografía de bloglines visto en un PDA

  1. Se podrá crear una versión especial de tu lista de feeds seleccionando los que quieres consultar desde la versión para dispositivos móviles.

    Captura de pantalla de la configuración para seleccionar los feeds que quieres ver en la versión para móviles

  2. Se podrá configurar Bloglines para que sólo muestre los feeds con posts sin leer (esta configuración afecta tanto a la versión móvil como a la normal).

    Captura de pantalla de la interfaz para configur bloglines y que sólo muestre los feeds con posts sin leer

ring es un blog sobre desarrollo y usabilidad web para dispositivos móviles.


Sindicar el contenido


Otros blogs de ávidos

blogold
blog sobre desarrollo con estándares web, usabilidad, new media y ciberespacio.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.