Comunidad de diseño web y desarrollo en internet online

Siete errores al diseñar un sitio web móvil

Ayer leía five mistakes in mobile site creation en MobilOpen, escrito por un diseñador web móvil llamado Naiyer Asif, acerca de 5 errores en la creación de sitios web móviles.

Según Asif, estos 5 errores pueden "castigar" a tu sitio web móvil:

  1. Ausencia de página Acerca de o descripción del sitio.
  2. Ausencia de contacto o método de retroalimentación
  3. Uso incorrecto de los elementos contenedores (habla de diseñar con tablas y listas)
  4. Ausencia de atajos de teclado (accesskey accelerators)
  5. Ausencia de un enlace al sitio web completo (full website o versión normal)

No me gusto su lista, ni siquiera un poquito. Eso me llevo a pensar que su lista esta mal o yo estoy suponiendo muchas cosas, y precisamente por eso traigo el tema al foro, para saber su opinión sobre la lista.

Voy a intentar explicar porque no me gusto su lista, para qué también vean mi punto.

1. Ausencia de página Acerca de o descripción del sitio.


De acuerdo, esto aplica a cualquier sitio web no solo los móviles. Lo que no comprendo es porque le tanta importacia a esto, porque como yo lo veo se llega a un sitio web móvil (principalmente) por buscador o directamente. Si entro por buscador entonces "se que estoy buscando" y cuando entre al sitio web sabré de que trata (suponiendo que me importa saberlo).

Si entro directamente significa que conozco el sitio web y escribo la URL o esta en mis favoritos, sea la versión estándar o para móviles, pero ya quedo claro que no es la primera vez que entro al sitio web y por tanto tampoco "voy a morir" por que no hay descripción. Como ejemplos Facebook, Google o Frienfeed, ninguno de ellos con descripción y son muy buenos sitios móviles.

2. Ausencia de contacto o método de retroalimentación


Si con contacto entendemos un nombre, correo electrónico, teléfono o incluso dirección, entonces estoy totalmente de acuerdo con este punto. Pero si con contacto se refiere a un formulario y con "método de retroalimentación" a un formulario más amplio aún en donde me pueda quejar, entonces hay un problema.

Creo que nadie (que valore su salud mental) sería capaz de llenar un formulario de contacto para quejarse (especialmente para quejarse) desde un teclado de móvil. Primero porque prefiero tener un número de teléfono y llamarlo que perder 10 mins. intentando escribir algo. Segundo, tendría que ser un usuario "avanzado" dispuesto a dar retroalimentación, y temo que somos una minoría. Tercero, es mucho mejor idea sugerir que si tiene algún comentario visite la versión estándar o escriba un correo a xxxx@xxxx.com (la idea de invitarlo a la versión estándar es darle un formulario más usable y accesible que realmente ayude).

3. Uso incorrecto de los elementos contenedores (habla de diseñar con tablas y listas)


Este es uno de los pocos puntos en los que estoy de acuerdo. Las tablas no son para diseñar, hacen pesado el código y realmente son odiosas. Las listas no tienen todos los problemas de las tablas, aunque estoy de acuerdo en no usarlas en exceso.

4. Ausencia de atajos de teclado (accesskey accelerators)


Siempre he tenido problema con los atajos de teclado en móviles, no se como era antes cuando empezó la web móvil, pero actualmente los atajos me parecen inútiles. Quizás los navegadores que uso son muy avanzados, lo cual dudo, pero nunca he podido usar los atajos de teclado. Todos los navegadores móviles que he probado traen sus propios atajos de teclado, Pocket IE, navegador de Sony Ericsson (una variación de Netfront), Opera Mini y Safari Mobile, ninguno usa los atajos de teclado del sitio web. Opera mini incluye (o incluía) la opción pero no por defecto. Con Safari en realidad no he probado, pero quién necesita atajos de teclado si puedes tocar la pantalla :P

Quizás algún día fueron útiles, pienso que ya no más.

5. Ausencia de un enlace al sitio web completo (full website o versión normal)


Este error es tan pequeño que no se porque esta en la lista. Acepto que a veces buscamos una opción solo disponible en la versión estándar y debemos recurrir a ella, a veces nuestro navegador es tan bueno (gracias webkit) que podemos ver la web completa sin ningún problema, en esos casos el enlace a la versión completa me parece bien pero no veo como un error no incluirlo. Hasta diría que no poner ese enlace nos puede salvar de un susto cuando llegue la factura jeje. Dejaría esto más como una buena práctica.

Con esto termino mis comentarios sobre la lista, pero quiero añadir (por ahora) dos puntos que no menciona y que para mi son los más importantes

Peso de la página completa


No importa si usamos GPRS, 3G o WiFi, o si usamos Pocket IE, Opera Mini o Safari, cuando una página móvil pesa mucho, duele. Duele pagar más por la descarga, si es gratis sigue doliendo porque es lento, y si es rápido hay que rezar porque el procesador, la memoria y el navegador no colapsen dejándonos sin nada. Por eso el peso de la página completa hay que cuidarlo, y digo página completa porque cuenta el html, imágenes, estilos y javascript.

Tamaño y estilo de la fuente


Curioso, en la lista no se menciona ningún error de diseño, y a mi gusto es de los errores que más cuestan. Una web con letras negras y fondo blanco podrás ser "móvil" en todo sentido pero nadie le quita lo aburrido, aunque por supuesto siempre hay que cuidar el contraste.

Los navegadores, y más los recientes, soportan muy bien CSS1 y CSS2, eso significa que puedes manipular casi todo el formato de las fuentes ¿para qué limitarse?
  • Usa una letra legible. Lease grande, limpia y con buen contraste.
  • Utiliza jerarquia en los textos, negrita para cosas importantes, texto grande para títulos y pequeño para notas.
  • Los enlaces son diferentes, hazlos diferentes. Con otro color, otro tipo de letra y suficientemente grandes para notarlos, o en caso de pantallas táctiles para tocarlos.


----

Y eso es todo.
Me pueden odiar por haber escrito tanto pero quería dejar claro esto. :P

¡Por la web móvil! ¡Por la fundación! ;)

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate