Kaikki peukalot, miksi pääsy navigointiin tulisi korvata navigointipalkki iOS Design -sovelluksessa

Navbar-palkki on tyhjennetty

UINavigationBar, lyhyt navigointipalkki, on ollut olemassa alkuperäisen iPhonen jälkeen. Historiallisesti navigointipalkit ovat olleet käteviä ja selkeitä, helposti ymmärrettäviä ja helposti rakennettavia.

Sitten puhelimet ilmapalloivat, tarpeeksi, että iPhone 7 Plus korvasi iPad mini -myynnin. Nyt, jos omistat modernin iPhonen, navigointipalkit voivat tuntua hankalilta - kirjaimellisesti poissa käytöstä.

Kasvavat näytöt tarkoittavat, että navigointipalkin ja peukaloidemme välinen etäisyys on kasvanut. 7 Plus: n näyttö on niin korkea, että peukalon pituuden nostaminen 150 prosentilla vie näihin hassuihin painikkeisiin yhdellä kädellä. Vain toinen nyrkki tai kaksi. Ei mitään outoa.

Hurffin kosketusvyöhykkeet kuvaavat oikeanpuoleisen peukalon saavutettavuutta.

Laitteiden muuttuessa visuaalinen kielemme muuttuu heidän kanssaan. On aika siirtyä navigointipalkista peukalolla ulottuvan navigoinnin puolesta. Tätä artikkelia sovellettaessa kutsumme sitä Reach-navigointiin.

Miksi navigointipalkki ei ole kosketuksissa

Navbar-palkki on "järjestelmästandardi" -sovelluksen tukipilari, jota käytetään puhelin, viestit, sähköposti, kalenteri ja lukemattomat muut -sovelluksissa. On paljon syitä, että se sai suosion:

  • iOS Standard Apple rakensi navigointipalkin muokattavaksi, skaalautuvaksi, helposti käytettäväksi ja helposti toteutettavaksi. Koska se on iOS-standardi, se on tunnistettavissa kaikissa sovelluksissa.
  • Navigointi Navigointipalkin vasemmalla ja oikealla puolella on tilaa painikkeille. Vasen alue navigoi käyttäjiä usein hierarkiassa, ja oikea alue on ylöspäin tarttumista varten. Takaisin-painike ilmoittaa käyttäjille, että he eivät ole juurinäkymässä.
  • Otsikko tarjoaa tekstille yhdenmukaisen sijainnin, joka määrittelee näkymän toiminnon. Koska navigointipalkki pysyy aina näytöllä, se auttaa edelleen määrittämään tietohierarkian.
  • Seuraus välilehtipalkkiin Jos näytön alareunassa on rivi napautettavissa olevia kuvakkeita (eli välilehtipalkki), muiden kuvakkeiden asettaminen näytön yläosaan auttaa erottamaan vanhempien ja lasten suhteet.
  • Logo Asiakas voi laittaa logon tähän! Nero. Lol jk, minusta on tämä tahmea, mutta eroan.
Jotkut näytteen navigointipalkit nautinnollesi.

Voi luoja, niin monia hyviä syitä käyttää navigointipalkkia projektissasi. Paitsi, pirun! Nyt on vaikea saada peukalo ylös.

Tässä tapauksessa puhutaan joitain Navbar-miinusta:

  • On vaikeampaa palata takaisin. Voit pyyhkäistä reunasta, kunhan käymässäsi näkymässä ei ole mitään, joka rullaa vaakasuoraan, mutta jos se tapahtuu, olet venytyskaupungissa.
  • Kaikkien näkemysten nimeäminen on tuskaa. Kaikki näytöt eivät tarvitse pysyvää otsikkoa, ja jotkut vaativat etikettejä liian pitkiä sopimaan. Tyhjän navigointialueen jättäminen tuhlaa näytön tilaa ja näyttää karuvalta.
  • Navigointi vaatii kaksi kättä. Jos pystyt pitämään laitetta yhdessä kädessä, sinun pitäisi pystyä käyttämään laitetta yhdellä kädellä. Se tuntuu paremmalta, ja se on helpompaa maailmassa, joka on täynnä ostoskärryjä työntääkseen ja vauvoja kuljettamaan.
  • Yksinkertaisista sovelluksista tulee monimutkaisempia kuin tarvitaan. Navbars johtaa yleensä tietoarkkitehtuuriin, joka kulkee syvällä. Se on helppo kehittää horisontaaliseen progressiiviseen julkistamiseen, mikä tarkoittaa, että se voi olla taistelu laajentaa riviin tai käyttää arkkia.

