Mientras Apple quita los botones, encontramos una manera de agregar uno.

Actualización posterior: botón de cámara RIP

Apple nunca ha tenido miedo de correr riesgos de diseño. A principios de este año, Apple apareció en los titulares cuando reveló un nuevo diseño de iPhone que omitió el icónico botón de Inicio. Ahora, estoy a favor de la simplificación. Pero para la comunidad del diseño, cada mayor simplificación del hardware de Apple nos mantiene alerta. Significa buscar soluciones creativas para evitar la constante búsqueda de minimalismo de Apple.

Entonces, cuando nos quedamos sin botones para ocultar la interfaz de usuario de nuestro software, realmente nos obligó a usar nuestra imaginación. En lugar de presionar la interfaz de usuario donde no encajaba, creamos un nuevo botón para ocultarlo: se llama Botón de cámara.

Estamos presentando el botón de la cámara en nuestro último producto: Luna Display. Pero el botón de la cámara tardó mucho en llegar, y queremos compartir cómo llegamos aquí.

Toque la cámara frontal para revelar la configuración de la pantalla y los accesos directos en la aplicación Luna

Una misión para simplificar la interfaz de usuario enredada

Nuestro problema comenzó hace tres años cuando estábamos trabajando en nuestro primer producto, Astropad. Con Astropad reflejando la pantalla de tu Mac en tu iPad, terminas obteniendo una superposición de interfaz de usuario única. Primero, aparece la interfaz de usuario de Mac en su iPad, proveniente del programa de Mac que esté utilizando, como Photoshop o Sketch. Además de eso, está la interfaz de usuario nativa del iPad. Entonces, si quisiéramos agregar nuestra propia interfaz de usuario de Astropad, ¿a dónde iría? No queríamos crear una matriz loca de IU conflictiva, por lo que buscamos una forma de minimizarla.

Nuestra primera solución para esta interfaz de usuario enredada fue el "anillo" de Astropad. Es un pequeño anillo móvil que siempre aparece en la pantalla de tu iPad cuando trabajas en Astropad. Al tocarlo una vez, aparece una barra lateral con accesos directos y configuraciones. Toque de nuevo y desaparece. ¿Pero podríamos minimizar aún más nuestros bienes inmuebles en la IU? A pesar de lo práctico que era este pequeño anillo, todavía se interpone en el camino.

El anillo negro y rojo levanta una barra lateral del espacio de trabajo en Astropad

Buscando espacio en un espacio lleno de gente

Nos propusimos encontrar una alternativa al anillo Astropad. La primera opción obvia era hacer un nuevo gesto, pero nos dimos cuenta rápidamente de que había un espacio limitado para esto. Cada borde del iPad ya está ocupado con un gesto existente: deslice hacia arriba para acceder a su base, hacia la izquierda para buscar y hacia abajo para recibir notificaciones. Realmente necesitábamos algo nuevo para trabajar.

Nuestro cofundador de Astro HQ, Giovanni Donelli, dijo que la idea de convertir la cámara en un botón surgió como un rayo: “He estado mirando un iPad de bisel blanco durante tanto tiempo y seguí deseando que hubiera otro botón de inicio que pudiéramos usar. ¡Mis ojos seguían cayendo sobre la cámara, y realmente quería tocarla! ”Giovanni construyó un prototipo inicial del Botón de la cámara en una hora.

Gestionar variables y maximizar la eficiencia.

Convertir la cámara en un botón que funcione de manera confiable no fue fácil. En total, pasamos cuatro meses de esfuerzos continuos de ingeniería para superar estos obstáculos:

Iluminación variable

El botón de la cámara funciona detectando la cantidad de luz que entra por la cámara. Cubrir la cámara con el dedo bloquea toda la luz, provocando una respuesta del iPad. La parte difícil fue hacer que funcionara en todas las condiciones de iluminación, en todas las cámaras iPad.

Para probar cómo se comporta la cámara en diferentes condiciones de iluminación, construimos una caja de luz improvisada. Al manipular la iluminación, pudimos diseñar el botón de la cámara para que funcione de manera predecible a pesar del brillo de la habitación. Incluso probamos las variaciones en la presión de los dedos: qué tan fuerte o levemente toca la cámara. El artilugio del dedo en la foto de abajo tiene un tornillo de ajuste que controla qué tan lejos se presionó el dedo en la cámara del iPad.

Prueba del botón de la cámara con luz ambiental variable

Eficiencia energética

Para que el botón de la cámara funcione, la cámara debe procesarse constantemente mientras usa la aplicación. Por lo tanto, desde el principio logramos un objetivo de diseño para garantizar que no afecte la vida útil de la batería. Esto significaba escribir código muy eficiente basado en algoritmos que priorizaban la eficiencia energética. Después de escribir el código, lo optimizamos meticulosamente para eliminar cualquier cuello de botella. Hoy, el botón de la cámara requiere menos del 1% de CPU para funcionar.

Privacidad del usuario

Mantener la privacidad del usuario es fundamental, y eso significó encontrar formas de anonimizar los datos que ingresan desde la cámara. La solución: difumine las imágenes de la cámara hasta el punto de no poder ver la entrada de datos, por lo que lo único que registra la cámara es la cantidad de luz que ingresa. Además, los datos que ingresan a través de la cámara nunca salen del iPad y son nunca enviado a un servidor.

Aunque el uso del botón de la cámara es una configuración opcional en Luna, entendemos que algunos usuarios pueden no sentirse cómodos con esta función. Es por eso que también programamos los botones de volumen del iPad para que tengan la misma funcionalidad que el botón de la cámara.

Las imágenes de la cámara se ven borrosas para anonimizar los datos.

Una nueva interacción elegante con iPad

En total, pasamos unos seis meses construyendo y probando el botón de la cámara. El resultado: una nueva interacción elegante y funcional para su iPad que no interrumpe su flujo de trabajo. The Camera Button está haciendo su primer debut en Luna Display, un nuevo hardware que convierte el iPad en una segunda pantalla para Mac. Toque la cámara para mostrar una interfaz simple para ajustar el brillo de la pantalla, la disposición de la pantalla y más.

Ajuste el brillo o configure la disposición de la pantalla en la barra lateral oculta de Luna

Al final, los diseñadores y desarrolladores deben innovar constantemente para mantenerse con vida. Pero, por supuesto, eso es más fácil decirlo que hacerlo. Nos llevó mucho tiempo ver las oportunidades de innovación que nos rodeaban; Teníamos el botón de la cámara justo debajo de la nariz (literalmente) durante meses antes de ver su potencial. Cuando busque innovación, solo recuerde que a veces las soluciones más sorprendentes están ocultas en los lugares más mundanos, por lo que vale la pena echar un segundo vistazo a lo común. •