Últimamente, tanto en Seisdeagosto.com como en Ilios Network, estamos involucrados en un montón de proyectos relacionados con aplicaciones móviles. Nunca antes habíamos trabajado tanto en este tipo entornos, está siendo maravilloso.
El caso es que hace unos días, mientras discutíamos propuestas de interfaz con un cliente, surgió un interesante debate sobre la “butonización” de este tipo de aplicaciones: la creciente y tentadora tendencia a prescindir del viejo enlace para navegar y en su lugar utilizar elementos de interacción con apariencia de botón. Pásate por las últimas apps que tienes instaladas en tu móvil y verás el peso que tienen los botones sobre enlaces, todo está “butonizado”, por ejemplo:
En los proyectos donde trabajo suelo ser muy talibán con este tipo de detalles, es quizás donde más cuidado y atención pongo, pues creo que es ahí donde el trabajo del diseñador de interacción tiene más sentido. Mi filosofía en interfaces “desktop” ha sido siempre la de utilizar lo menos posible los botones y sólo darles protagonismo en la acción clave de la página en cuestión. Pero con interfaces móviles está sucediendo justo lo contrario: el enlace pierde prácticamente todo el protagonismo y sólo se utiliza en bloques de texto donde un botón resulta demasiado forzado (aunque en Android tenemos ejemplos donde se aplica incluso en estos casos).
Al final uno se encuentra con que tan sólo recurre a enlaces en escasas secciones de la applicación, incluso diría que la proporción botón/enlace en una app es de 90/10. Y a veces pienso si ese 10 es necesario, si también se puede “butonizar”. Personalmente creo que tanto un botón como un enlace con un buen literal son perfectamente cómodos para hacer tap sobre ellos, no creo que sea una cuestión relacionada con leyes de Fitts y esas cosas.
Pero igual me estoy haciendo demasiado talibán y debería ir a tomarte algo. ¿A nadie se le ha pasado esto por la cabeza?
Nosotros también estamos en esos menesteres y a veces me he encontrado pensando “pero si todo es rollo botón!!”
Diseñar para móviles es casi como diseñar para un dispositivos físicos. Lo bueno del diseño de botón es el efecto de tocar, de hacer clic, o en el caso de los móviles de hacer tap.
Creo que los botones, en el caso de los móviles, ayudan más a generar el efecto “tocón” que podemos lograr -con otros efectos- en el caso de la web.
Saludos!
Tal como yo lo veo, la “butonización” también puede empezar a afectar a las interfaces de escritorio. Aunque más que como botones, como enlaces-área.
Me explico: una de las nuevas posibilidades de HTML5 es englobar varias etiquetas dentro de un enlace, por ejemplo:
<a href=”google.es”><h1>Google</h1><img src=”google.jpg” /><p>Buscador de internet</p></a>
Esto resulta lógico, por ejemplo, en un listado de fichas de productos. Cada ficha (con su titular, foto, textos …) conforma una unidad de información y enlace. Esto hace que en lugar de un enlace contextual en línea, tengamos un bloque/área que funciona como enlace único.
¿Que te parece?
Salir a tomar algo siempre está bien, al margen de talibanismos. 😀
El ejemplo que pones en la imagen me hace dudar un poco, porque esa
“butonización” es distinta a otra más común en la que los botones son iconos
o filas de acciones de un menú. Hay muchos ejemplos: IMDb, Dropbox, TweetDeck…
Creo que Foursquare es un buen ejemplo de algo más mixto y donde se mantienen más las reglas tradicionales. E incluso en este caso acaban tirando mucho de botones para cosas como filtros en listados.
Mi experiencia en estos casos es que el tap sobre esas áreas es más cómodo que sobre enlaces. ¿No lo ves tú así?
Lo que mas preocupa es no tanto el uso de botones sino el exceso de iconos en ellos.
Ultimanente tengo una lucha por evitar que todo acabe iconizado. En la mayoría de los casos con un buen literal es suficiente, antes que intentar representar todo con iconos porque “queda mas bonito”.
Yo creo que tiene sentido por una única razón (o grupo de usuarios), que es la gente con dedos gordos, entre los que me incluyo.
Te pongo un ejemplo concreto; hace poco empecé a utilizar Instagram y acostumbrado a este tipo de aplicaciones “butonizadas” su interfaz me pareció muy poco usable, justamente por el uso generalizado de literales en lugar de botones para mostrar información.
Información Bitacoras.com…
Valora en Bitacoras.com: Últimamente, tanto en Seisdeagosto.com como en Ilios Network, estamos involucrados en un montón de proyectos relacionados con aplicaciones móviles. Nunca antes habíamos trabajado tanto en este tipo entornos, está siendo ……
Se nota que no tu móvil no tiene pantalla resistiva… para los desafortunados y/o masoquistas que tiramos de pantalla táctil barata, pinchar un enlace con el reborde de la uña es un martirio.
Es cierto que los botones incitan a que todo acabe convertido en iconos pero, como sugiere damaris, el abuso se puede corregir usando botones cuyo contenido es una etiqueta, no un icono.
También se puede conseguir que el usuario aprenda qué significan los iconos si se repiten los mismos comandos en el menú contextual, así que al menos en Android se puede conseguir una curva de aprendizaje suave.
De echo, si os fijáis, el cambio no afecta sólo a las aplicaciones móviles sino que ha llegado también a las aplicaciones web.
El rediseño de Google+, Gmail, Twitter… con estilo de listas tipo “rectángulos gordotes” se está imponiendo, porque es un estilo portable entre dispositivos y compatible para interacción táctil o con puntero.
Otra cosa es que se pueda hacer bonito, como en Twitter, u horroroso como en Gmail… pero eso ya es una cuestión estética que habla de la habilidad del diseñador gráfico.