Mens Apple fjerner knapper, fandt vi en måde at tilføje en.

Post-opdatering: RIP-kameraknap

Apple har aldrig været bange for at tage designrisici. Tidligere i år kom Apple overskrifter, da det afslørede et nyt iPhone-design, der udeladte den ikoniske Hjem-knap. Nu er jeg alt sammen til forenkling. Men for designfællesskabet holder enhver yderligere forenkling af Apple-hardware os på tæerne. Det betyder at søge efter kreative løsninger til at omgå Apples konstante søgen efter minimalisme.

Så da vi løb tør for knapper for at skjule vores softwares UI bag, tvang det virkelig os til at bruge vores fantasi. I stedet for at klemme brugergrænsefladen ind, hvor den ikke passede, byggede vi en ny knap til at skjule den: den kaldes kameraknappen.

Vi debuterer kameraknappen i vores seneste produkt - Luna Display. Men kameraknappen er længe kommet, og vi vil dele, hvordan vi kom hertil.

Tryk på det frontvendte kamera for at afsløre skærmindstillinger og genveje i Luna-appen

En mission til at forenkle sammenfiltrede brugergrænseflade

Vores problem begyndte for tre år siden, da vi arbejdede med vores første produkt, Astropad. Når Astropad spejler din Mac-skærm på din iPad, får du en unik brugergrænsefladeoverlapning. Først vises Mac UI på din iPad, der kommer fra det Mac-program, du bruger, f.eks. Photoshop eller Sketch. Dertil kommer den oprindelige iPad UI. Så hvis vi ville tilføje vores eget Astropad UI, hvor ville det gå? Vi ønskede ikke at skabe en vanvittig matrix med modstridende brugergrænseflade, så vi kiggede efter en måde at minimere den på.

Vores første løsning til denne sammenfiltrede brugergrænseflade var Astropad-“ringen”. Det er en lille bevægelig ring, der altid vises på din iPad-skærm, når du arbejder i Astropad. Tryk på den når en gang åbner en sidepanel med genveje og indstillinger. Tryk på det igen, og det forsvinder. Men kunne vi minimere vores UI-ejendom endnu mere? Så handy som denne lille ring var, kommer den stadig i vejen.

Den sorte og røde ring trækker et arbejdsområde sidebjælke i Astropad

På udkig efter plads i et overfyldt rum

Vi gik ud for at finde et alternativ til Astropad-ringen. Den åbenlyse første mulighed var at lave en ny gestus, men vi indså temmelig hurtigt, at der var begrænset plads til dette. Hver kant af iPad er allerede optaget af en eksisterende bevægelse: Stryg op til din dock, til venstre for at søge og ned for meddelelser. Vi havde virkelig brug for noget nyt at arbejde med.

Vores Astro HQ-medstifter Giovanni Donelli sagde, at ideen om at forvandle kameraet til en knap kom som lyn, ”Jeg havde stirret på en hvid ramme-iPad så længe, ​​og jeg fortsatte med at ønske, at der var en anden hjemmeknap, vi kunne bruge. Mine øjne faldt fortsat på kameraet, og jeg ville virkelig røre ved det! ”Giovanni byggede en første prototype af kameraknappen inden for en time.

Håndtering af variabler og maksimal effektivitet

At forvandle kameraet til en pålidelig funktionsknap kom ikke uden udfordringer. I alt brugte vi fire måneder med kontinuerlig teknisk indsats for at komme forbi disse forhindringer:

Variabel belysning

Kameraknappen fungerer ved at registrere den mængde lys, der kommer ind gennem kameraet. At dække kameraet med din finger blokerer alt lys og udløser et svar fra iPad. Den vanskelige del var at få det til at arbejde under alle lysforhold på tværs af alle iPad-kameraer.

For at teste, hvordan kameraet opfører sig under forskellige lysforhold, byggede vi en provisorisk lysboks. Ved at manipulere belysningen var vi i stand til at konstruere kameraknappen til at arbejde forudsigeligt trods rumets lysstyrke. Vi testede endda afvigelser i fingertryk - hvor hårdt eller let du banker på kameraet. Fingerkontraktionen på nedenstående foto har en justeringsskrue, der styrer, hvor langt fingeren blev nedtrykt på iPad-kameraet.

Test af kameraknappen i varierende omgivelseslys

Energieffektivitet

For at kameraknappen skal fungere, skal kameraet konstant behandles, mens du bruger appen. Så vi gjorde det til et designmål fra begyndelsen for at sikre, at det ikke påvirker batteriets levetid. Dette betød at skrive meget effektiv kode baseret på algoritmer, der prioriterede energieffektivitet. Efter at koden blev skrevet optimerede vi den omhyggeligt for at fjerne eventuelle flaskehalse. I dag kræver kameraknappen mindre end 1% CPU for at køre.

Brugernes privatliv

Det er kritisk at opretholde brugernes privatliv, og det betød at finde måder at anonymisere data, der kommer ind fra kameraet. Løsningen: slør kamerabillederne til det punkt, at de ikke kan se nogen data, der kommer ind, så det eneste, kameraet registrerer, er mængden af ​​lys, der kommer ind. Desuden forlader data, der kommer ind gennem kameraet aldrig iPad og er aldrig sendt til en server.

Selvom brug af kameraknappen er en valgfri indstilling i Luna, forstår vi, at nogle brugere muligvis ikke er tilpas med denne funktion. Derfor programmerede vi også iPad-lydstyrkeknapperne til at have den samme funktionalitet som kameraknappen.

Kamerabilleder er sløret for at anonymisere data

En slank ny iPad-interaktion

I alt brugte vi cirka seks måneder på at bygge og teste kameraknappen. Resultatet: en slank og funktionel ny interaktion til din iPad, der ikke forstyrrer din arbejdsgang. Kameraknappen foretager sin første debut i Luna Display - ny hardware, der forvandler iPad til en anden skærm til Mac. Tryk på kameraet for at få en simpel grænseflade til at justere skærmens lysstyrke, skærmarrangement og mere.

Juster lysstyrken eller indstil visningsarrangementet i Lunas skjulte sidebjælke

I sidste ende skal designere og udviklere konstant innovere for at holde sig i live. Men selvfølgelig er det lettere sagt end gjort. Det tog os lang tid at se mulighederne for innovation omkring os; vi havde kameraknappen lige under næsen (bogstaveligt talt) i flere måneder, før vi så dens potentiale. Når du søger efter innovation, skal du bare huske, at nogle gange er de mest overraskende løsninger skjult de mest verdslige steder - så det er værd at tage et andet kig på det almindelige. •