Povestea interioară a efectului emblematic iOS care a lansat iPhone-ul

Într-o zi, la începutul anului 2005, designerul de interfață Bas Ording stătea într-un laborator secret, fără ferestre, la sediul Apple, când a sunat telefonul. Era Steve Jobs.

Primul lucru pe care Jobs îl spune este că conversația este super-secretă și nu trebuie repetată nimănui. Comanda promite să nu o facă.

„El spune:„ Da, Bas, vom face un telefon ”, a spus Ording Cultul lui Mac, amintind de acel apel important de demult. „‘ Nu va avea butoane și lucruri pe el, ci doar un ecran. Puteți construi o demonstrație pe care o puteți derula printr-o listă de nume, astfel încât să puteți alege pe cineva pe care să-l sunați? ”Aceasta a fost misiunea pe care am primit-o, cam aproape de la Steve”.

Această postare conține linkuri afiliate. Cultul lui Mac poate câștiga un comision când utilizați linkurile noastre pentru a cumpăra articole.

Comanda este unul dintre acei angajați Apple puțin cunoscuți care au avut o influență extraordinară asupra vieții noastre digitale. El este responsabil pentru o mare parte din interfețele de calcul de astăzi. El a fost menționat pe scurt în biografia lui Walter Isaacson despre Jobs și a fost descris ca „vrăjitor” și „zeu” într-o altă carte,

Devenind Steve Jobs.

Dar Ording ar trebui să fie mai bine cunoscut. În cei 15 ani în care a lucrat la Apple, a fost unul dintre principalii designeri ai interfețelor iOS și Mac pe care le folosim în fiecare zi. El este creierul din spatele derulării „benzii de cauciuc” a iPhone-ului, a efectului de mărire Dock al OS X, Expose și multe altele. Cu toate acestea, practic nimeni nu știe cine este Ording din cauza politicilor super-stricte de secret al Apple.

Ording deține sute de brevete și a fost un martor cheie în procesele Apple-Samsung, dar nu a acordat multe interviuri. În acest extract exclusiv din Unsung Apple Hero, A Cultul lui Mac carte electronică care detaliază cariera sa la Apple, Ording povestește cum a creat efectul de bandă de cauciuc al iOS - animația iconică cu ecran tactil care l-a convins pe Jobs să construiască iPhone-ul.

Experimentele multitouch de la Apple

Cu câteva luni înainte de apelul telefonic al Jobs, Comandă și Imran Chaudhri - un coleg din grupul de interfață umană Apple, o echipă de designeri de software responsabili de interfețele utilizator ale software-ului Apple - a lucrat cu grupul Apple Input Engineering.

Condus de Steve Hoteling, Input Engineering a fost responsabil pentru intrările computerului: tastaturi, șoareci, trackpad-uri și altele asemenea. Experimentaseră cu un nou dispozitiv de intrare multitouch achiziționat de la FingerWorks, a startup Apple a cumpărat-o la începutul acelui an.

Grupul Hoteling a explorat noi modalități de interacțiune cu computerele desktop și laptop, care au fost dominate de mouse și tastatură de 20 de ani. IGesture Pad-ul FingerWorks a fost unul dintre primele touchpad-uri sensibile la gesturi de pe piață. În loc să urmărească doar un deget, la fel ca majoritatea trackpad-urilor la acea vreme, a urmărit mai multe degete; deci „multitouch”.

Asemănător cu un touchpad mare din plastic negru, iGesture Pad a fost vândut utilizatorilor de computere desktop ca alternativă la un mouse care ar putea preveni sau atenua leziunile provocate de tulpini repetitive. Pacienții RSI ar putea înlocui mouse-ul cu un tampon care le-a urmărit degetele.

Lucrând cu Chaudhri și Duncan Kerr, designer în studioul de design industrial al lui Jony Ive, au acoperit iGesture Pad negru într-o bucată de hârtie și au proiectat un ecran pe el. Proiectorul a fost conectat la un computer, care a proiectat imaginea OS X pe hârtia de deasupra plăcii multitouch.

Comanda folosită Adobe Director, un instrument de creație multimedia, pentru a face o demonstrație pentru a-și urmări degetul deplasându-se pe ecran. A fost nevoie de o extensie specială pentru Director pentru a importa datele multitouch. Prima demonstrație a fost doar mutarea unui punct în jurul ecranului. Apoi au făcut o demonstrație care urmărea două degete, permițându-i să mărească o imagine. El a ales o hartă a Cupertino, California, centrată pe sediul Apple la One Infinite Loop.

„Am petrecut ca o oră sau ceva feliind, făcând capturi de ecran de pe Google Maps, vizualizările prin satelit și îmi place să le unesc pe toate în Photoshop, astfel încât să putem obține aceste date”, a spus Ording. „Am făcut o singură imagine mare cu toate acele capturi de ecran îmbinate și asta am folosit pentru demonstrație, așa că aș putea să fac o panoramă.”

Imediat, au simțit că au ceva special.

„S-a simțit ca o magie”, a spus Greg Christie, fostul șef al Input Engineering Group și șeful lui Ording. „A fost hârtie magică”.

În acel moment, și-au dat seama că există o mulțime de posibilități. Interacțiunea a fost foarte diferită de utilizarea unui mouse.

Gândirea din spatele efectului de bandă de cauciuc iOS

Proiectul i-a entuziasmat pe Jobs și alți directori Apple, dar compania nu a putut decide ce să facă cu el. Ar putea funcționa cu o tabletă sau poate cu un laptop cu ecran tactil. A existat o dezbatere internă prelungită până la o întâlnire la nivel înalt, când directorii Apple au decis să vadă dacă tehnologia ar putea fi utilizată pentru a construi un telefon.

