Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una versión adaptada del sitio.

Páginas más livianas, sin imágenes, textos acortados son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.

Hay que bajar las pretensiones al mínimo ya que hay decenas de navegadores y muchísimos dispositivos diferentes, por lo cual la flexibilidad es protagonista.

Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

En A list apart nos dan sugerencias de como incorporar la plantilla, ya que algunos dispositivos no reconocen el media="handheld".

Algunas pruebas que pueden hacerse:

1. Eliminar la hoja de estilos: algunos dispositivos no las soportan y de esta manera veremos cómo se mostrará en ellos.
2. Redimensionar la pantalla para verla en los dispositivos que si las aceptan: algunos tamaños son
   • 240 x 160 pixeles
   • 320  x 240 px
   • 176 x 208 px
3. Instalando el Ópera, se puede utilizar la opción ‘simular pantalla pequeña’.
4. Mediante emuladores
   • dotMobi
   • WinWap Smartphone Emulator
   • OpenWave Browser
   • Nokia Browser Simulator
   • Microsoft Pocket PC Emulators
   • Online Mobile Simulator
   • Online WAP Browser

Algunos de los consejos de la W3C que pueden leerse en Buenas Prácticas en Web Móvil son:

• Diseña para una Web única: que el usuario pueda acceder al mismo contenido, aprovechar las capacidades del dispositivo, evitar los problemas de la implementación, probar en dispositivos móviles y emuladores.
• Confía en los estándares Web: crear documentos válidos, que el formato sea compatible.
• Evita los riesgos conocidos: no a las ventanas emergentes, tablas, gráficos para el espaciado, marcos (frames), mapas de imagen.
• Sé prudente con las limitaciones de los dispositivos: no todos admiten cookies, tablas u hojas de estilo ni tienen cualquier tipografía o colores.
• Optimiza la navegación: que esté arriba y que sea reducida. Identifica el destino del link. Encontrar un equilibrio para incluir la información necesaria evitando pasear al usuario o darle demasiados links.
• Comprueba gráficos y colores: achicar imágenes, poner textos alternativos a las imágenes y otros elementos no textuales.
• Hazlo en pequeño: recuerda que los dispositivos tienen limitaciones de memoria, la página debe ser liviana, asi como las hojas de estilo.
• Economiza el uso de la red: no abuses de la conexión del usuario, no redireccion ni hagas actualizaciones automáticas.
• Facilita la entrada de datos: evitar el ingreso de texto, etiquetar los controles.
• Piensa en los usuarios de la Web móvil: ser claros, limitar el contenido, adecuarse al uso del móvil y al tamaño de pantalla.

Para WordPress hay plugins que facilitan la tarea. Con sólo activarlos tendremos una versión funcional. Hay algunos que permiten configurar la visualización de posts, imágenes, extractos, etc.

1. WordPress Mobile Edition
2. WordPressMobile.mobi
3. WordPress Mobile Pack
4. MobilePress
5. Mobile Admin
6. Mobilize
7. WPhone Admin Plug-in
8. Mowser
9. Wetomo WordPress to Mobile
10. WP viewMobile

Más información

10 wordpress mobile plugins

Return of the mobile stylesheet

W3C mobileOK Basic Tests 1.0

(luego de publicar este review, apareció el upgrade del firmware, asi que al final van a poder encontrar una referencia y un video al respecto).

Desde hace una semana tengo un Nokia N97 y estoy muy contenta. Es un teléfono excelente, aunque sin dudas es más que mejorable, sobre todo desde el software.
Les cuento algunas impresiones para los que estén pensando en comprarlo. Como siempre, depende el uso que uno le de y que otros celulares haya usado. Antes tenía otro touchscreen, un Motorola MING A1200 y por unas semanas estuve probando un BlackBerry 8900.

Lo mejor

