Вътрешна история за емблематичния за iOS ефект на ластик, който стартира iPhone

iPhone навършва 10 години Един ден в началото на 2005 г. дизайнерът на интерфейси Бас Ординг седеше в тайна лаборатория без прозорци в централата на Apple, когато телефонът иззвъня. Беше Стив Джобс.

Първото нещо, което Джобс казва, е, че разговорът е свръхсекретен и не трябва да се повтаря на никого. Поръчката обещава да не го прави.

„Той е като„ Да, Бас, ще направим телефон “, каза Ординг пред Култът към Mac, припомняйки това важно събитие от много отдавна. „„ На него няма да има никакви бутони и неща, това е просто екран. Можете ли да създадете демонстрация, която да превъртате през списък с имена, за да можете да изберете някой, на когото да се обадите? “Това беше задачата, която получих, почти директно от Стив.

Тази публикация съдържа партньорски връзки. Култът към Mac може да спечелите комисионна, когато използвате нашите връзки за закупуване на артикули.

Ординг е един от онези малко известни служители на Apple, които са имали огромно влияние върху нашия дигитален живот. Той е отговорен за голяма част от съвременните изчислителни интерфейси. Той е споменат накратко в биографията на Уолтър Айзъксън за Джобс и е описан като „магьосник“ и „бог“ в друга книга,

Ставайки Стив Джобс.

Но Ордингът трябва да е по -известен. През 15 -те години, които работи в Apple, той беше един от водещите дизайнери на интерфейсите за iOS и Mac, които използваме всеки ден. Той е мозъкът зад превъртането на „гумената лента“ на iPhone, ефекта на увеличение на Dock на OS X, Expose и много други. И на практика никой не знае кой е Ординг поради свръхстрогата политика на Apple за поверителност.

Ординг притежава стотици патенти и беше ключов свидетел в тестовете между Apple и Samsung, но не е давал много интервюта. В този изключителен извлек от Неизпят Apple Hero, а Култът към Mac електронна книга, описваща кариерата му в Apple, Ординг разказва как е създал ефекта на гумената лента на iOS - емблематичната анимация със сензорен екран, която убеди Джобс да построи iPhone.

Ранните експерименти на Apple с мултитъч

Оригинален дизайнерски екип на iPhone
Членове на оригиналния екип за дизайн на софтуер за iPhone: Фреди Анзурес, Имран Чаудри, Бас Ординг, Марсел Ван Ос, Стив Лемей и Майк Матас.
Снимка: Имран Чаудри/Instagram

Няколко месеца преди телефонното обаждане на Джобс, Ординг и Имран Чаудри - колега в групата за човешки интерфейс на Apple, екип от софтуерни дизайнери, отговарящи за потребителските интерфейси на софтуера на Apple - е работил с групата на Input Engineering на Apple.

Ръководен от Стив Хотелинг, Input Engineering отговаря за компютърните входове: клавиатури, мишки, тракпад и други подобни. Те експериментираха с ново мултитъч входно устройство, придобито от FingerWorks, a стартиращата компания Apple купи по -рано същата година.

Групата на Hoteling проучва нови начини за взаимодействие с настолни и преносими компютри, които бяха доминирани от мишката и клавиатурата в продължение на 20 години. IGesture Pad на FingerWorks беше един от първите чувствителни към жестове тъчпад на пазара. Вместо да проследява само един пръст, както повечето тракпадъри по онова време, той проследява множество пръсти; следователно „мултитъч“.

Приличащ на голям черен пластмасов тъчпад, iGesture Pad беше продаден на потребители на настолни компютри като алтернатива на мишка, която би могла да предотврати или смекчи повтарящите се травми. Страдащите от RSI биха могли да заместят мишката си с подложка, която проследява пръстите им.

Fingerworks iGesture Pad
IGesture Pad на FingerWorks, мултитъчно входно устройство за страдащите от RSI.
Снимка: Fingerworks

