comparte el articulo 

Web móvil. Miniaturizar, movilizar…o nada

Actualizado el 09/11/2012 < > 0 Comentarios

Resumen: La web móvil es (o puede llegar a ser) un verdadero quebradero de cabeza para los diseñadores web. ¿Qué estrategia seguir a la hora de diseñar o desarrollar webs para móvil? ¿Adaptar el diseño? ¿No?

La web móvil es (o puede llegar a ser) un verdadero quebradero de cabeza para los diseñadores web. ¿Qué estrategia seguir a la hora de diseñar o desarrollar webs para móvil? ¿Adaptar el diseño? ¿No?

Existen diferentes maneras de enfrentarse a este problema, que resumiendo mucho serían estas:

  1. No adaptarse, los terminales evolucionan tan rápido que no merece la pena el esfuerzo.
  2. Miniaturizar: adaptar solo el aspecto visual para que se vean lo mejor posible en terminales pequeños.
  3. Movilizar: adaptar no solo gráficamente, sino también en cuanto a objetivos y contenidos, ya que un terminal móvil tiene un uso diferente del que tendría un ordenador.

En este vídeo gratis para video2brain, Marcos González Sancho (@qmarcos), diseñador y desarrollador web, desgrana estas tres opciones y nos cuenta cuál es su favorita y por qué:

http://www.youtube.com/watch?v=eQsiKyY-5kM&feature=plcp

Al hilo de este tema, Marcos también ha publicado en el blog de video2brain un post en dos partes titulado “10 Consejos de usabilidad para la creación de formularios en dispositivos”, donde con mandamientos como “El tamaño sí importa” hace una recopilación de los 10 puntos que cualquier diseñador de web móvil debería tener en cuenta a la hora de enfrentarse a un trabajo de web móvil:

  1. Filtra lo que es necesario de lo que no y simplifica.
  2. Aprovecha las ventajas que ofrecen los dispositivos móviles: Como la geolocalización, la detección del idioma, etc. cosas que ahorran pedir información al usuario.
  3. Paso a paso: Las guías por pasos son una ayuda importante a la hora de introducir datos, ya que el usuario no se ve abrumado por largos formularios. En los dispositivos funciona especialmente bien.
  4. Evita largos desplegables: Si puedes ofrecer alternativas, mejor, tales como listas con filtros, autocompletados, etc.
  5. Valida a cada paso: No esperes al final de todos los pasos para validar los datos. De esta manera la corrección de los errores será menos pesada, y evitarás que el usuario tenga que ir adelante y atrás en los pasos para lograr solucionarlos.
  6. Cuidado con el tamaño de los campos: tienen que ser lo suficientemente grandes como para interactuar con el dedo.
  7. No reinventes la rueda: Es importante que el usuario reconozca fácilmente los elementos en pantalla para interactuar con ellos.
  8. Tratamiento de contraseñas: es difícil deletrear correctamente las contraseñas en dispoitivos táctiles o en pantallas pequeñas. Sé amable, y prepara un botón «mostrar» contraseña que permita al usuario verla cuando lo necesite.
  9. Correcta identificación de campos: es importante poner un label que describa el campo, en algunos casos, con un placeholder puede ser suficiente.
  10. Atención a las estadísticas: usa los datos de los usuarios para adaptar la interfaz a sus necesidades y comportamientos. Ponle más accesible lo que más use, y los elementos menos populares a un segundo plano.

Para completar este tema, os dejo más referencias de expertos en el tema.

Espero que estos recursos os sirvan para enfrentaros de forma informada a los problemas de la web móvil y que os resulten de utilidad.

Publicado el 27/07/2012, última actualización 09/11/2012.

Contenido exclusivo de LaWebera.es y su autor. Prohibida su copia.

Autor: Guzmán Huerta @ghuerta, content manager para video2brain.

URL: video2brain

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras