Gesture-pohjaisen navigaatiojärjestelmän suunnittelu iOS-sovelluksissa

Gesture-pohjainen navigointi on tullut kulmakivi modernin iOS-sovellussuunnittelun, mahdollistaa nesteen, intuitiivisen vuorovaikutuksen, joka tuntuu lähes fyysiseltä. Vähentämällä riippuvuutta näkyviin painikkeisiin ja valikoihin, eleitä vapauttaa näytön kiinteistön ja luoda enemmän upottavaa käyttäjäkokemusta. Apple.S UIKit tarjoaa vankan joukon eleentunnistimia, mutta tehokkaan navigointijärjestelmän suunnittelu edellyttää harkittua suunnittelua, ymmärtämistä ihmisen käyttöliittymän ohjeista ja tiukkaa testausta. Tässä artikkelissa tutkitaan, miten eleohjautuva navigointijärjestelmä voidaan suunnitella, joka on löydettävissä, reagoiva ja helposti käytettävissä.

Miksi Gesture-Based Navigation Asiat

Kosketus eleissä kartoittaa luonnollisia ihmisen liikkeitä digitaalisiin toimiin. Peruutus taakse peilaa teko työntää fyysinen objekti syrjään; nipistys zoom tuntuu venyttää tai pakata pintaa. Tämä linjaus vähentää kognitiivista kuormitusta ja tekee navigaatiosta toisen luonteen. iOS-sovelluksissa eleen perustuva navigointi voi korvata perinteiset navigointipalkit, välilehtipalkit ja takaisin painikkeet, mikä johtaa puhtaampiin rajapintoihin, jotka keskittyvät sisältöön. Kuitenkin huonosti suunnitellut eleet voivat turhauttaa käyttäjiä. Oikean tasapainon löytäminen innovaatioiden ja konventin välillä on avain.

Core Gestures in iOS Navigation

Apple.S Human Interface Guideline (HIG) määrittelee vakioeleet, jotka käyttäjät odottavat toimivansa johdonmukaisesti eri sovelluksissa. Näiden tuttujen vuorovaikutusten vähentäminen auttaa käyttäjiä tuntemaan olonsa kotoisaksi.

Pyyhi

Pyyhkäiseminen on ehkä monipuolisin navigointiin.Vasemmalle tai oikealle kääntyminen voi siirtyä näköalasta toiseen (esim. kuvagalleriassa), sivupalkin valikko (pyyhkäise vasemmalta reunalta monissa navigaatiopohjaisissa sovelluksissa) tai ruudun poistaminen (pyyhkäise takaisin UINAvgitionControllerissa). Suunta-asiat: pystysuoraa pyyhkäisyä käytetään usein vierimiseen tai modaalien erottamiseen.

Napauta

Navigoinnin yhteydessä voit mennä syvemmälle hierarkiaan (esim. napauttamalla riviä pöytänäkymässä) tai käynnistää toiminnan, kuten avaamalla pohjalevyn. Navigoinnin osalta kaksoisnapaukset ovat vähemmän yleisiä, mutta ne voivat zoomata sisältöä.

Nipistä

Nipsahdus voi myös siirtyä yleiskuvan ja yksityiskohtien väliin (esim. zoomaamalla ruudukkonäkymään).

Pitkä painallus

Pitkä painaminen (tai voiman kosketus aikaisempiin laitteisiin) paljastaa kontekstivalikot, esikatselut tai nopeammat toiminnot ilman navigointia. Esimerkiksi viestin pitkä painaminen esikatselu voi näyttää vastausvaihtoehdot avaamatta koko keskustelua.

Edge Swipe

Näytön reunasta (vasen reuna taakse, oikea reuna iPadille) on järjestelmätason ele, jota sovellusten tulisi kunnioittaa, ellei niillä ole vahvaa syytä ohittaa sitä. Vältä ristiriidat järjestelmän eleiden kanssa käyttäjien sekaannuksen estämiseksi.

Gesture-perusnavigoinnin suunnitteluperiaatteet

Onnistunut ele navigointi ei ole vain kiinnitettävyyttä tunnistajat.Se vaatii kokonaisvaltaista suunnittelua.

Löydettävyys

Gestures ovat näkymättömiä. Käyttäjät on opetettava tai intuitiivisesti ymmärtää niitä. Käytä visuaalisia vihjeitä (esim., hienovarainen nuoli, vetävä osoitin, tai opetusohjelma overlay ensimmäisellä käynnistämisellä). Johdonmukaiset kuviot.

