Futuro diseño de interfaz de usuario sin botones

Publicado: 2022-03-11

¿Qué son los botones y realmente los necesitamos?

Desde los albores de las interfaces gráficas de usuario, hemos estado usando botones. Tenga en cuenta que la interfaz gráfica de usuario original de Xerox PARC tiene 44 años, pero nuestras interfaces de usuario todavía se parecen mucho a ella. Recientemente rastreé la historia de los estilos de botones al crear la línea de tiempo de Dribbble. Aunque los botones evolucionaron en sincronía con las tendencias actuales y junto con la tecnología, su origen sin duda está inspirado en objetos reales del pasado.

Imagen escaneada del catálogo de otoño de 1897 de Sears First Electric Buzzer
Esquina inferior derecha: catálogo de otoño de 1897 de Sears First Electric Buzzer.

Durante más de una década, hemos estado creando dispositivos sin una interfaz física, que no dependen del toque humano pero que pueden activarse con la voz o con un gesto. ¿Por qué persistimos en crear formas con las que interactuar que se basan en los objetos familiares que nos rodean? ¡La forma de un botón digital todavía se basa en herramientas y mecanismos que desarrollamos en el siglo XIX!

Hemos creado dispositivos electrónicos inteligentes completamente nuevos: podemos manejarlos de casi cualquier forma que elijamos, pero por pereza o por la fuerza de la costumbre, seguimos obligando a nuestros usuarios a hacer clic en una pequeña área complicada de solo unos pocos píxeles de ancho.

Es hora de hacer algo al respecto, es hora de pensar sin botones.

Interfaz de usuario "sin botones": donde todo interactúa

Una "utopía sin botones" es un concepto en el que cualquier intento de aferrarse a más de 130 años de la forma en que siempre se han hecho las cosas se hace añicos por completo. El futuro es ahora: debemos seguir adelante y deshacernos de las soluciones obsoletas de nuestros predecesores.

¿Es posible que imaginemos una interfaz completamente libre de botones? ¿Algo tan intuitivo, que con solo mirarlo, sabrás cómo actuar? Ya no necesita estar solo en nuestra imaginación: estas interfaces ya existen.

Aplicación Microsoft HoloTour en AR
Microsoft HoloLens: HoloTour.

¿Podemos, de una vez por todas, eliminar el venerado botón? Micrófonos, cámaras, pantallas táctiles, vibración, acelerómetros, giroscopios, GPS, realidad extendida, realidad virtual, la lista continúa, y todo esto manejado desde su teléfono inteligente o PC. Ya no hay ninguna razón para continuar obligando a sus usuarios a presionar ese pequeño rectángulo.

Eliminemos los botones en las interfaces de usuario

¿Has leído Type Design donde las interfaces están desprovistas de cualquier elemento gráfico, y donde lo único que importa es el contenido? Muchos de ustedes preguntaron: "¿Qué pasa con los botones?" Ya no los necesitamos, eliminémoslos por completo.

Aquí hay un par de ideas interesantes:

Facebook acaba de preguntar: "¿Cuál es tu estado de ánimo?" No es necesario presionar un botón para responder, use su voz, solo dígale que se siente bien y diríjase a la playa. Luego, arrastra el texto que Facebook reconoce de tu respuesta a donde quieras que aparezca.

Animación de la interfaz de voz.
Búsqueda por voz.

¿Te gusta un artículo en Medium? Hace un tiempo en Medium, simplemente podías “recomendar” un artículo. Hoy hacemos clic en "aplausos". Así que "aplaude". ¿Qué pasaría si no hubiera necesidad de hacer clic en este pequeño botón extraño, simplemente aplaudir literalmente ?

Hombre aplaudiendo a un artículo en Medium
Concepto sin botones de Wojciech Dobry (…No te lo tomes demasiado en serio).

¿Qué pasa con algunas acciones más complejas? Como una compra en una tienda en línea. Arrastre y suelte un artículo en el carrito de compras, deslícese para proceder al pago y luego confírmelo con su huella digital. Pan comido.

animación de interfaz de usuario
ASOS - Animación para añadir al carrito de Zachary Zhao.

Piense en el contenido y en toda la pantalla

Comencemos con las superficies que tocamos actualmente para realizar una acción. Dado que la gran mayoría de las interfaces gráficas de usuario de hoy en día son pantallas táctiles, que a menudo se manejan con los pulgares, es lógico pensar que dichas interfaces estarán con nosotros durante mucho tiempo. Y definitivamente tendremos ese impulso irresistible de hacer tapping: después de todo, el tacto es nuestra sensación más importante. Tocar la superficie nos da una sensación de acción real, de control. ¿Cómo sería que en lugar de hacer clic en un punto en particular, enseñáramos a nuestros usuarios a interactuar con toda la superficie ?

Veamos cómo lo hace Instagram:

Navegación de la historia de Instagram
Navegación de historias de Instagram.