Работейки с Чаудри и Дънкан Кер, дизайнер в студиото за индустриален дизайн на Джони Айв, те покриха черния iGesture Pad в лист хартия и прожектираха екран върху него. Проекторът беше свързан към компютър, който прожектира изображението на OS X върху хартията върху мултитъч подложката.

Поръчка използвана Adobe Director, инструмент за създаване на мултимедия, за да направи демонстрация, за да проследи движението на пръста му по екрана. Изискваше специално разширение към Director за импортиране на мултитъч данни. Първата демонстрация просто преместваше точка по екрана. След това те направиха демонстрация, която проследи два пръста, което му позволи да увеличи изображението. Той избра карта на Купертино, Калифорния, центрирана върху централата на Apple в One Infinite Loop.

„Прекарах около час или нещо подобно, правейки екранни снимки на Google Maps, сателитните изгледи и като свързах всичко заедно във Photoshop, за да можем да получим тези данни“, каза Ординг. „Направих едно голямо изображение с всички тези зашити екранни снимки и това използвах за демонстрацията, така че просто можех да се движа наоколо.“

Веднага почувстваха, че имат нещо специално.

„Чувствах се като магия“, казва Грег Кристи, бивш ръководител на групата за инженерни технологии и шеф на Ординг. "Това беше вълшебна хартия."

В този момент те осъзнаха, че има много възможности. Взаимодействието беше много различно от използването на мишка.

Мисленето зад ефекта на гумената лента на iOS

Проектът вълнува Джобс и други мениджъри на Apple, но компанията не може да реши какво да прави с него. Може да работи с таблет или може би с лаптоп със сензорен екран. Имаше продължителен вътрешен дебат до една среща на високо ниво, когато ръководителите на Apple решиха да видят дали технологията може да се използва за изграждане на телефон.

След като прие тайното обаждане на Джобс, Ординг се зае да направи списък с имена на хора, на които да се обади.

Първо, Ординг изолира ъгъл от демонстрацията на таблета/проектора, като се преструва, че изолираната зона е екран на телефона. Той взе списък с 200 имена - всички изтеглени от адресната книга на колега - и създаде дълъг, превъртащ се списък в Директор.

Когато той избере име, то ще се плъзга - почти точно както в текущата версия на iOS - и ще се появи екран за фалшиво набиране с телефонен номер. Той не направи нищо, но демонстрира как може да работи телефонно обаждане.

Въпреки това, докато работеше върху превъртащия си списък, Ординг забеляза, че когато стигна до дъното или началото на списъка, той просто спря. Той щеше да изтегли списъка надолу, но той просто щеше да стои там. Изглеждаше, че се е разбил. Всеки път, когато го видя, това го притесняваше, но той не знаеше как да го поправи.

Той се опита да добави малко пространство в горната част. Когато стигна до върха на списъка, малкото пространство ще се появи. Но това не реши проблема - просто го повтори.

Пространството просто седеше неподвижно.

Ординг смята, че пространството ще трябва да се движи с пръста на потребителя, за да покаже, че все още реагира. Но това не беше наред, затова Ординг се опита да го накара да се движи по -бавно от пръста на потребителя, просто като експеримент. Ефектът беше да го накара да се почувства еластичен.

„Аз съм като:„ Ооо, това е някак забавно “, а след това„ О, чакай, сега трябва да се върна назад “, каза Ординг.

Когато го накара да се отдръпне, той действаше като ластик - той се премести надолу, но след това отскочи обратно в правилната си позиция.

Ефектът зарадва Ординг: Той показа ясно, че краят на списъка е достигнат и че устройството не се е разбило.

Bas Ording усъвършенства ефекта на гумената лента на iPhone

Бас Ординг създаде ефект на ластик на iOS
Бас Ординг създава ефект на ластик, който убеждава Стив Джобс да построи iPhone.
Снимка: Leander Kahney/Cult of Mac