Selvä. Nyt tiedämme kuinka navbaarit voivat olla paskaa. Joten mitä me teemme?

Tavoita navigointi ja Apple

IOS-suunnittelijana tuen tätä osaa tutkielmassani korostamalla, kuinka Apple on jo sisällyttänyt Reach-navigoinnin. Valmis? Aloitamme kahdesta selvästä tavasta, jolla Apple mahtuu suurempiin mobiililaitteiden näytöihin.

Palaa-painikkeen sijasta, navigoi taaksepäin pyyhkäisemällä vasemmasta reunasta.

Ensinnäkin sinun ei tarvitse enää painaa takaisin-painiketta. Voit navigoida takaisin pyyhkäisemällä vasemmasta reunasta. Voit myös hallita näytön liikettä sen liikkuessa taaksepäin antaen sinun katsoa edellistä näyttöä ennen sitoutumista. Se ei toimi kaikissa sovelluksissa, mutta kun saat katsoa takaosan etiketin siirtymisen otsikkoon, mikä on vain kaunista.

Kaksoisnapsauttamalla kotipainiketta, sisältö siirtyy alaspäin.

Toiseksi, iOS sisältää ominaisuuden nimeltä Saavutettavuus, jossa näytön sisältö muuttuu alaspäin auttaaksesi sinua saavuttamaan yläreunassa olevat painikkeet, kun kaksoisnapautat kevyesti kotipainiketta. Toimiva nyt, mutta tuntuu Bandaid-ratkaisulta.

Nyt täällä on selvää käännös kohti Reach Navia. Apple on jo alkanut vieroittaa heidän sovelluksiaan navigointipalkista. Mapsissa ja Musiikissa oli molemmat iOS 10: n rakenneuudistukset, jotka vähensivät tai poistivat navigointipalkkien tarpeen.

Apple Music muuttuu iOS 9: stä (vasen) iOS 10: ään (oikealle). Selauspalkin poistaminen antoi ensisijaisen näkymän etiketin koon kasvaa. Nätti.

Nyt molemmat sovellukset käyttävät arkkia, jonka voit hylätä pyyhkäisemällä alas.

Apple Maps muuttuu iOS 9: stä (vasen) iOS 10: ään (oikealle). Käyttöliittymä on melkein täysin käännetty. Kartta-asetukset ja Lukitse nykyiseen sijaintiin on vaikeampi päästä, kun taas haku ja tulokset on priorisoitu.

Muutama takaosa Apple Music -sovelluksessa selvisi iOS 10: n pilkkomuutosta, mutta ne näkyvät merkittyinä poistettavaksi tulevassa käyttöjärjestelmässä. On typerää osoittaa niin paljon vaakatilaa painikkeelle, joka vie vain 20 prosenttia kiinteistöstä. Apple Music on myös palannut pelkkään Taka-etikettiin sen sijaan, että kuvailisi paluukohtaa, joka on Takaisin-painikkeen toimivuuden kulmakivi iOS 7 -julkaisun kautta.

IOS 10: n Takaisin-painike vie täällä paljon kiinteistöjä. Vaikuttaa väliaikaiselta, ei? Joo.

Joten näyttää siltä, ​​että tämä on Applen ottama suunta, joka antaa sinulle mahdollisuuden siirtää mallejasi vastaavasti.

Sisältää Reach-navigoinnin

Tässä on joitain yksityiskohtia siitä, kuinka Reach Nav sisällytetään sovelluksiin. Jos työskentelet:

Uusi välilehtipalkkia käyttävä sovellus:

  • Käytä arkkeja, jotka aukeavat alhaalta ja jotka voidaan siirtää pois.
  • Sen sijaan, että sijoitat tärkeät painikkeet, kuten Suodatin tai Vaihda näkymää, korkealle, tarkista, voitko kellua ne välilehtipalkin yläpuolelle.
  • Ennen kuin valitset välilehtiä arvokkaimmalle näyttökiinteistöllesi, keskustele siitä, mitkä ominaisuudet ovat tehtäväkriittisiä.
  • Älä laita kohdepainiketta - kuten haku, ostoskori, uusi viesti - navigointipalkkiin. Tee joko välilehti tai upota se sisältöalueelle.

Uusi sovellus ilman välilehtipalkkia:

  • Kokeile paljaana olevaa laatikkoa, kuten Maps, tai arkkeja, kuten Mail.
  • Pitääkö minun sanoa tämä? Priorisoi painikkeiden sijoittaminen näytön alaosaan.

Vanhan mallin uudistaminen:

  • Siirrä eniten käytetyt tuotteet alaosaan.
  • Varmista, että pyyhkäisemällä näytön reunasta palataksesi toimii kaikissa näkymissä.
  • Katso, mitä voit pesätä vapauttaaksesi tilaa käyttökelpoisimmille näyttöalueille.
  • Poista tärkeät toiminnot oikeasta yläkulmasta navigointipalkista ja laita ne muualle.
Nopea luovutus siitä, kuinka Safari voi siirtää osoitepalkin alaosaan, poistaa työkalurivin ja ylläpitää toiminnallisuutta.

Lopuksi, muutama poikkeus on kriittisten painikkeiden asettamisesta helpon ulottuville. Jos toiminnolla on vakavia seurauksia, painikkeen siirtäminen ulottumattomissa on tapa auttaa käyttäjää välttämään virheitä. Joten jos rasvan peukalo voi maksaa jollekin tuhansia dollareita tai poistaa tärkeän asiakirjan, siirrä näitä vaihtoehtoja hieman ylöspäin.

Esimerkkejä Reach Nav -sovelluksesta

Uudet Apple-sovellukset eivät ole ainoita tuotteita, jotka alkavat kunnioittaa Reach Nav -sovellusta. Lyft ja Pokémon Go asettavat kaiken yhden käden ulottuville.

Pokémon Go ja Lyft käyttävät Reach Navigation -sovellusta.

Jotkut muut sovellukset, kuten Pilvinen, ovat alkaneet käyttää arkkeja, joiden avulla voit pyyhkäistä alas.

Pilvistä käytetään arkkeja, joiden avulla käyttäjät voivat pyyhkäistä alas.

IOS Twitter -sovellus poistaa tarpeen pyyhkäisemällä näytön reunasta palataksesi takaisin, nyt voit pyyhkäistä mistä tahansa.

Odottaa, että lisää sovelluksia siirtää toimintoja näytön tavoitettavissa olevan osan alaosaan. Sitä on melko helppo mukauttaa, vaikka liiallisilla ominaisuuksilla varustetuilla sovelluksilla on eniten ongelmia.

Pysyä yhteydessä

Navigointipalkki on ollut olennainen osa iOS: ää siitä lähtien, kun Apple julkaisi ensimmäisen kehittäjäpaketin, ja se on palvellut meitä hyvin. Mutta on aika päästää irti.

Oletetaan, että lopetamme tärkeiden painikkeiden kiinnittämisen näytön yläosaan. Parempi navigointi on ulottuvilla.

Brad Ellis on Tall Westin perustaja. Se on suunnittelutoimisto, jonka asiakkaiden joukossa ovat Airbnb ja Target. Hän on Apple Design Award -voittaja, ja hän on saanut kaksi Webbyt sovellussuunnitteluun. Jos haluat työskennellä yhdessä, pudota hänelle linja Bradille osoitteessa Tallwest.com.

Avustajat: Ronan Rooney ja Maggie Mason