Johdonmukaisuus

Seuraa alustan käytäntöjä. Käyttäjät odottavat oikea pyyhkäise tarkoittaa ...go back. Jos käytät oikeaa pyyhkäise jotain muuta, anna selkeä asiayhteys. App, pitää eleitä yhtenäinen näytöt.

Palaute

Jokaisen eleen on annettava välitöntä, selkeää palautetta. Visuaalinen palaute (näkymän eleen vieressä elossa), haptinen palaute (käyttäen UIImpactFeedbackGenerator tai UINotificationFeedbackGenerator) ja äänimerkit (tarvittaessa) vahvistavat, että ele on tunnistettu. Ilman palautetta käyttäjät voivat pyyhkäistä toistuvasti, luoden turhauttavaa kokemusta.

Esteettömyys

Kaikki käyttäjät eivät voi suorittaa eleitä tarkasti. Tarjoa vaihtoehtoisia menetelmiä navigointi: painikkeet, näppäimistön pikanäppäimistöt (iPad näppäimistöllä), VoiceOver mukautettuja toimia, ja vaihtaa ohjaustukea. Varmista eleet eivät ole ainoa tapa suorittaa kriittisiä toimia.

Vältä konflikteja

Kun useita eleentunnistijoita liitetään samaan näkymään (tai vanhempainnäköön), voi syntyä konflikteja. Esimerkiksi korttia hylkäys voi olla ristiriidassa korttia näppäilevän pyyhkäisyn kanssa. Priorisoi eleitä huolellisesti delegoimalla menetelmiä kuten tai perustamalla eletunnistimen riippuvuuksia.

Suorituskyky

Gesture käsittely on nestettä. Raskaat animaatiot tai synkronoidut laskelmat voivat aiheuttaa eleen laahaa tai änkytystä. Käytä ja sen sisäänrakennettu eleentunnistin standardin pannointi; mukautetun eleitä, pitää käsittelijä menetelmiä kevyt ja harkita käyttää [ sileä animaatioita.

Toteutus Eksture-tunnistuslaitteet iOS

iOS tarjoaa joukon konkreettisia eleentunnistimia . Tässä. Miten toteuttaa yhteisiä navigointimalleja.

Perusasetukset

Instantoida eleentunnistin, asettaa sen tavoite ja toiminta, määrittää ominaisuudet (suunta, määrä hanat, jne.), ja liittää sen näkymään. Esimerkki pyyhkäisemiseen navigaatio:

let swipeBack = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipeBack))
swipeBack.direction = .right
view.addGestureRecognizer(swipeBack)

Lisäasetukset

Raesäätöä varten käytetään delegoidun protokollan mukaista liikettä. Esimerkiksi annetaan ele pyyhkäisemään vain käyttäjän sormien ollessa lähellä vasenta reunaa (takareunan pyyhkäiseminen):

func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
 guard let swipe = gestureRecognizer as? UISwipeGestureRecognizer else { return false }
 let location = swipe.location(in: view)
 return location.x < 30
}

Samanaikainen elakon käsittely

Kun on kyse vieritys- tai keräysnäkymistä, voi olla tarpeen antaa eleiden toimia yhdessä. Käytä palauttaaksesi yhteensopiviin eleiin ja asettaaksesi prioriteetit.

Omat siirtymät

Täysin eleen ohjainsiirroilla varustettu parin eletunnistimella. Esimerkiksi suorita käyttäjän sormia seuraava interaktiivinen pop-siirtymä, joka vastaa oletus iOS-selkäeleetä. Tähän kuuluu ja sen yhdistäminen navigointiohjaimessa toimivaan pannukakkuun tai pyyhkäisemiseen.

Valikkonavigoinnin suunnittelu egturesin avulla (Example)

Monet modernit iOS-sovellukset käyttävät vasemmalta liukuvaa hampurilaismenua. Eleen perustuva vaihtoehto voisi olla pyyhkäisevä reunalta sivupaneelin paljastamiseksi (kuten iPad...

  1. Kiinnitä edelintunnistin pääsisältönäkymään (reunoilla: .vasen).
  2. Eleenä alkoi, lisää valikkonäkymä vasemmalle näytölle; muuttuessa, päivitä sen x-asento suhteessa; lopuksi animoidaan se täysin auki tai kiinni nopeuden/asennon perusteella.
  3. Anna nappi käyttäjille, jotka eivät voi pyyhkiä.
  4. Käytetään interaktiivisiin animaatioihin keskitiheyksien kääntämiseksi.

Tämä kuvio voidaan laajentaa pohjalevyihin, oikeanpuoleisiin paneeleihin tai pyyhkiä välilehtiä.

Gesture Navigation-järjestelmän testaus ja korjaus

Perusteellinen testaus ei ole neuvoteltavissa. Gesture tunnistimet voivat käyttäytyä odottamatta eri laitteissa, jaetulla näytöllä, tai kun järjestelmän eleitä (esim., koti-indikaattori, sovelluksen kytkin) on mukana.

Työkalut ja menetelmät

  • Xcode Debuggeri:[ Visualisoi eleentunnistinta valtiot (mahdollisesti, alkoi, muutti, päättyi, peruutti, epäonnistui) käyttäen näkymän vianetsintäpaneelia.
  • Esteettömyys Tarkastaja:[ Varmista, että VoiceOver käyttäjät voivat käyttää kaikkia toimintoja.
  • Käyttäjän testaus:[ Tarkkaile todellisia käyttäjiä, jotka tekevät eleitä; muistiinpanon epäröinti, vahingossa laukaisee tai yrittää toistuvasti.
  • Suorituskyky Seuranta:[ Tarkista kehysarvot eleen toteuttamisen aikana käyttäen ydinanimaatiolaitteita.

Yleiset vitsaukset

  • Satunnainen laukaisin:[] Takaisin pyyhkäiseminen voidaan tulkita väärin, kun käyttäjä yrittää valita rivin. Mitikatkaa vaatimalla pienin vedon etäisyys tai tietty aloitusreuna.
  • System Gesture Conflicts:[] iPhones Face ID, koti osoitin pyyhkäisee voi ristiriidassa alareunan eleitä. Käytä omaisuutta, jotta eleesi ensin, mutta aina antaa varmuuskopioita.
  • Poor Discoverability:[] Jos käyttäjät eivät tiedä eleen olemassaolosta, he jäävät jumiin. Käytä aluksella olevia, pysyviä vihjeitä tai adaptiivisia käyttöliittymä, joka paljastaa painikkeet aikakatkaisun jälkeen.

Esteettömyys ja osallistava suunnittelu

Gestore-pohjainen navigointi ei saa sulkea pois motoriikkarajoitteisten käyttäjien mahdollisuutta.

  • Ajankohtaista Ohjausta:[ Jokainen ele-triggered toiminto pitäisi olla saatavilla painikkeen tai näppäimistön pikanäppäimen kautta. Esimerkiksi pyyhkäise-to-delete voi olla myös pitkä-painatus, joka näyttää Poista-painiketta.
  • Äänen yli:[ Käytä paljastaa eleen toimia nimettyinä toimia. Esimerkiksi ...Pyydä takaisin ... voi tulla mukautetun toiminnan roottorissa.
  • Vähennä esitys:[ Kunnioita asetusta; korvaa parallaksi- tai diavalikot yksinkertaisilla haalistumissiirroilla pyydettäessä.
  • Touch Majoitus:[ Ole tietoinen AssistiveTouch ja Touch Majoitus, joka muuttaa eleen käyttäytymistä ?Älä koskaan oleta kosketuspiste on tarkka.

Päätelmät

Elekelipohjaisen navigointijärjestelmän suunnittelu iOS-sovelluksissa on tehokas tapa luoda mukaansatempaava, moderni käyttöliittymä. Ymmärtämällä eleentunnistimien perusasiat, noudattamalla Apple.Saavuttamisen priorisointi, voit rakentaa navigoinnin, joka tuntuu luonnolliselta ja vaivattomalta. Aloita järjestelmästandardieleillä, lisää omia eleitä vain silloin, kun ne todella parantavat kokemusta ja testaavat aina monipuolisella käyttäjäpohjalla. Oikean teon jälkeen elenavigaatio katoaa taustaan, jolloin käyttäjät keskittyvät sisältöön ja tehtäviin.

Lisätietoja Apple.s ]Human Interface Guidelines on Gestures[], Uikit Gesture Recognizer documentation[], and the excellent article . ..[[]Designing Fluid Interactions[[]] . WWDC 2018.