Figmas nye fingerspidser

Hvordan Doug Engelbarts berømte demo inspirerede en designer's livslange besættelse med tastaturgenveje

I dag introducerede vi en ny måde at mestre tastaturgenveje på: et redesignet panel, der vises nederst på din Figma-skærm. Det vil reagere på din opførsel ved at fremhæve mønstre i dit tastaturbrug og hjælpe dig med at opdage nye tastekombinationer på en sjov måde. Vi har hentet vores inspiration fra computerpioneren Douglas Engelbart og ville kort fortælle, hvordan hans arbejde formede vores tilgang. (Læs til slutningen for at få et dybt dykk i vores nye tastaturpanel.)

En mandag eftermiddag for 50 år siden, på en scene fra San Franciscos Civic Center, holdt computerpioneren Douglas Engelbart en demonstration, der for evigt ændrede computingforløbet.

På det tidspunkt var computere kendt for at tjene virksomheds- og regeringsbehov: beregninger, simuleringer, lønningslister. Men Engelbart fokuserede på noget andet: computere, der var personlige og kunne hjælpe med daglige opgaver. I samarbejde med et par holdmedlemmer tredive miles væk, viste han publikum, hvordan man skriver dokumenter sammen, tilføj grafik for at gøre dem bedre, skabe links mellem dem og chatte, mens de gør det.

Sessionen modtog en stående ovation og hjalp med at inspirere andre ledere inden for tech-industrien. Nogle af de mest markante fremskridt inden for folkorienteret computing, der kom bagefter - som Apples første Macintosh - kan spores direkte tilbage til denne demo.

Men for mig var lige så vigtig som begivenhederne, der blev vist på Engelbarts skærm, hvad der skete med hans hænder. På en specialfremstillet bakke blev et traditionelt QWERTY-tastatur omgivet af to tilbehør, der aldrig blev set før: til højre, en tyk kasse med navnet "mus", og til venstre en usædvanlig enhåndsenhed kaldet et "tastesæt" .”

Doug Engelbart brugte en mus i højre hånd og et tastesæt i venstre

Musen stjal oprindeligt al herlighed, da den føltes enkel og venlig. Men tasterne - et kryds mellem et tastatur og et klaver - var lige så fascinerende. Med musen kunne Engelbart pege på tingene; med tasterne kunne han beskrive, hvad de skulle gøre med dem. På et tidspunkt begyndte han at sigte mod et ord med musen og derefter - stadig på vej derhen - brugte den anden hånd til at stille indtastet to bogstaver: DW (“slet ord”). Ordet forsvandt.

Alliancen mellem to hænder og to enheder fik Engelbarts præsentation til at føle sig som intet mindre end magi, det tættest på en mind-meld med en maskine, vi nogensinde havde været vidne til - eller med ord fra en af ​​de deltagende, ligesom Engelbart, var "at handle med lyn med begge hænder. ”

En del af vidunderet kunne spores til egenskaberne i vores motoriske hukommelse, som giver os mulighed for at mestre fysiske handlinger til det punkt, de bliver instinktive og underbevidste. Hvis du kender en pianist eller en danser, skal du bede dem beskrive deres præstation. De vil kæmpe; de internaliserede deres bevægelser så meget, at de ikke længere registrerer sig som handlinger. Den motoriske hukommelse giver dem mulighed for blot at spille eller danse.

Engelbart anvendte de samme egenskaber som motorhukommelse til computeropgaver. Ved at mestre musen og akkorderne på hans nøglesæt var han i stand til at betjene computeren med en forbløffende fluiditet - og hans dygtighed med begge enheder var en væsentlig del af demos påvirkning.

Hvad Engelbarts demo har at gøre med Figma

Jeg kan ikke tælle, hvor mange gange jeg har set Engelbart-demoen med ærefrygt. Som designer har jeg længe været fascineret af universet af input-enheder - nok til at jeg har besluttet at skrive en bog om tastaturernes historie. Så da jeg gik sammen med Figma for at hjælpe med et par projekter, begyndte jeg at tænke på ikke kun skærmen, men også hænderne under den.

