Kõik pöidlad, miks peaks navigeerimine jõudma, peaks iOS Designis navigeerimisriba asendama

Navigeerimisriba on ära võetud

Lühikese aja jooksul navigeerimisriba UINavigationBar on olnud olemas alates algsest iPhoneist. Ajalooliselt on navigatsiooniribad olnud mugavad ja selged, hõlpsasti mõistetavad ja hõlpsasti üles ehitatavad.

Siis said telefonid õhupalli, nii palju, et iPhone 7 Plus tühistas iPad mini müügi. Nüüd, kui teil on kaasaegne iPhone, võivad navigeerimisribad tunda end kohmakalt - sõna otseses mõttes puutumatuna.

Kasvavad ekraanid tähendavad, et navigatsiooniriba ja pöidlate vaheline kaugus on kasvanud. 7 Pluss ekraan on nii pikk, et ühe käega nendele tüütutele nuppudele jõudmiseks kulub pöidla pikkuse suurendamiseks 150 protsenti. Lihtsalt veel üks nugis või kaks. Pole midagi imelikku.

Hurffi puutetsoonid illustreerivad parema käe pöidla saavutatavust.

Seadmete muutudes muutub meie visuaalne keel koos nendega. On aeg liikuda navigatsiooniribalt pöidlaulatusse ulatuva navigeerimise kasuks. Selle artikli tähenduses kutsume seda funktsiooni Reach Navigation.

Miks pole navigeerimisriba kontaktis?

Navbar on „süsteemistandardi” rakenduse alustala, mida kasutatakse telefonides, sõnumites, meilis, kalendris ja paljudes teistes. Selle soosimiseks on palju põhjuseid:

  • iOS Standard Apple ehitas navigeerimisriba kohandatavaks, skaleeritavaks, juurdepääsetavaks ja hõlpsasti rakendatavaks. Kuna see on iOS-i standard, on see äratuntav kõikides rakendustes.
  • Navigeerimine Navigeerimisriba vasakul ja paremal küljel on ruumi nuppude jaoks. Vasakpoolne ala navigeerib kasutajad sageli hierarhias ülespoole ja parem ala ülespoole haaramiseks. Tagasi nupp teavitab kasutajaid, et nad pole juurvaates.
  • Pealkiri annab teksti funktsiooni, mis määratleb vaate funktsiooni. Kuna navigeerimisriba jääb alati ekraanile, aitab see teabehierarhiat veelgi luua.
  • Kaardiriba kaaslane Kui teil on ekraani allosas rida koputatavaid ikoone (nimelt sakiriba), aitab muude ikoonide asetamine ekraani ülaossa eraldada vanema ja lapse suhteid.
  • Logo Teie klient saab siia logo panna! Geenius. Lol jk, minu arvates on see kleepuv, kuid ma kaldun kõrvale.
Mõned näidisribavardad teie nautimiseks.

Mu jumal, nii palju suurepäraseid põhjuseid, miks oma projektis navigeerimisriba kasutada. Välja arvatud, neetud! Praegu on raske pöialt sinna üles ajada.

Sel juhul räägime mõnedest Navbaari miinustest:

  • Raskem on tagasi minna. Võite servast libistada, kui teie vaatel pole midagi horisontaalselt keritavat, kuid kui te seda teete, olete te venituslinnas.
  • Kõigi vaadete nimetamine on valu. Kõik ekraanid ei vaja püsivat pealkirja ja mõned nõuavad, et sildid oleksid liiga pikad. Tühja navigatsiooniala jätmine raiskab ekraaniruumi ja näeb välja viljatu.
  • Navigeerimine nõuab kahte kätt. Kui saate seadet ühes käes hoida, peaksite saama seadet ühe käega juhtida. Tundub parem ja mugavam on maailmas, kus ostukärusid on tõugata ja beebisid kaasas.
  • Lihtsad rakendused muutuvad keerukamaks kui vaja. Navbaarid kipuvad viima sügavale kulgeva infarhitektuurini. Seda on lihtne arendada horisontaalseks järkjärguliseks avalikustamiseks, mis tähendab, et see võib olla laine laiendada või lehte kasutada.

Hästi. Nüüd me teame, kuidas navigeerimisriba võib jama olla. Mida me siis teeme?

Reach Navigation ja Apple

IOS-i kujundajana toetan seda oma lõputööd, osutades, kuidas Apple juba hõlmab Reach Navigationit. Kas olete valmis? Alustame kahest ilmsest viisist, kuidas Apple mahutab suuremad mobiiliekraanid.

Tagasi nupu asemel liikuge tagasi, libistades vasakust servast.

Esiteks ei pea te enam tagasi nuppu vajutama, saate tagasi liikuda, libistades vasakust servast. Samuti saate ekraani liikumist juhtida, kui see libiseb tahapoole, lastes enne pühendumist eelmisel ekraanil piiluda. See ei tööta igas rakenduses, kuid kui jõuate vaadata tagumise sildi üleminekut pealkirja, mis on lihtsalt ilus.

Kodunuppu kergelt topeltpuudutades nihutatakse sisu allapoole.

Teiseks sisaldab iOS funktsiooni Ligipääsetavus, kus teie ekraani sisu nihkub allapoole, et saaksite ülaosas olevate nuppude juurde jõuda, kui topeltpuudutate kodunuppu. Praegu töötab, kuid see tundub olevat Bandaidi lahendus.

