შიგნით ისტორიული iOS რეზინის ბენდის ეფექტის შესახებ, რომელმაც iPhone გამოუშვა

iPhone 10 წლის ხდება ერთ დღეს 2005 წლის დასაწყისში, ინტერფეისის დიზაინერი ბას ორდინგი იჯდა საიდუმლო, ფანჯრის გარეშე ლაბორატორიაში Apple HQ– ში, როდესაც ტელეფონმა დარეკა. ეს იყო სტივ ჯობსი.

პირველი, რაც ჯობსმა თქვა, არის ის, რომ საუბარი არის ძალიან საიდუმლო და არავისთვის არ უნდა განმეორდეს. ორდენის დაპირება, რომ არა.

”ის ჰგავს:” დიახ, ბას, ჩვენ ვაპირებთ ტელეფონის გაკეთებას ”, - განუცხადა ორდინგმა Mac- ის კულტიგავიხსენე დიდი ხნის წინანდელი მნიშვნელოვანი ზარი. ”” მას არ ექნება ღილაკები და ნივთები, ეს მხოლოდ ეკრანია. შეგიძლია ააწყო დემო, რომლითაც შეგიძლიათ გადახედოთ სახელების ჩამონათვალს, ასე რომ თქვენ შეგიძლიათ აირჩიოთ ვინმეს დასაძახებლად? ”ეს იყო დავალება, რომელიც მივიღე, ისევე როგორც სტივისგან.”

ეს პოსტი შეიცავს შვილობილი ბმულები. Mac- ის კულტი შეიძლება მიიღოთ საკომისიო, როდესაც თქვენ იყენებთ ჩვენს ბმულებს ნივთების შესაძენად.

ორდინგი არის ერთ – ერთი იმ ნაკლებად ცნობილი Apple თანამშრომელი, რომელმაც დიდი გავლენა მოახდინა ჩვენს ციფრულ ცხოვრებაზე. ის არის პასუხისმგებელი დღევანდელი კომპიუტერული ინტერფეისების დიდ ნაწილზე. იგი მოკლედ არის ნახსენები ვალტერ ისააკსონის ჯობსის ბიოგრაფიაში და სხვა წიგნში აღწერილია როგორც "ჯადოქარი" და "ღმერთი",

გახდი სტივ ჯობსი.

მაგრამ ორდინგი უკეთ უნდა იყოს ცნობილი. 15 წლის განმავლობაში, როდესაც ის მუშაობდა Apple– ში, ის იყო iOS და Mac ინტერფეისების ერთ – ერთი წამყვანი დიზაინერი, რომელსაც ჩვენ ყოველდღიურად ვიყენებთ. ის არის ტვინი iPhone– ის „რეზინის ზოლის“ გადახვევის, OS X– ის დოკის გადიდების ეფექტის, Expose და მრავალი სხვა. მაგრამ პრაქტიკულად არავინ იცის ვინ არის ორდინგი Apple– ის მკაცრი საიდუმლოების პოლიტიკის გამო.

ორდინგი ფლობს ასობით პატენტს და იყო მთავარი მოწმე Apple-Samsung– ის სასამართლო პროცესებში, მაგრამ მას ბევრი ინტერვიუ არ მიუცია. ამ ექსკლუზიური ამონაწერიდან დაუღალავი ვაშლის გმირი, ა Mac- ის კულტი ელექტრონულ წიგნში, სადაც დეტალურად არის აღწერილი მისი კარიერა Apple– ში, ორდინგი მოგვითხრობს, თუ როგორ შექმნა iOS– ის რეზინის ზოლის ეფექტი - სენსორული ეკრანის ანიმაცია, რომელმაც დაარწმუნა ჯობსი iPhone– ის მშენებლობაში.

Apple– ის ადრეული მრავალმხრივი ექსპერიმენტები

