Como afectan los botones el diseño de las aplicaciones móviles

Por

Los botones son uno de los elementos más comunes las aplicaciones móviles. Son la forma más habitual en la que interactuamos con la interfaz de usuario, y aunque parezcan elementos sencillos de diseñar, lo cierto es que no lo son. Esa es la razón por la que en la actualidad existen numerosas librerías con las que diseñadores y desarrolladores que ayudan a que no sean diseñados desde cero. Este es un listado de algunos consejos prácticos para no cometer errores en este elemento tan sensible:


El usuario lo debe de reconocer

Puede parecer un detalle absurdo, pero no lo es. Todos los elementos en la pantalla deben transmitir, sin ninguna duda, lo que son y elobjetivo de que estén en la interfaz de usuario y las acciones que se pueden desencadenar si se interactúa con ellos. Un botón debe parecer un botón y quedar claro qué acciones concretas se conseguirán si uno decide interactuar con él.

images-7.jpg

En el diseño Material Design, impulsado por Google, existen tres tipos básicos de botones de interacción: Raised Buttom (el rectangular con esquinas redondeadas), Floating Action Button (circular) y Flat Button (sólo textual). La combinación de los distintos tipos de botones debe guardar una coherencia en los entornos y tipos de acciones que desencadenan para ser consistente.

Los botones son parte esencial del interfaz

Los botones son un elemento de interacción, pero también lo son de diseño. Y forman parte de un contexto, con una línea gráfica concreta. Por tanto, el estilo de esos elementos debe ir en sintonía con el entorno, con la capacidad de apuntalar esa línea gráfica y aportar su granito de arena a la consistencia del proyecto visual. Los botones son algo más que una forma: tienen un color, un tamaño, se pueden usar degradados, sombras, efectos, animaciones Debe existir una coherencia. No es muy aconsejable el uso de sombras excesivas o borrosas o no usar botones con un leve borde en la caja si se encuentran en una interfaz con un fondo claro. 

assistivetouch-ios.jpg

Un elemento interesante es que el diseño de los botones debe aportar valor a las acciones que hay detrás de los elementos y, en última instancia, a los objetivos del proyecto. No hay nada peor que un botón a través del que se accede a un registro que no invite a la interacción, no avance su finalidad y no consiga altas de usuarios.

Localización de los botones

El espacio que ocupan los botones dentro de la interfaz también debe guardar una relación coherente y de consistencia en todo el producto y seguir la tendencia general para garantizar que el usuario sabe perfectamente que está ante un botón de interacción y qué tipo de acciones se pueden desencadenar al hacer clic: registro, desplegar un menú. También es importante cómo esa colocación varía a partir de la interacción con el usuario para evitar que las animaciones escondan los elementos debajo de otros. Por ejemplo, esconder botones flotantes bajo barras animadas.

 app-4.png

Forma de los botones

la mayoría de botones han tenido forma rectangular con los bordes redondeados. Eso es lo que ha permitido que ese tipo de forma se haya instalado en la mente de los usuarios como elementos que son botones y que se pueden cliquear para hacer algo. Hoy en día, la forma habitual de los botones se sigue manteniendo, pero nuevas tendencias se han ido incorporando, sobre todo en aplicaciones nativas para dispositivos móviles, otro tipo de formas como la circular o donde el botón viene definido sólo por el texto que avanza la acción que esconde detrás.

 

cta-apps