Nüüd on siin koht, kus pööre Reach Nav poole saab paremini nähtavaks. Apple on juba alustanud nende rakenduste võõrutamist navigeerimisribalt. Nii Mapsis kui ka muusikas tehti iOS 10-le ümberkorraldus, mis vähendas või eemaldas vajaduse navigeerimisribade järele.

Apple Music muutub versioonilt iOS 9 (vasakul) versioonile iOS 10 (paremal). Navigeerimisriba eemaldamine võimaldas esmase vaate sildi suurust suurendada. Päris.

Nüüd kasutavad mõlemad rakendused lehte, mille valimiseks võite libistada alla.

Apple Maps muutub iOS 9-st (vasakul) iOS 10-ks (paremal). UI on peaaegu täielikult tagurpidi. Kaardiseaded ja lukustamine praegusesse asukohta on raskemini ligipääsetavad, samas kui otsing ja tulemused on prioriteetsed.

Mõni Apple Musici taganupp jäi iOS 10 tükeldamise ploki järele, kuid need näivad tulevases OS-is eemaldamiseks tähistatud. On rumal eraldada nupule, mis hõivab ainult 20 protsenti kinnisvarast, nii palju horisontaalset ruumi. Apple Music on naasnud sihtkoha kirjeldamise asemel ka tagasi-sildi juurde, mis on iOS 7 väljalaske ajal tagasi-nupu funktsionaalsuse nurgakivi.

Nupp Tagasi iOS 10-s võtab siin palju kinnisvara. Tundub ajutine, ei? Jah.

Nii tundub, et see on Apple'i suund, mis annab teile võimaluse oma disainilahendusi vastavalt muuta.

Sisaldab ulatuse navigeerimist

Siin on mõned üksikasjad rakenduse Reach Nav kaasamise kohta. Kui töötate:

Uus rakendus, mis kasutab sakiriba:

  • Kasutage lehti, mis hüppavad alt üles ja mille saab ära pühkida.
  • Selliste oluliste nuppude nagu Filtreeri või Muuda vaadet kõrgele asetamise asemel vaadake, kas saate neid hõlpsata sakiriba kohal hõljuda.
  • Enne kui saate valida kõige väärtuslikuma ekraani kinnisvara jaoks vahekaardid, pidage vestlusi selle kohta, millised funktsioonid on missioonikriitilised.
  • Ärge pange navigeerimisribale sihtnuppu - nt Otsing, Ostukorv, Uus Sõnum. Tehke vahekaart või manustage see sisualasse.

Uus vahekaardiribata rakendus:

  • Proovige avatud sahtlit, näiteks Maps, või lehti, näiteks Mail.
  • Kas ma pean seda ütlema? Esmatähtsaks peate nuppude paigutamist ekraani allosas.

Pärandkujunduse uuendus:

  • Liigutage enim kasutatud üksused põhja.
  • Veenduge, et tagasi liikumiseks ekraani servast libisete, töötab kõigi vaadete puhul.
  • Vaadake, mida saate pesa teha, et ruumi vabastada kõige kasutatavamates ekraanipiirkondades.
  • Eemaldage olulised toimingud paremas ülanurgas olevast kohast ja pange need mujale.
Kiire ülevaade sellest, kuidas Safari saaks aadressiriba põhja viia, tööriistariba eemaldada ja funktsionaalsust säilitada.

Lõpuks on mõned erandid, mis võimaldavad missioonikriitilisi nuppe hõlpsasti käeulatusse asetada. Kui toimingul on tõsiseid tagajärgi, on nupu eemaldamine käeulatusest eemaldamine viis, mis aitab kasutajal viga vältida. Nii et kui rasvade pöidlate juhtum võib kellelegi maksta tuhandeid dollareid või olulise dokumendi kustutada, liigutage neid võimalusi natuke üles.

Näited loodusest Reach Nav

Uued Apple'i rakendused pole ainsad tooted, mis hakkavad austama rakendust Reach Nav. Lyft ja Pokémon Go panevad kõik ühe käe ulatusse.

Pokémon Go ja Lyft kasutavad rakendust Reach Navigation.

Mõned muud rakendused, näiteks Overcast, on hakanud kasutama lehti, millel saate alla libistada.

Pilves kasutatakse lehti, mis lasevad kasutajatel alla libistada.

IOS-i vidistamarakendus eemaldab vajaduse tagasi pöörduda ekraani servast libistamiseks, nüüd saate pühkida ükskõik kust.

Võite oodata, et rohkem rakendusi liigutaks funktsioone ekraani kõige juurdepääsetavamas osas alt. See on üsna hõlpsasti kohandatav, ehkki kõige rohkem probleeme tekitab liiga funktsioonidega rakendused.

Ühendust pidama

Navigeerimisriba on olnud iOS-i oluline osa alates Apple'i esimese arendajakomplekti väljaandmisest ja see on meid hästi teeninud. Kuid on aeg lahti lasta.

Lepime kokku, et lõpetame oluliste nuppude kleepimise ekraani ülaossa. Parem navigeerimine on käeulatuses.

Brad Ellis on disainibüroo Tall West asutaja, mille klientide hulka kuuluvad Airbnb ja Target. Ta on Apple Design Awardi võitja ja rakenduse kujundamise eest on ta saanud kaks Webbyt. Kui soovite koos töötada, loovutage talle Bradis aadressi Tallwest.com.

Kaasautorid: Ronan Rooney ja Maggie Mason