După ce a primit apelul secret al lui Jobs, Ording a început să facă o listă cu numele persoanelor de apelat.

Mai întâi, Ording a izolat un colț al demonstrației tabletei / proiectorului, pretinzând că zona izolată este ecranul unui telefon. A luat o listă de 200 de nume - toate scoase din agenda unui coleg - și a creat o listă lungă, derulantă în Director.

Când a selectat un nume, acesta va aluneca - aproape exact așa cum se întâmplă în versiunea actuală a iOS - și un ecran de apelare falsă va apărea cu un număr de telefon. Nu a făcut nimic, dar a demonstrat cum ar putea funcționa un apel telefonic.

Totuși, pe măsură ce lucra la lista sa de derulare, Ording a observat că atunci când a ajuns în partea de jos sau în partea de sus a listei tocmai s-a oprit. Ar trage lista în jos, dar ar sta doar acolo. Părea că se prăbușise. De fiecare dată când a văzut-o, l-a bătut, dar nu știa cum să o remedieze.

A încercat să adauge puțin spațiu în partea de sus. Când ajungea în partea de sus a listei, spațiul mic ar apărea. Dar asta nu a rezolvat problema - doar a repetat-o.

Spațiul stătea acolo, neclintit.

Comenzile au presupus că spațiul va trebui să se miște cu degetul utilizatorului pentru a arăta că este încă receptiv. Dar acest lucru nu s-a simțit corect, așa că Ording a încercat să o facă să se miște mai încet decât degetul utilizatorului, la fel ca un experiment. Efectul a fost să-l facă să se simtă elastic.

„Îmi spun„ Ooh, asta e un fel de distracție ”și apoi„ Oh, așteaptă, acum trebuie să se mute înapoi ”, a spus Ording.

Când a făcut-o să se fixeze înapoi, a acționat ca o bandă de cauciuc - s-a deplasat în jos, dar apoi a revenit în poziția corectă.

Efectul l-a încântat pe Ording: a arătat clar că sfârșitul listei a fost atins și că dispozitivul nu sa prăbușit.

Bas Ording perfecționează efectul de bandă de cauciuc al iPhone-ului

Lui Ording i-au trebuit câteva luni de muncă pentru a rezolva totul - defilarea inerțială, efectul benzii de cauciuc și selecția numelui / numărului de telefon.

"A trebuit să lucrez la toate aceste detalii și, de fapt, a durat destul de mult timp pentru a le înțelege", a spus Ording. Dar lucrarea s-a dovedit a merita când a văzut rezultatul final.

„Ai putea simți„ Oh, da, asta va funcționa - poți derula, poți selecta nume, se simte bine, este distractiv ”, a spus Ording. „Și poți face și alte lucruri cu asta și s-a simțit bine, da.”

Cu tot lustruit, s-a dovedit a fi o demonstrație destul de simplă. S-a simțit distractiv și funcțional - și ca un moment real de descoperire.

Steve Jobs vede o descoperire iPhone

Când Jobs a văzut-o, a recunoscut imediat că efectul va permite o interfață multitouch, bazată pe degete.

Vorbind la The Wall Street Journal ”Conferința D8 din 2010, Jobs a explicat-o astfel: „Am avut această idee despre a avea un ecran de sticlă, un afișaj multitouch pe care să poți tasta. I-am întrebat pe oamenii noștri despre asta. Și șase luni mai târziu, s-au întors cu acest ecran uimitor. Și i-am dat-o unuia dintre băieții noștri cu adevărat geniali. Apoi a început să funcționeze defilarea inerțială și alte câteva lucruri și m-am gândit: „Doamne, putem construi un telefon cu asta” și am lăsat tableta deoparte și am mers să lucrăm la telefon. ”

În mărturia sa din timpul procesului Apple-Samsung, fostul vicepreședinte Apple Scott Forstall, care a supravegheat crearea software-ul original al iPhone-ului, numit în același timp descoperirea UI a lui Ording esențială pentru dispozitiv dezvoltare. Când executanții Apple au văzut software-ul în acțiune, au știut că iPhone-ul va funcționa.

„Am construit o mică listă de derulare”, a mărturisit Forstall în timpul procesului. „Am vrut să încapă în buzunar, așa că am construit un mic colț al acestuia ca listă de contacte. Și ați sta acolo și ați derula pe această listă de contacte, ați putea apăsa pe contact, acesta ar aluneca și arăta informațiile de contact și ați putea apăsa pe numărul de telefon și s-ar spune „apelare.” Nu suna, dar s-ar spune că a fost chemând. Și a fost pur și simplu uimitor. Și ne-am dat seama că un ecran tactil de dimensiuni, care să se potrivească în buzunarul dvs., va funcționa perfect ca unul dintre aceste telefoane. ”

Aceasta a fost nașterea iPhone-ului.

Înscrieți-vă pentru a obține o copie gratuită a Unsung Apple Hero, o carte electronică care detaliază cariera lui Bas Ording la Apple. Vă vom trimite o copie prin e-mail la lansarea cărții electronice în iulie. Unsung Apple Hero detaliază cariera îndelungată a lui Ording construind părți cheie ale software-ului iPhone și Mac. Cartea descrie cum a fost să lucrezi la Apple și să lucrezi îndeaproape cu Steve Jobs, de unde și-a luat ideile și cum a lucrat prin probleme precum efectul benzii de cauciuc. Este nevoie de o scufundare profundă în metodologia sa, cu lecții pentru toți designerii.