На Ординг бяха необходими няколко месеца работа, за да се получи всичко както трябва - инерционното превъртане, ефектът на ластика и избора на име/телефонен номер.

„Трябваше да работя върху всички тези подробности и всъщност отне доста време, за да се оправя“, каза Ординг. Но работата се оказа заслужена, когато видя крайния резултат.

„Можете да почувствате:„ О, да, това ще свърши работа - можете да превъртате, можете да избирате имена, чувства се добре, забавно е “, каза Ординг. „И вие можете да правите други неща с това и това се чувстваше добре, да.“

С всичко излъскано, това се оказа доста хлъзгава демонстрация. Чувстваше се забавно и функционално - и като истински пробив.

Стив Джобс вижда пробив на iPhone

Когато Джобс го видя, той веднага разбра, че ефектът ще позволи мултитъч, пръстов интерфейс.

Говорейки в The Wall Street Journal “На конференцията D8 през 2010 г. Джобс го обясни по следния начин: „Имах идеята да имам стъклен дисплей, мултитъч дисплей, на който можете да пишете. Попитах нашите хора за това. И шест месеца по -късно те се върнаха с този невероятен дисплей. И го дадох на един от нашите наистина брилянтни момчета с потребителския интерфейс. След това той получи инерционно превъртане, работещо и някои други неща и аз си помислих: „Боже мой, можем да изградим телефон с това“ и оставихме таблета настрана и отидохме на работа по телефона.

В показанията си по време на процеса Apple-Samsung бившият вицепрезидент на Apple Скот Форстал, който ръководи създаването на оригиналния софтуер на iPhone, наречен също пробив на потребителския интерфейс на Ording, от решаващо значение за устройството развитие. Когато изпълнителите на Apple видяха софтуера в действие, те разбраха, че iPhone ще работи.

„Създадохме малък превъртащ се списък“, свидетелства Форстал по време на процеса. „Искахме да се побере в джоба, затова изградихме малък ъгъл от него като списък с контакти. Вие щяхте да седнете там и да превъртите този списък с контакти, можете да докоснете контакта, той да се плъзне и да ви покаже информация за контакт и можете да докоснете телефонния номер и той ще каже „обаждане“. Не се обаждаше, но щеше да казва, че е обаждане. И беше просто невероятно. И осъзнахме, че сензорният екран, който е оразмерен и може да се побере в джоба ви, ще работи перфектно като един от тези телефони.

Това беше раждането на iPhone.

Регистрирайте се, за да получите безплатно копие на Неизпят Apple Hero, електронна книга, описваща кариерата на Bas Ording в Apple. Ще ви изпратим копие по имейл, когато електронната книга бъде пусната през юли. Неизпят Apple Hero подробно описва дългогодишната кариера на Ording, изграждаща ключови части от софтуера за iPhone и Mac. Книгата описва какво беше да работиш в Apple и да работиш в тясно сътрудничество със Стив Джобс, откъдето черпи идеите си, и как се справя с проблеми като ефекта на ластик. Необходимо е дълбоко потапяне в неговата методология с уроци за всички дизайнери.

Последна публикация в блога

| Култът към Mac
October 21, 2021

Новият USB-C твърд диск на Western Digital също може да зарежда MacBookG-Drive разполага с 45 вата зареждаща мощност.Снимка: Western DigitalСобстве...

Как watchOS 3 може да поправи Apple Watch и да сложи край на „китката“
October 21, 2021

Най -големият ми проблем с моя Apple Watch не е бавният хардуер, липсата на GPS или зависимостта от моя iPhone. Всичко това са проблеми, за да сте ...

Carl Icahn обединява акционерите на Apple да искат обратно изкупуване на акции
October 21, 2021

Карл Айкан, най -богатият инвеститор на Уолстрийт, който притиска Apple към това направи обратно изкупуване на акции за 150 милиарда долара, обяви ...