Ligesom Engelbarts demo vil det at føle sig som et mirakel at se, at en virkelig er god til at bruge Figma. De vil krydse lærredet, genoprette genstande og skabe nye designs i et mirakuløst tempo uden nogensinde at kigge ned på deres hænder. Ligesom at se en erfaren pianist eller danser, vil det næsten føles som en forestilling.

Og alt dette sker ved hjælp af en opsætning, der ligner Engelbart's: en hånd på musen, en anden på tastaturet. Det er stadig den bedste kombination til at frigøre dit sind til at deltage i strømningstilstanden. Lad dine hænder gøre deres job, og i stedet for at tænke på det værktøj, du bruger, skal du tænke på de problemer, du vil løse.

Men ligesom i 1968 er et af disse enheder meget sværere at beherske end det andet. Musen og dens efterfølgere er nemme at gribe og bruge, selv af en nybegynder. Imidlertid er den forladte tastesæt eller moderne tastaturgenveje en anden historie. De kræver praksis og dedikation til først at udforske og derefter forpligte sig til motorhukommelse.

Så i dag tilføjer vi en lille forbedring til Figma, der kan hjælpe: et bedre genvejspanel til tastaturet. Før nu havde den del af Figma ikke modtaget meget kærlighed. Det var svært at scanne og ville overtage hele skærmen - hvilket gør det svært at lære ved faktisk at prøve.

Det gamle og nye tastaturpanel

Det nye tastaturpanel vises i stedet for under dit lærred. Du kan indkalde det på samme måde - ved at klikke på spørgsmålstegnet i nederste højre hjørne af skærmen og derefter vælge Tastaturgenveje (eller trykke på Ctrl + Shift +?).

Når du åbner det nye panel, kan du klikke igennem kategorier for at lære nye genveje, der er specifikke for den type arbejde, du udfører. Hvis du har med vektorer, skal du gå direkte til formfanen for at se et par strømgenveje som bøjning. Hvis du - som mig - normalt arbejder med skrifttyper, skal du gå til typesektionen i stedet.

Vi tilføjede også en fane til nogle af de mest givende kombinationer - dem, ligesom den berømte Engelbart-demo, der kommer fra en tohåndsindsats. Vidste du for eksempel, at du holder Alt, mens du bevæger musen rundt, giver dig mulighed for at måle objekter i Figma let?

Og hvis du føler dig overvældet af alt dette, er der en enkel fane i venstre side. Det vil introducere dig starttastkombinationer, du aldrig ønsker at leve uden, som hvordan ⌘ + \ fjerner alt "krom", så du kan fokusere på dit arbejde.

Vores håb er, at denne nye opsætning vil gøre det lettere at lære genveje og hjælpe dig med at finde relaterede genveje, som du aldrig vidste eksisterede. Ved at arbejde på dette projekt opdagede og lærte jeg personligt, hvor nyttig Shift + 2 i Zoom-panelet kan være - det gør altid lige det rigtige for at synliggøre markeringen.

Vi tilføjede også en ting til: panelet vil faktisk lytte til dine fingre, fremhæve de genveje, du lige har trykket på, og husk dem for fremtiden. Vi håber, at denne detalje vil gøre det lettere og sjovere at reflektere over din brug af tastaturet med Figma, og bemærke de genveje, du aldrig har haft en chance for at prøve.

Panelet fremhæver genveje, du trykker på, og husk dem i fremtiden

Og ja, jeg ved, at det føles lidt fjollet, hvor man kontrasterer en lille forbedring som denne med et sædvanligt øjeblik i databehandlingshistorien kendt som “The Mother Of All Demos.” Men selv små trin er værd at fejre, især hvis de kan give din motoriske hukommelse en chance for at skinne. : ·)

P. S. På en relateret note - Jeg vil være vært for en bash med Engelbart-tema på Figma den 9. december for at fejre 50-årsdagen for hans berømte præsentation! RSVP her.

Tak til Ryan Kaplan og Peter Herbert Barnaba for deres hjælp til dette projekt.