Inde i historien om den ikoniske iOS -gummibåndseffekt, der lancerede iPhone

En dag i begyndelsen af ​​2005 sad interface designer Bas Ording i et hemmeligt, vinduesfrit laboratorium på Apple HQ, da telefonen ringede. Det var Steve Jobs.

Det første, Jobs siger, er, at samtalen er superhemmelig og ikke må gentages for nogen. Ording lover ikke at gøre det.

"Han siger: 'Ja, Bas, vi skal lave en telefon,'" fortalte Ording Cult of Machusker det betydningsfulde opkald fra længe siden. "'Det kommer ikke til at have knapper og ting på det, det er bare en skærm. Kan du bygge en demo, som du kan rulle gennem en liste med navne, så du kan vælge nogen at ringe til? ’Det var den opgave, jeg fik, stort set direkte fra Steve.”

Dette indlæg indeholder tilknyttede links. Cult of Mac kan optjene en provision, når du bruger vores links til at købe varer.

Ording er en af ​​de lidt kendte Apple-medarbejdere, der har haft en stor indflydelse på vores digitale liv. Han er ansvarlig for en stor del af nutidens computerinterfaces. Han nævnes kort i Walter Isaacsons biografi om Jobs og beskrives som en "troldmand" og en "gud" i en anden bog, Bliver Steve Jobs.

Men Ording burde være bedre kendt. I de 15 år, han arbejdede hos Apple, var han en af ​​de førende designere af de iOS- og Mac -grænseflader, vi bruger hver dag. Han er hjernen bag iPhones "gummibånd" -rulning, OS Xs forstørrelseseffekt af Dock, Expose og mange flere. Alligevel ved næsten ingen, hvem Ording er på grund af Apples superstrenge hemmeligholdelsespolitikker.

Ording besidder hundredvis af patenter og var et vigtigt vidne i Apple-Samsung-retssagerne, men han har ikke givet mange interviews. I dette eksklusive ekstrakt fra Usungt Apple Hero, a Cult of Mac e -bog, der beskriver sin karriere hos Apple, fortæller Ording, hvordan han skabte iOS 'elastik -effekt - den ikoniske touchscreen -animation, der overbeviste Jobs om at bygge iPhone.

Apples tidlige multitouch -eksperimenter

Flere måneder før Jobs telefonopkald, Ording og Imran Chaudhri - en kollega i Apples Human Interface Group, et team af softwaredesignere, der er ansvarlige for brugergrænsefladerne i Apples software - havde arbejdet med Apples Input Engineering -gruppe.

Input Engineering var under ledelse af Steve Hoteling ansvarlig for computerindgange: tastaturer, mus, trackpads og lignende. De havde eksperimenteret med en ny multitouch -inputenhed erhvervet fra FingerWorks, a opstart Apple købte tidligere på året.

Hotelings gruppe undersøgte nye måder at interagere med stationære og bærbare computere, som havde været domineret af mus og tastatur i 20 år. FingerWorks iGesture Pad var en af ​​de første gestusfølsomme touchpads på markedet. I stedet for at spore bare en finger, som de fleste trackpads dengang, spores den flere fingre; derfor 'multitouch'.

IGesture Pad lignede en stor sort berøringsplade af plast og blev solgt til stationære computere som et alternativ til en mus, der kan forhindre eller afbøde gentagne belastningsskader. RSI -syge kunne erstatte deres mus med en pude, der spores deres fingre i stedet.

I samarbejde med Chaudhri og Duncan Kerr, en designer i Jony Ives industrielle designstudie, dækkede de den sorte iGesture Pad i et stykke papir og projicerede en skærm på den. Projektoren blev tilsluttet en computer, som projicerede billedet af OS X på papiret oven på multitouch -puden.

Ording brugt Adobe Director, et værktøj til redigering af multimedier, til at lave en demo for at spore sin finger, der bevæger sig hen over skærmen. Det krævede en særlig udvidelse til direktøren for at importere multitouch -data. Den første demo var bare at flytte en prik rundt på skærmen. Derefter lavede de en demo, der sporede to fingre, så han kunne zoome ind på et billede. Han valgte et kort over Cupertino, Californien, centreret om Apple HQ på One Infinite Loop.

"Jeg brugte en time eller noget på at skære, lave screenshots af Google Maps, satellitvisninger og kunne lide at sy det hele sammen i Photoshop, så vi kan få disse data," sagde Ording. "Jeg lavede et stort billede med alle de sammenføjede skærmbilleder, og det var det, jeg brugte til demoen, så jeg bare kunne panorere rundt."

Umiddelbart følte de, at de havde noget særligt.

"Det føltes som magi," sagde Greg Christie, den tidligere chef for Input Engineering Group og Ordings chef. "Det var magisk papir."

På det tidspunkt indså de, at der var mange muligheder. Interaktionen var meget forskellig fra at bruge en mus.

Tanken bag iOS -elastikken

Projektet begejstrede Jobs og andre Apple -chefer, men virksomheden kunne ikke beslutte, hvad de skulle gøre med det. Det kunne fungere med en tablet eller måske en berøringsskærm bærbar. Der var en langvarig intern debat indtil et møde på højt plan, hvor Apple-chefer besluttede at se, om teknologien kunne bruges til at bygge en telefon.