ორიგინალური iPhone დიზაინერების გუნდი
IPhone– ის ორიგინალური პროგრამული უზრუნველყოფის დიზაინის ჯგუფის წევრები: ფრედი ანზურესი, იმრან ჩაუდრი, ბას ორდინგი, მარსელ ვან ოს, სტივ ლემეი და მაიკ მატასი.
ფოტო: იმრან ჩაუდრი/Instagram

ჯობსის სატელეფონო ზარამდე რამდენიმე თვით ადრე, ორდინგი და იმრან ჩაუდრი - კოლეგა Apple– ის ადამიანური ინტერფეისის ჯგუფში, პროგრამული უზრუნველყოფის დიზაინერების გუნდი, რომელიც პასუხისმგებელია Apple– ის პროგრამული უზრუნველყოფის მომხმარებლის ინტერფეისზე - მუშაობდა Apple– ის Input Engineering ჯგუფთან.

სტივ ჰოტინგის ხელმძღვანელობით, Input Engineering იყო პასუხისმგებელი კომპიუტერის შეყვანაზე: კლავიატურები, თაგვები, ტრეკპადები და სხვა. ისინი ექსპერიმენტებს ატარებდნენ FingerWorks– ისგან შეძენილი ახალი მრავალმხრივი შეყვანის მოწყობილობით სტარტაპმა Apple– მა იყიდა იმავე წლის დასაწყისში.

სასტუმროების ჯგუფი იკვლევდა დესკტოპისა და ლეპტოპის კომპიუტერებთან ურთიერთობის ახალ გზებს, რომლებშიც 20 წელი დომინირებდა მაუსი და კლავიატურა. FingerWorks– ის iGesture Pad იყო ერთ-ერთი პირველი ჟესტი მგრძნობიარე სენსორული პანელი ბაზარზე. იმის ნაცვლად, რომ თვალყური ადევნოს მხოლოდ ერთ თითს, ისევე როგორც იმდროინდელი ტრეკპადები, ის თვალყურს ადევნებდა მრავალ თითს; მაშასადამე "მრავალმხრივი".

დიდი შავი პლასტიკური სენსორული პანელის მსგავსი, iGesture Pad გაიყიდა დესკტოპის კომპიუტერის მომხმარებლებს, როგორც თაგვის ალტერნატივა, რომელსაც შეუძლია თავიდან აიცილოს ან შეამციროს განმეორებითი დაძაბვის დაზიანებები. RSI დაზარალებულებს შეეძლოთ თაგვის შეცვლა ბალიშით, რომელიც მათ თითებს აკვირდებოდა.

Fingerworks iGesture Pad
FingerWorks– ის iGesture Pad, მულტიტაქური შეყვანის მოწყობილობა RSI დაზარალებულთათვის.
ფოტო: თითების ნამუშევარი

Chaudhri– სთან და დუნკან კერთან, დიზაინერთან ჯონი აივის ინდუსტრიული დიზაინის სტუდიაში, მათ დაფარეს შავი iGesture Pad ფურცელზე და დაპროექტეს ეკრანი მასზე. პროექტორი დაუკავშირდა კომპიუტერს, რომელმაც დახატა OS X– ის სურათი ქაღალდზე მულტიტაქის ბალიშის თავზე.

შეკვეთა გამოიყენება Adobe Director, მულტიმედიური საავტორო ინსტრუმენტი, რათა გააკეთოს დემო, რათა თვალყური ადევნოს მის თითს ეკრანზე. მას დასჭირდა დირექტორის სპეციალური გაფართოება მულტიტაჩის მონაცემების იმპორტისთვის. პირველი დემო მხოლოდ წერტილის გადატანა ეკრანზე იყო. შემდეგ მათ გააკეთეს დემო, რომელიც თვალყურს ადევნებდა ორ თითს, რაც მას საშუალებას აძლევდა გამოსახულების მასშტაბირება. მან აირჩია კუპერტინის რუკა, კალიფორნია, რომელიც ეფუძნება Apple HQ– ს One Infinite Loop– ში.

