Diseño de Paginas Web

Errores comunes al diseñar para móvil

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando...

Explicamos algunos de los errores que más comúnmente se cometen al elaborar un diseño para verse en dispositivos móviles

La tecnología móvil ha ocupado un alto grado de relevancia al momento de tomar decisiones relacionadas al diseño, estructura y apariencia de los sitios web. Los teléfonos inteligentes y las tablets, definen uno de los mercados de usuarios más amplios de la actualidad, por lo que muchas compañías deciden enfocar el rumbo del diseño de sus sitios a la adecuación a estos dispositivos.

El diseño enfocado a equipos móviles se puede poner en práctica de distintas formas, ya sea realizando alguna aplicación, desarrollando algún sitio móvil online, o simplemente haciendo la versión adaptable de un sitio que fue diseñado para verse en una computadora de escritorio.

Sea cual sea la razón por la que te decidiste entrar al diseño para móvil, antes de que tu desarrollo salga al público, debes tomarte un tiempo para analizar tu proyecto y ver si no cometiste alguno de los errores en que más comúnmente incurren los diseñadores.

Web mal estructurada y de difícil navegación

Es necesario tener muy clara desde el principio la estructura que queremos que nuestra página web siga. El mapa del sitio debería planearse de antemano acorde a la información que queremos comunicar y a nuestro público objetivo, para evitar sorpresas desagradables.

Los usuarios tienen que encontrar la información de manera inmediata y sin necesidad de tener que investigar o pasar horas buscando por nuestra web. Por lo tanto el estilo, el orden y las categorías deberían ser clarísimos desde un buen principio porque cambiar toda la estructura del sitio web al final, cuando ya está diseñado, no es tarea fácil ni agradable.

Exceso de funcionalidades

Cuando estamos realizando una aplicación o un sitio web, es común que queramos agregar muchísimas cosas para que el usuario tenga disponible todo lo necesario para llevar a cabo correctamente sus actividades. Con esto pensamos que la experiencia del usuario será totalmente satisfactoria y que la respuesta será positiva, sin embargo, al hacer esto corremos el riesgo de no cumplir con los estimados y terminar entregando un producto de mala calidad.

Si implementamos demasiadas características a nuestro producto, tanto la calidad como la experiencia se verán afectadas, además de que se presenta la posibilidad de dejar pasar por alto grandes funcionalidades, al no explotarlas adecuadamente ni presentarlas de forma correcta.

Es importante que en la etapa de planificación, escribamos todas las ideas que se nos ocurran, que features consideramos necesarios para que la página o aplicación funcionen adecuadamente en los dispositivos móviles de cada cliente, de esa forma no dejaremos pasar ninguna gran idea. Una vez que tengamos esto, es necesario ir identificando lo viable, lo necesario y lo importante, para de esa manera filtrar nuestra lista.

Una vez que hayas elegido un par de las funcionalidades más importantes a realizar para tu aplicación, puedes iniciar el proceso, cuando termines tu producto puede ser lanzado y cuando encuentre un mercado, este mismo te ira definiendo cuales son los siguientes pasos a tomar. De esa manera se pueden ir añadiendo características de manera gradual, manteniendo un alto estándar de calidad.

Falta de alineamiento y espacio

Debes tomar las medidas necesarias para que todos los elementos que se muestren dentro del diseño estén propiamente alineados. Esto no significa que tengamos que utilizar alguna técnica compleja o algo muy elaborado para lograrlo, basta con mantener un alineado a la izquierda que mantenga la misma distancia entre cada elemento, si decides utilizar un margen de 10 píxeles, se constante y utilízalo a lo largo de la página.

Es muy importante respetar el espacio consistente en los elementos, ya sea el espaciado que se da entre ellos, así como el que se agrega entre el contenedor y el texto. El espacio en blanco juega un papel relevante al momento de la lectura y comprensión del sitio.

Utilizar elementos de tamaño pequeño

Al tratar de ajustar todo el contenido de una página en la pantalla de un dispositivo móvil, podemos recurrir a la disminución extrema de ciertos elementos como los botones. Sin embargo, tenemos que recordar que cuando agregamos un elemento que llama a algún tipo de acción por parte del usuario, el tamaño que le demos jugará un papel muy relevante en la experiencia que se produzca.

El tamaño mínimo recomendado para este tipo de elementos es de 44 píxeles cuadrados, de esa manera pueden ser funcionales para la mayoría de los dedos, y así evitarás que surja la frustración al momento de interactuar con tu sitio.

Incluso se puede optar por hacer un área de contacto más grande, para prevenir el fallo si los clics se dan fuera del botón en un lugar cercano. De esa manera podemos conservar botones no muy grandes pero con áreas que detecten tamaños de dedos grandes.