¿Alguna vez ha visto un botón que le permite navegar por una historia de Instagram y volver a la historia anterior? Probablemente no, porque todo lo que necesita hacer es tocar el borde izquierdo de la pantalla para que suceda.

Los usuarios esperan nuevas formas de interactuar con nuestros productos digitales y, a menudo, no implica un botón. Las tarjetas responden en todas sus superficies; al hacer clic en cualquier palabra, esperamos encontrar su definición; al tocar imágenes, esperamos alguna acción. Los usuarios ya están acostumbrados al hecho de que áreas enteras responden al tacto.

Reconocimiento de gestos

Entendemos muy bien los gestos porque son naturales para nosotros y se reflejan en nuestras acciones físicas. Actualmente, casi todas las aplicaciones los utilizan para acelerar la navegación; podemos tocar dos veces una foto en lugar de presionarla como un botón; podemos deslizar para navegar por la galería; o pellizcar para hacer zoom en cualquier contenido.

Animación de interfaz de usuario dibujando corazón en pantalla táctil
Virgilio Pana.

interfaz de usuariointerfaz de usuario

Interfaces de usuario de Ramotion y Jarek Berecki.


Hacemos gestos no solo en pantallas táctiles planas, los gestos también se realizan en espacios AR y VR, donde podemos navegar con todo nuestro cuerpo.

Hombre usando gestos en realidad aumentada
Gestos en HoloLens de Microsoft.


Hombre usando reconocimiento de gestos para controlar IoTHombre usando reconocimiento de gestos para controlar IoT

Reconocimiento de gestos Clay VR en iPhone.

Interfaces de voz

Siri, Cortana, Alexa y Google Assistant están todos en funcionamiento. Muchos argumentan que las interfaces de voz son el futuro; es difícil no estar de acuerdo ya que sus usos potenciales son innumerables. Podemos controlar vehículos, edificios inteligentes y máquinas simplemente hablando con ellos, tal como hablamos con una persona real. Con la inteligencia artificial y el aprendizaje automático, las máquinas ahora pueden comprender nuestro idioma con mayor precisión. Ya no estamos limitados a pronunciar "hechizos mágicos" cuidadosamente escritos; podemos hablar en oraciones completas.

Aceptar anuncio de Google
Está bien Google…

Mediante el uso del habla, podemos movernos libremente en el mundo de las transferencias de dinero. Actualmente, Siri te permite transferir dinero a través de PayPal a otra persona usando solo una solicitud rápida: "Siri, envía $200 a XYZ usando PayPal". Sin botones: la única confirmación y verificación de seguridad requerida es Touch ID.

Siri utilizado para la transferencia de PayPal en iPhone

Acciones físicas, dispositivos conectados y reconocimiento de video

¿Sonrisa para pagar? ¡Esta aquí! Alibaba y KFC lanzaron conjuntamente un sistema que le permite pagar simplemente sonriendo a la cámara, sin presionar botones. El sistema funciona con reconocimiento facial y ya está disponible en China.

KFC y Alibaba sonríen al sistema de pago

Este es solo uno de los usos potenciales. Nuestros dispositivos ya están equipados con una gran cantidad de sensores y pueden monitorear todo su cuerpo. Nada le impide usar un dedo para realizar cualquier acción en su teléfono inteligente.

iWatch usado para desbloquear MacBook Pro

Otro ejemplo de una acción física que acelerará la desaparición de los botones es simplemente estar cerca del dispositivo. Veamos el iWatch, por ejemplo: simplemente conéctelo con su computadora portátil y espere para desbloquear su MacBook. Los dispositivos portátiles se pueden usar para confirmar nuestra identidad, así como para predecir de manera inteligente nuestras necesidades en función de la ubicación y los datos del sensor. Gracias a ellos, ya podemos evitar el uso de botones en muchas interfaces.

Giroscopio utilizado para controlar el dispositivoGiroscopio utilizado para controlar el dispositivo

No olvidemos las tecnologías que han estado ampliamente disponibles durante varios años. Uno es el giroscopio, disponible en casi todos los teléfonos inteligentes, pero rara vez se usa en las interfaces. Arriba, puedes ver las interfaces experimentales creadas por Patryk Adas.

Futuro de diseños de interfaz de usuario

Con tantas opciones diferentes a nuestra disposición, ahora es posible olvidarse de los típicos botones rectangulares para que los usuarios interactúen. Con la tecnología actual, tenemos la capacidad de crear interfaces completamente nuevas que pueden:

  • Ahorre tiempo a los usuarios
  • Prevenga errores, deslices y equivocaciones
  • Compensar cualquier acción accidental

conceptos de interfaz de usuarioconceptos de interfaz de usuario

Interfaces conceptuales de Cosmin Capitan y Ramotion.


Ha llegado el momento: la tecnología nos está superando. Nosotros, los diseñadores, DEBEMOS perseguirlo... ¡y asegúrese de ponerse al día!