”მე გავატარე ერთი საათი ან რაღაცეები, ვქმნიდი Google Maps- ის ეკრანის სურათებს, სატელიტის ხედებს და ვნატრობდი ამ ყველაფერს Photoshop– ში, რათა ჩვენ შეგვეძლო ამ მონაცემების მოპოვება,” - თქვა ორდინგმა. ”მე გადავიღე ერთი დიდი სურათი ყველა იმ ერთმანეთთან შეკრული ეკრანის ანაბეჭდით და ეს არის ის, რაც გამოვიყენე დემოში, ასე რომ შემეძლო უბრალოდ მიმოქცევა.”

მაშინვე მათ იგრძნეს, რომ რაღაც განსაკუთრებული ჰქონდათ.

”ეს მაგიას ჰგავდა”, - თქვა გრეგ კრისტიმ, Input Engineering Group– ის ყოფილმა ხელმძღვანელმა და ორდინგის უფროსმა. ”ეს იყო ჯადოსნური ქაღალდი.”

იმ მომენტში, მათ გააცნობიერეს, რომ ბევრი შესაძლებლობა იყო. ურთიერთქმედება ძალიან განსხვავდებოდა თაგვის გამოყენებისგან.

აზროვნება უკან iOS რეზინის band ეფექტი

პროექტმა აღაფრთოვანა ჯობსი და Apple– ის სხვა აღმასრულებლები, მაგრამ კომპანიამ ვერ გადაწყვიტა რა გაეკეთებინა. მას შეუძლია იმუშაოს ტაბლეტთან, ან შესაძლოა სენსორული ლეპტოპით. გაჭიანურდა შიდა დებატები ერთ მაღალ დონეზე შეხვედრამდე, როდესაც Apple– ის აღმასრულებლებმა გადაწყვიტეს დაენახათ თუ არა ტექნოლოგიის გამოყენება ტელეფონის შესაქმნელად.

ჯობსის საიდუმლო ზარის მიღების შემდეგ, ორდინგმა დაიწყო ხალხის სახელების ჩამონათვალის შედგენა.

პირველ რიგში, ორდინგმა გამოყო ტაბლეტის/პროექტორის დემო კუთხე, თითქოსდა იზოლირებული ტერიტორია ტელეფონის ეკრანი იყო. მან აიღო 200 სახელის სია - ყველა ამოღებულია კოლეგის მისამართების წიგნიდან - და შექმნა გრძელი, გადახვევის სია დირექტორში.

როდესაც მან აირჩია სახელი, ის გადაისროლა - თითქმის ზუსტად ისე, როგორც ეს ხდება iOS– ის მიმდინარე ვერსიაში - და ყალბი აკრეფის ეკრანი გამოჩნდება ტელეფონის ნომრით. მან არაფერი გააკეთა, მაგრამ აჩვენა როგორ შეიძლება სატელეფონო ზარის მუშაობა.

თუმცა, როდესაც ის მუშაობდა გადახვევის სიაზე, ორდინგმა შენიშნა, რომ როდესაც ის სიის ბოლოში ან ზედა ნაწილში მოხვდა, ის უბრალოდ შეჩერდა. ის სიას ჩამოაგდებდა, მაგრამ ის უბრალოდ იჯდებოდა იქ. ჩანდა, რომ ჩამოვარდა. ყოველ ჯერზე, როდესაც ის ხედავდა, ის აწუხებდა მას, მაგრამ მან არ იცოდა როგორ გამოესწორებინა იგი.

მან სცადა ცოტა სივრცის დამატება თავზე. როდესაც ის სიის სათავეში მოექცა, მცირე სივრცე გამოჩნდა. მაგრამ ამან არ გადაჭრა პრობლემა - მან უბრალოდ გაიმეორა.

სივრცე უბრალოდ იქვე იჯდა, უმოძრაოდ.

ორდინგი მიხვდა, რომ სივრცეს მომხმარებლის თითით გადაადგილება დასჭირდება იმის საჩვენებლად, რომ ის მაინც რეაგირებდა. მაგრამ ეს არ იყო სწორი, ამიტომ ორდინგმა სცადა მისი ნელა გადატანა მომხმარებლის თითზე, მხოლოდ როგორც ექსპერიმენტი. ეფექტი იყო ელასტიურობის შეგრძნება.