Efter at have taget Jobs hemmelige opkald gik Ording i gang med at lave en liste med navne på personer, man skulle ringe til.

For det første isolerede Ording et hjørne af tablet-/projektordemoen, og lod som om det isolerede område var en telefons skærm. Han tog en liste med 200 navne - alle trukket fra adressebogen til en kollega - og oprettede en lang rulleliste i Director.

Når han valgte et navn, ville det glide over - næsten præcis som det gør i den nuværende version af iOS - og en falsk opkaldsskærm ville vises med et telefonnummer. Det gjorde ikke noget, men det demonstrerede, hvordan et telefonopkald kan fungere.

Da han arbejdede på sin rulleliste, bemærkede Ording imidlertid, at da han kom til bunden eller toppen af ​​listen, stoppede den bare. Han ville trække listen ned, men den ville bare sidde der. Det lignede, at det var styrtet ned. Hver gang han så det, generede det ham, men han vidste ikke, hvordan det skulle rettes.

Han prøvede at tilføje lidt plads øverst. Da han kom øverst på listen, ville den lille plads dukke op. Men det løste ikke problemet - det gentog det bare.

Rummet sad bare der og bevægede sig ikke.

Ording regnede med, at rummet skulle flytte med brugerens finger for at vise, at det stadig var lydhørt. Men det føltes ikke rigtigt, så Ording forsøgte at få det til at bevæge sig langsommere end brugerens finger, bare som et eksperiment. Effekten var at få den til at føles elastisk.

"Jeg kan godt lide, 'Åh, det er lidt sjovt', og derefter, 'Åh vent, nu skal det flytte tilbage,'" sagde Ording.

Da han fik det til at snappe tilbage, virkede det som et gummibånd - det bevægede sig ned, men hoppede derefter tilbage til dets korrekte position.

Effekten glædede Ording: Det viste klart, at slutningen af ​​listen var nået, og at enheden ikke var gået ned.

Bas Ording perfektionerer iPhones gummibåndseffekt

Det tog Ording et par måneders arbejde at få alt til at passe - inertrulningen, gummibåndseffekten og valg af navn/telefonnummer.

"Jeg var nødt til at arbejde med alle disse detaljer, og det tog faktisk ret lang tid at få det rigtigt," sagde Ording. Men arbejdet viste sig at være det værd, da han så det endelige resultat.

"Du kunne føle, 'Åh ja, det kommer til at fungere - du kan rulle, du kan vælge navne, det føles godt, det er sjovt,'" sagde Ording. "Og du kan også gøre andre ting med det, og det føltes godt, ja."

Med alt poleret viste det sig at være en temmelig glat demo. Det føltes sjovt og funktionelt - og som et sandt gennembrudsmoment.

Steve Jobs ser et iPhone -gennembrud

Da Jobs så det, genkendte han straks, at effekten ville muliggøre en multitouch, fingerdrevet grænseflade.

Taler kl The Wall Street Journal ’s D8 -konference i 2010 forklarede Jobs det på denne måde: ”Jeg havde denne idé om at have et glasskærm, et multitouch -display, du kunne skrive på. Jeg spurgte vores folk om det. Og seks måneder senere kom de tilbage med dette fantastiske display. Og jeg gav den til en af ​​vores virkelig geniale UI -fyre. Derefter fik han inertial scrolling og nogle andre ting, og jeg tænkte: 'Herregud, vi kan bygge en telefon med dette', og vi lagde tabletten til side, og vi gik på arbejde med telefonen. "

I sit vidnesbyrd under Apple-Samsung retssagen, tidligere Apple VP Scott Forstall, der havde tilsyn med oprettelsen af iPhones originale software, ligeledes kaldet Ordings UI -gennembrud afgørende for enhedens udvikling. Da Apple -direktører så softwaren i aktion, vidste de, at iPhone ville fungere.

"Vi byggede en lille rulleliste," vidnede Forstall under retssagen. ”Vi ville have det til at passe i lommen, så vi byggede et lille hjørne af det som en kontaktliste. Og du ville sidde der, og du ville rulle på denne liste over kontakter, du kunne trykke på kontakten, den ville glide over og vise dig kontaktoplysninger, og du kunne trykke på telefonnummeret, og der ville stå 'ringer.' Det ringede ikke, men det ville sige, at det var ringer. Og det var bare fantastisk. Og vi indså, at en berøringsskærm i størrelse, der kunne passe ind i din lomme, ville fungere perfekt som en af ​​disse telefoner. ”

Dette var fødslen af ​​iPhone.

Tilmeld dig for at få en gratis kopi af Usungt Apple Hero, en e -bog, der beskriver Bas Ordings karriere hos Apple. Vi sender dig en kopi på e -mail, når e -bogen udgives i juli. Usungt Apple Hero detaljer Ordings lange karriere med at bygge vigtige dele af iPhone- og Mac -softwaren. Bogen beskriver, hvordan det var at arbejde hos Apple og at arbejde tæt sammen med Steve Jobs, hvor han fik sine ideer fra, og hvordan han arbejdede igennem problemer som gummibåndseffekten. Det tager et dybt dyk i hans metode med lektioner for alle designere.