Uso constante del logo en la barra de título

El logo es un elemento que juega un papel muy importante en el desarrollo de una marca, sin embargo, su uso excesivo en el despliegue de páginas para dispositivos móviles puede causar una mala experiencia para el usuario.

Con el fin de que el usuario relacione el logo con el sitio, muchos diseñadores optan por añadirlo en la barra de título de todas las páginas de la versión móvil del sitio, reemplazando al nombre de la página. Esto puede servir bien para la primera página, nuestra landing page o nuestra homepage, pero las páginas subsecuentes deben de mantener un título normal, ya que esto ayudará al usuario a saber el tipo de contenido que se mostrará.

Información de contacto

Parece increíble, pero sorprende ver el número de páginas web corporativas que no disponen de datos de contacto o que si lo hacen los esconden en categorías extrañas que nada tienen que ver y que son casi imposibles de encontrar por el consumidor.

Como ya comentaba antes, una página web es al fin y al cabo una herramienta para comunicarte con el consumidor y adquirir consumidores nuevos, por lo tanto los datos de contacto deberían ser fáciles de encontrar. Hay que ofrecerle al consumidor la posibilidad de contactarnos y por tanto como mínimo la dirección de e-mail y un teléfono de contacto deberían ser fácilmente accesibles.

Mostrar rutas para navegar

Cuando diseñamos un sitio web para mostrarse en tamaños de pantalla grandes, es común que utilicemos la técnica de las migas de pan para mostrar cada una de las categorías y secciones padres donde se encuentra el archivo que el usuario esta viendo. De esa manera, el visitante puede regresar a un nivel anterior y ver otros artículos relacionados al mismo tema, promoviendo la navegación a través del sitio.

En el caso de los dispositivos móviles, el uso de ésta técnica puede resultar contraproducente, ya que por accidente podemos dar clic a otro nivel, perder el historial que teníamos e incluso extraviar información.

Es por esto, que un simple botón de regresar es más recomendado para estos casos. Este tipo de botón permitirá al usuario moverse entre niveles, dejando fuera la posibilidad de equivocar y permitiendo conservar la configuración.

Fallos en la seguridad

Es necesario alojar la web en un servidor seguro y proteger las bases de datos, sistemas de pago o cualquier elemento que recoja datos del consumidor contra posibles ataques de piratas informáticos. Un problema de seguridad o de privacidad de datos supone la pérdida de confianza del consumidor y una mala imagen y mala reputación de nuestra empresa.

Elementos automáticos, abuso de Flash y publicidad indeseada

Disponer de publicidad en la página web puede ser una manera (aunque muy cuestionable en páginas corporativas) de obtener ingresos extra o cerrar colaboraciones con colaboradores. Sin embargo conviene que esta publicidad no sea intrusiva (típico anuncio pop-up que te bloquea la pantalla hasta que consigues encontrar la pequeñísima cruz para cerrarlo) pues molesta a la navegación.

También molesta bastante al consumidor el disponer de un video, canción o elemento que se ponga en marcha automáticamente al entrar en la web. Si tenemos un video que queremos que el consumidor vea no hay problema en ponerlo bien visible en la página web, pero nunca debería empezar de manera automática. Es el usuario el que debería controlar como y cuando lo reproduce.

Algo similar ocurre con el uso de intros en flash. Hubo una época de auténtica fiebre por incluir este tipo de introducciones en las páginas web corporativas. El consumidor quiere acceso directo a la información y por norma general este tipo de videos son vistos como una molestia o una pérdida de tiempo. Si de todas maneras insistimos en ponerlo, debemos asegurarnos de que la opción de “Saltar introducción” (o Skip intro) esté bien visible.

Otro factor a tener en cuenta es que los móviles no reproducen contenido flash y por lo tanto esto va a impedir que nuestra web pueda consultarse correctamente desde un dispositivo móvil, algo que es cada día más importante y común.

Problemas de carga en la página

No hay nada que desespere más a un usuario que una página web que tarda en cargarse, especialmente hoy en día que las conexiones a internet son por norma general buenas. Esto puede deberse a una mala programación del sitio cuando se diseñó la página o puede tratarse de un problema de la empresa de hosting. El primero de los casos es fácilmente controlable, el segundo está fuera de nuestro alcance, pero ayudará que la compañía de hosting disponga de un buen servicio técnico que pueda ayudarnos a solucionar posibles problemas.

Una respuesta

  1. Me parece un excelente artículo y por mencionar jqm que falla en algunos aspectos de UX. Por otro lado las interfaces planas son más amigables con el dedo… saludos.

Deja una respuesta