”მე ვგულისხმობ:” ოჰ, ეს სახალისოა ”და შემდეგ,” ოჰ, დაელოდე, ახლა მას უკან დაბრუნება სჭირდება ”, - თქვა ორდინგმა.

როდესაც მან უკან დაიხია, ის რეზინის ბენდის მსგავსად იქცეოდა - ის ქვევით გადავიდა, მაგრამ შემდეგ დაუბრუნდა თავის სწორ პოზიციას.

ეფექტმა გაახარა ორდინგი: მან ნათლად აჩვენა, რომ სიის დასასრული მიღწეულია და რომ მოწყობილობა არ ჩამოვარდა.

Bas Ording სრულყოფს iPhone– ის რეზინის ზოლის ეფექტს

ბას ორდინგმა შექმნა iOS რეზინის ბენდის ეფექტი
ბას ორდინგმა შექმნა რეზინის ზოლის ეფექტი, რომელმაც დაარწმუნა სტივ ჯობსი iPhone– ის მშენებლობაში.
ფოტო: Leander Kahney/Cult of Mac

დასჭირდა ორთვიანი მუშაობის დალაგება, რომ ყველაფერი კარგად გამოსულიყო - ინერციული გადახვევა, რეზინის ზოლის ეფექტი და სახელის/ტელეფონის ნომრის შერჩევა.

”მე მომიწია ამ ყველა დეტალზე მუშაობა და საკმაოდ დიდი დრო დამჭირდა, რომ ეს გამეკეთებინა,” - თქვა ორდინგმა. მაგრამ ნამუშევარი ღირდა, როდესაც მან დაინახა საბოლოო შედეგი.

”თქვენ შეგიძლიათ იგრძნოთ:” ოჰ, დიახ, ეს იმუშავებს - შეგიძლიათ გადახვიდეთ, შეგიძლიათ შეარჩიოთ სახელები, ეს სასიამოვნოა, სახალისოა ”, - თქვა ორდინგმა. ”თქვენ ასევე შეგიძლიათ გააკეთოთ სხვა რამ ამით, და ეს კარგი იყო, დიახ”.

ყველაფერი გაპრიალებული, აღმოჩნდა საკმაოდ გლუვი დემო. ის მხიარულად და ფუნქციონალურად იგრძნო - და როგორც ნამდვილი გარღვევის მომენტი.

სტივ ჯობსი ხედავს iPhone– ის მიღწევას

როდესაც ჯობსმა ეს დაინახა, მან მაშინვე გააცნობიერა, რომ ეფექტი საშუალებას მისცემდა მრავალხარისხოვანი, თითის დამცავი ინტერფეისი.

საუბრობს ზე Wall Street Journal ”2010 წელს გამართულ D8 კონფერენციაზე, ჯობსმა ეს ასე განმარტა: ”მე მქონდა ეს იდეა შუშის ჩვენების, მულტიტაუჩის ჩვენების შესახებ, რომლის ჩაწერაც შეიძლებოდა. მე ვკითხე ჩვენს ხალხს ამის შესახებ. და ექვსი თვის შემდეგ ისინი დაბრუნდნენ ამ საოცარი ჩვენებით. და მე მას ვაძლევ ჩვენს ერთ -ერთ მართლაც ბრწყინვალე ინტერფეისის ბიჭს. შემდეგ მან ინერციული გადახვევა დაიწყო და სხვა რაღაცეები და მე ვიფიქრე: "ღმერთო ჩემო, ჩვენ შეგვიძლია ტელეფონი ავაშენოთ ამით" და პლანშეტი გვერდზე გადავდგით და ტელეფონზე სამუშაოდ წავედით. "