• actualización de software directo al celular, sin pasar por la PC. Glorioso.
• La cámara es excelente. Tiene una lente Carl Zeiss de 5MP con una calidad maravillosa. También tiene flash y video en una muy buena calidad. A la derecha pueden ver un par de ejemplos.
• Hardware, geniales: el teclado con su navegador y retroiluminación, las cámaras de fotos, la pantalla táctil.
• Accesibilidad: permite modificar el tamaño de letra, tiene un lector de mensajes por voz.
• Los auriculares con control (tel, pausa, play, stop) que nos evitan sacar el teléfono para manejar la música, por ejemplo.

Lo peor

• Para atender una llamada hay que desbloquear lo cual es de lo más incómodo. Aunque entiendo que es para evitar que se atienda solo estando en el bolsillo, por ejemplo.
• Cuando llega un sms, si estoy en alguna app no me muestra el mensaje. Tendría que mostrarse por encima de cualquier otra cosa.
• Se cuelga y tuve que sacar la batería para resetearlo. El mensaje “Ocurrió un error inesperado, Reinicie el teléfono.” ya me apareció varias veces :S
• Tiene incoherencias en el manejo de la interfaz: a veces se maneja arrastrando y otras es inevitable usar el scroll, que es demasiado finito.
• Prácticamente no tiene mensajes contextuales. Al hacer click solo en poquisimos casos se despliega un menú con opciones. Un recurso que vendría muy bien.
• Botones básicos de inicio/corte de llamada: siempre es mejor que sean físicos, no táctiles, para lograr mayor efectividad en las funciones básicas de un teléfono.

General

Creo que el teclado para los que no tienen uñas largas es perfecto. Pero de los que he probado (Blackberry, Motorola, etc.) es el mejor.
La pantalla táctil se puede usar con las uñas; para una mujer es genial.
Es bastante configurable, pero los que somos exigentes siempre pedimos más. Puedo configurarlo para que me notifique con una luz titilante (como las Blackberry) pero no puedo hacer que se atienda la llamada sin desbloquear, solo con el sensor de proximidad.
Puedo configurar las prioridades de conexión, lo cual es imprescindible y puedo definirlo parcialmente app por app.
Me mata la lucecita que tiene cuando la conectás a la PC o al cargador de batería. Es útil y sutil, pero tan minúscula que me da ternura.

Tips

Al presionar cualquier tecla numérica del teclado se abre el discador de teléfono.
En el menú de aplicaciones abiertas al presionar sobre un aplicación tengo la opción de cerrarla sin volver a entrar.
Al presionar 2 veces la tecla Shift o la de Función (la flecha azul) se traban las mayúsculas o el tipeo de números.
Presionando sin soltar la tecla plateada que lleva al menú general, se abre el menú aplicaciones abiertas.
Presionando la tecla Sym y las vocales o la n obtengo las vocales acentuadas o la ñ. Glorioso.

Video de Relecturas.

Más info

• n97fanatics.com
• Hipertextual
• Google reader widget para el N97

Actualización

Ya salió la última versión (20.2.019) del firmware del N97. Por ser una gran actualización no puede hacerse a través del actualizador del celular, asi que debemos hacerlo con el Nokia Software Updater (www.nokia.com/softwareupdate). Por lo que veo en este video, las actualizaciones corrigen algunos de los defectos que recién mencionaba, o sea ahora se puede hacer scroll de la misma manera en todos los menúes. También se extiende la memoria, mejoras en el teclado (Al presionar sin soltar las teclas nos da el segundo valor (Ej: w -> 2)) y otras mejoras más. (gracias Matías).

No sé ustedes chicas, pero a mi el verano y la primavera me tienen a mal traer con los celulares.

Cuando usamos ropa ligera, no hay lugar dónde guardar el celu (no sean groseros).

Pero hete aquí que aparece una solución para el IPod. Una funda con imanes que permite poner el IPod en cualquier lugar, solo poniendo el iman de un lado y el IPod del otro. Como en la foto, lo podés usar perfectamente en tu malla.

La empresa que lo hace: istick.

¡Espero que copien la idea para los celulares y seré feliz!

Vía | No puedo creeer…