Tips de desarrollo de widgets para móviles

Mobile Widgets por Dan Taylor (CC)

Mobile Widgets por Dan Taylor (CC)

Hoy en el blog de Betavine, Mobile Web Widgets, encontré una lista de consejos al desarrollar widgets para móviles. Me gusta la lista, especialmente porque aplica en el desarrollo web móvil.

Los dejo con una traducción un poco libre de Technical tips for mobile widget development:

  • Automaticamente selecciona el campo principal cuando sea posible, es más fácil que usar el joystick del teléfono para llegar a él.
  • Los efectos al colocarte encima de un elemento (Hover) son importantes para la usabilidad. Haz evidentes los botones porque a veces es difici llegar a ellos.
  • Asegurate que el móvil tenga la fuente que tu usas y especialmente que se vea bien. las fuentes cursivas pueden no verse bien.
  • No redimensiones imágenes usando HTML, los teléfonos lo hacen mal y se ve mal.
  • Asegurate de tener un buen icono que se vea genial en el “Administrador de Widgets”.
  • Usa CSS Sprites porque es más fácil migrar tu widget a la web..
  • No hay un manejador de evento keypress, tenlo presente si planeas crear un juego.
  • Recuerda, el teléfono es rápido, pero no tan rápido como tu computadora. Tampoco la conexión a Internet, optimiza lo más que puedas.

Como pueden ver, no son consejos fuera de este mundo, son consejos muy básicos pero siempre debemos tener en cuenta al desarrollar para la web móvil, o los widgets para móviles.

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.

Correo electrónico para la PDA

Hace tiempo tengo ganas de publicar acerca del correo electrónico para la PDA, no sobre el medio como tal, sino que de la forma en que manejo artículos, notas y citas con él.

Digamos que soy una persona que le gusta leer bastante y en la medida de lo posible ordenado, pero créanme que estas dos cosas pueden absorber mucho el tiempo y la atención, por lo que para mi era imposible leer, por ejemplo, un artículo sobre PHP un lunes en la mañana (generalmente hay tareas más importantes en cola). La solución cómo habrán de imaginar vino de la mano del correo electrónico, el tip consiste en enviar el articulo a la cuenta de correo para la PDA , luego, el mismo lunes en la noche sincronizo mi PDA y descargo todos los mensajes pendientes solo para leerlos antes de ir a dormir.

De igual forma, me sucede que olvido citas o cosas y la PDA no esta cerca para anotarlas, de nuevo envío un mensaje a mi cuenta de correo para la PDA y cuando más tarde veo el mensaje lo agrego a mis citas y tareas pendientes. Puede parecer tedioso pero es muy sencillo, me permite despreocuparme de ese tipo de cosas durante el día, y  si estamos acostumbrados a manejar tareas es muy simple tomar cada mensaje y decidir la siguiente acción: responder, anotar, ignorar, recordar, agregar a “algun día”, etc.

correo-para-pda.jpg

Cómo envió mensajes:

Si es un artículo web solo copio y pego en Thunderbird (mi cliente de correo) y envío a mi cuenta de correo para PDA. Los sitios web con opción de compartir por correo electrónico son excelentes.

  • En Google reader utilizo enviar por “email”.
  • Para blogs que son muy buenos, no publican muy seguido o el tipo de contenido “no tiene tiempo” (se puede leer cualquier día) acostumbro a suscribirme vía email a mi cuenta de correo para PDA.

Considero importante mencionar que para mi es muy útil, primero porque no utilizo Outlook en mi PC (por lo que las citas no sincronizan) y segundo porque me ayuda a mantener separada la información urgente de la normal, posponer lecturas sin perderme de nada.

Correo electrónico para PDA webdebolsillo.com

Si te animas a crear su cuenta de correo para la PDA pueden pedir una cuenta de correo webdebolsillo (algo como tunombre@webdebolsillo.com) en los comentarios, la cuenta tiene 2GB de espacio y como es administrada con Google Apps también incluye versión móvil. Agrega en el comentario el correo que te gustaría tener y lo más pronto posible crearé tu cuenta

Espero este tema les sirva de ayuda y aporten sus ideas acerca de como manejar mejor sus citas y tareas.