Apple-Samsung– ის სასამართლო პროცესის დროს მის ჩვენებაში, Apple– ის ყოფილმა ვიცე-პრეზიდენტმა სკოტ ფორსტალმა, რომელიც ხელმძღვანელობდა კომპანიის შექმნას iPhone– ის ორიგინალური პროგრამული უზრუნველყოფა, რომელსაც ასევე ჰქვია Ording– ის UI გარღვევა გადამწყვეტი მნიშვნელობა აქვს მოწყობილობას განვითარება. როდესაც Apple- ის აღმასრულებლებმა დაინახეს პროგრამული უზრუნველყოფის მოქმედება, მათ იცოდნენ, რომ iPhone მუშაობდა.

”ჩვენ შევქმენით პატარა გადახვევის სია,” - თქვა ფორსტალმა სასამართლო პროცესის დროს. ”ჩვენ გვინდოდა, რომ ის ჯიბეში მოთავსებულიყო, ამიტომ ჩვენ ავაშენეთ მისი პატარა კუთხე, როგორც კონტაქტების სია. თქვენ იჯექით იქ და გადადიხართ კონტაქტების ამ ჩამონათვალზე, შეგიძლიათ შეეხეთ კონტაქტს, ის გადაფურცლდება და გაჩვენებთ საკონტაქტო ინფორმაცია და შეგიძლიათ დააჭიროთ ტელეფონის ნომერს და ის იტყოდეს „დარეკვა“. ის არ იძახებდა, მაგრამ იტყოდა დარეკვა. და ეს უბრალოდ გასაოცარი იყო. და ჩვენ მივხვდით, რომ სენსორული ეკრანი, რომელიც ზომის იყო და შეიძლება ჯიბეში მოთავსდეს, მშვენივრად იმუშავებდა, როგორც ერთ -ერთი ასეთი ტელეფონი. ”

ეს იყო iPhone– ის დაბადება.

დარეგისტრირდით, რომ მიიღოთ უფასო ასლი დაუღალავი ვაშლის გმირი, ელექტრონული წიგნი, სადაც დეტალურად არის აღწერილი ბას ორდინგის კარიერა Apple– ში. ჩვენ გამოგიგზავნით ასლს, როდესაც ელექტრონული წიგნი გამოვა ივლისში. დაუღალავი ვაშლის გმირი დეტალები ორდინგის ხანგრძლივი კარიერის შესაქმნელად iPhone და Mac პროგრამული უზრუნველყოფის ძირითადი ნაწილები. წიგნი აღწერს როგორი იყო Apple- ში მუშაობა და სტივ ჯობსთან მჭიდროდ მუშაობა, საიდან მიიღო მისი იდეები და როგორ მუშაობდა ისეთ პრობლემებზე, როგორიცაა რეზინის ზოლის ეფექტი. საჭიროა ღრმად ჩავუღრმავდეთ მის მეთოდოლოგიას გაკვეთილებით ყველა დიზაინერისთვის.

უახლესი ბლოგი

Apple ბარათის მომხმარებლებს შეუძლიათ გადაიდო ივლისის გადასახადები, თუკი ისინი COVID-19- ით არის დაკავებული
September 11, 2021

Apple ბარათის მომხმარებლებს შეუძლიათ გადაიდო ივლისის გადასახადები, თუკი ისინი COVID-19- ით არის დაკავებულიბარათის მფლობელებს შეუძლიათ გადადონ ივლის...

მაიკროსოფტმა შემოიტანა Xbox პარტიის ჩეთი მობილურში
September 11, 2021

მაიკროსოფტმა შემოიტანა Xbox პარტიის ჩეთი მობილურშიკონტროლერის მხარდაჭერა უკეთესია, ვიდრე ოდესმე.ფოტო: ევან კილჰემი/Cult of MacXbox– ის მოთამაშეებს ...

IPad აპლიკაცია გაძლევთ საშუალებას ვიოლინოზე დაუკრათ Apple Pencil
September 11, 2021

Apple Pencil, რომელიც ახლა თავსებადია თითქმის ყველა ახალ iPad– თან, არ არის კარგი მხოლოდ ხატვისა და წერისთვის. იმის გამო, რომ მისი სენსორების სიდიდ...