comparte el articulo 

Errores comunes al diseñar para móvil

Actualizado el 03/10/2013 < > 1 Comentario

Resumen: 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.

Omitir la depuración y refinado de características

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á.

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.

Publicado el 11/06/2013, última actualización 03/10/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

Añadir Comentario (Subir al texto)

1 Comentario

  1. pata_de_jaguar

    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.

    Miércoles, 12 de junio 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras