Što programeri aplikacija i dizajneri misle o iPhoneu X—i usjeku

Srce od iPhone XPredmet korisnika su aplikacije trećih strana. Od značajki proširene stvarnosti do senzora TrueDepth, nove značajke imaju za cilj potaknuti kreativnost i akciju u zajednici programera, donoseći inovativna iskustva novih aplikacija korisnicima iPhonea X. Ali iako Apple programerima daje nove igračke za igranje, mora se pobrinuti da ne pokvari njihove stare.

iPhone X je najznačajnija promjena na iPhoneu u nekoliko godina. Ima veću rezoluciju i drugačiji oblik zaslona. Raspolaže gumbom za početnu stranicu i dodaje ili mijenja geste dodira. Svaka od tih promjena mogla bi stvoriti posao za dizajnere i programere... a tu je i zarez. Možete očekivati ​​da će više telefona to učiniti, ne samo od Applea. Ali kako dizajnirati oko toga? Koliko je posla prilagoditi aplikaciju za to? Je li, kako kažu neki kritičari, loš dizajn?

Kako bih saznao, razgovarao sam s dizajnerima i programerima aplikacija i igara za iOS koji su nedavno prošli kroz proces ažuriranja svojih aplikacija za iPhone X. Želio sam postaviti neka od ovih pitanja, ali uglavnom sam želio čuti kako je prošao prijelaz na novi telefon za sve koji rade iza scene.

Aplikacije programera koje smo intervjuirali

Velika razlika u razlučivosti

Započnimo promatranjem promjena i izazova koje predstavlja zaslon različite veličine i oblika te kako Apple preporučuje da se s njima nosite. Budući da iOS radi na uređajima u različitim rezolucijama, Apple i programeri na platformi mjere njihova korisnička sučelja u "točkama", a ne u pikselima—što je ionako vrlo čest koncept u dizajnu. Zaslon iPhonea X ima istu širinu u točkama kao iPhone 7 i 8 (375 točaka), ali je 145 točaka viši. Činjenica da iPhone X dijeli širinu s običnim iPhoneima, a ne s Plus modelima, razlog je zašto ne podržava proširena sučelja pejzažnog načina rada koja imate na Plusu.

iOS aplikacije također moraju podržavati prikazivanje sredstava na više rezolucija da biste oštro pogledali razlučivost zaslona svakog uređaja; označitelji @1x, @2x ili @3x koriste se za tri razine rezolucije za imovinu. Apple preporučuje izradu sredstava kao PDF-ova jer ne ovise o razlučivosti. Ako su također potrebne rasterizirane slike, trenutno se moraju ponuditi u @2x ili @3x, što prethodno u korelaciji s modernim iPhoneima standardne veličine s retina zaslonima i modelima Plus, odnosno. iPhone X koristi @3x.

Svaki razvojni programer s kojim sam razgovarao rekao je da nije imao problema s elementima koji dobro izgledaju na novom zaslonu. Phillippe Levieux, suosnivač aplikacije za uređivanje fotografija infltr, čak je uživao u novom pristupu:

Koristimo vektorska sredstva unutar infltr-a, to su PDF-ovi. Nismo morali napraviti nikakve promjene za iPhone X. Ovaj način rada je nevjerojatan. Potreban vam je samo jedan PDF materijal koji će se kompajlirati u @1x, @2x, @3x.

Yak & Co Umjetnički direktor Mark White (poznat po pustolovnoj igri Agent A) rekao je da je njegov tim dobro izdržao tranziciju imovine, a on je to formulirao kao lekciju da uvijek trebate očekivati ​​neočekivano i primijeniti u skladu s tim. "Rano smo se svjesno potrudili dizajnirati stvari na vrlo fleksibilan način jer stvarno jednostavno ne možete predvidjeti kakve ćemo rezolucije ili oblike zaslona koristiti u budućnosti", rekao je.

Ali razlučivost se na iPhoneu prije mijenjala bez većih događaja. iPhone X donosi tri dodatne promjene s kojima se programeri prije nisu morali boriti. Kutovi su zaobljeni, dok su drugi iPhonei imali kutove s pravim kutovima. Postoji kontroverzni urez - Apple ga naziva kućištem senzora - upad kamere i drugog hardvera u sredinu vrha zaslona. I konačno, tu je i novi indikator u korisničkom sučelju koji je uvijek prisutan na dnu zaslona.

Indikator kuće

iPhone aplikacije su većinu vremena imale cijeli zaslon za sebe - jedina iznimka bile su statusna traka i obavijesti - ali to više nije slučaj. Moraju ustupiti nekretninu urezu na vrhu i indikatoru kuće na dnu.

Apple je već ponudio skup pravila i alata pod nazivom Auto Layout kako bi pomogao iOS programerima da izbjegnu potencijalne zamke s korištenjem blokiranih nekretnina na prethodnim iOS uređajima. Tvrtka opisuje ovako:

Automatski raspored dinamički izračunava veličinu i položaj svih prikaza u vašoj hijerarhiji pogleda, na temelju ograničenja postavljenih na te poglede. Na primjer, možete ograničiti gumb tako da bude vodoravno centriran s prikazom slike i tako da gornji rub gumba uvijek ostane 8 točaka ispod dna slike. Ako se veličina ili položaj prikaza slike promijeni, položaj gumba automatski se prilagođava.

Za programere koji su se već primarno oslanjali na Auto Layout, prijelaz na iPhone X puno je jednostavniji nego za one koji se uglavnom oslanjaju na prilagođene izglede. "Moja aplikacija koristi Auto Layout za većinu svog koda za crtanje", rekao je Galley Foods voditelj inženjeringa Chris Anderson. "Dakle, morao sam obaviti samo minimalan posao kako bih svoju aplikaciju prilagodio novim dimenzijama. Ponovno kompajlirate s iOS-om 11, posipate neke naredbe 'if iOS 11' da prikvačite svoju aplikaciju na novi Apple-provide safe layout guide, i to me dovelo većinu puta do cilja."

Apple je dodao novi aspekt u Auto Layout pod nazivom Safe Area u iOS-u 11. Na temelju sigurnog područja, programeri bi trebali ograničiti sadržaj i kritične elemente korisničkog sučelja na dijelove zaslona gdje ih neće blokirati ili ometati hardver ili sistemski softver. Za druge iPhone uređaje, sigurno područje je u biti bilo cijeli prozor za prikaz. Na iPhoneu X, međutim, to je kompliciranije. U portretnom načinu, sigurno područje blokira dio gornjeg i donjeg dijela točke gledišta. Gornji dio služi za smještaj statusne trake i kućišta senzora, dok donji dio pruža širok prostor indikatoru početne stranice.

Indikator početne stranice je tanka traka koja se gotovo uvijek nalazi na dnu zaslona za označavanje korisniku da može prijeći prstom od dna prema gore kako bi izašao iz aplikacije ili došao do sučelja za više zadataka. Budući da je ovu funkciju prije obavljao gumb za početnu stranicu koji se nalazio ispod zaslona, ​​indikator ste na neki način mogli vidjeti kao novi gumb za početnu stranicu. Apple dopušta razvojnim programerima da omoguće ponašanje automatskog skrivanja za početni indikator, ali samo za gledanje pasivnog sadržaja preko cijelog zaslona poput videozapisa.

Alternativno, programeri mogu aktivirati Edge Protection. To indikatoru daje suptilniji izgled, tjerajući korisnika da izvrši dva prijelaza umjesto jednog da izađe iz aplikacije. Ovo se preporučuje ako je prelazak prstom od dna temeljni dio funkcionalnosti aplikacije, iako je očito najbolje rješenje promijeniti tu interakciju u nešto drugo kada je to moguće. Apple unatoč tome preporučuje poglede s mogućnošću okomitog pomicanja koji se protežu sve do dna zaslona unatoč prisutnosti indikatora.

Programeri koji stave elemente korisničkog sučelja poput gumba za navigaciju na samo dno zaslona možda će ih morati premjestiti ako su prethodno bili izvan onoga što je sada sigurno područje. Anderson iz Galley Foodsa rekao je da je unatoč njegovoj relativno lakoj tranziciji ovo najveći problem s kojim se susreo u svojoj aplikaciji:

Prvo, imao sam puno dna i radnji prikvačenih na dno zaslona; sve je to zahtijevalo ručnu intervenciju (čak i s automatskim rasporedom) kako bi se osiguralo da indikatorska linija ne prekriva gumb. Drugo, kako bi razmak izgledao kako treba, bilo je potrebno malo ručnog podešavanja za iPhone X i rasporede koji nisu iPhone X. I na kraju, još uvijek se borim kako najbolje dizajnirati oko tog kućnog indikatora. S donjim pričvršćenim gumbom možete proširiti boju gumba do dna ili ga odrezati iznad crte. Obje su pomalo ružne opcije. Zakrivljeni rubovi zahtijevaju da date puno razmaka iznad krivulje; tako da postoje te dodatne margine koje ne izgledaju dobro.

Što su se programeri više držali Appleovih preporučenih načina rada, to je tvrtka lakše napravila prijelaz za njih. Ipak, Anderson je rekao kako smatra da je Apple mogao pružiti bolje smjernice za rukovanje donjom trakom na vizualno privlačan način. "S divovskim trakama s karticama i praznim prostorom ispod zaslonske tipkovnice, mislim da Apple sam nije shvatio što učiniti", dodao je.