Android VS. iOS: võrrelge 20 kasutajaliidese komponenti ja mustrit (1. osa)

20 erinevust Androidi ja iOS-i vahel, mida peaksite teadma platvormiüleste rakenduste kujundamisel

中文 版 Hiina originaalversioon avaldati 10. detsembril 2016

Android VS. iOS: võrrelge 20 kasutajaliidese komponenti ja mustrit (2. osa)

Nii Androidi kui ka iOS-i jaoks on käivitatud üha rohkem rakendusi. Kuid võime leida, et nende rakenduste kujundus ei pruugi UI-komponentide või käitumisharjumuste osas Androidi ja iOS-i erinevusi lahendada ega märgata. Mõnikord võib leida, et iOS-i komponente kasutatakse Androidi rakendustes või Androidi mustreid rakendatakse iOS-i rakendustes. Valesti kasutatud komponendid / mustrid võivad kasutajaid segadusse ajada.

Selleks, et arendajad või disainerid saaksid lihtsamini aru Androidi ja iOS-i põhierinevustest. Tahaksin tutvustada ja võrrelda kasutajaliidese mustreid / komponente, millel on mõlemal platvormil millalgi erinevad nimed, näiteks mõne ekraanipildiga:

1. Navigeerimissahtel, vahekaardid ja alt navigeerimine VS. Vahelehed

Kõigepealt tahaksime rääkida navigeerimise kujundamisest, kuna see on oluline infostruktuuri küsimus, millega disainerid peavad rakenduste kavandamisel alguses tähelepanu pöörama.

Navigeerimissahtel oli 2013. aastal Androidi disaini kõige esindavam. Infostruktuuri ülataseme kategooria üksused pannakse sahtlisse, mille saab peita, et kasutajaliidesed näeksid lihtsad ja puhtad. Kuid hiljem, kui ilmus palju uurimusi, mis paljastasid navigeerimissahtlite kasutatavusega seotud probleeme, hakkas Google liikuma olulisi funktsioone / kategooria üksusi navigeerimissahtlitelt rakenduste vahekaartidele; Youtube oli selle näide. Aastal 2016 ilmus altpoolt navigeerimine materjalide kujundamise juhistes ja see näitab, et Androidi mõned kasutajaliidese komponendid on lähenemas iOS-ile.

Youtube'i struktuuri areng: olulised funktsioonid, minu tellimused, ajalugu ja esitusloend pannakse sahtlisse -> rakenduste struktuur korraldatakse ümber, sahtel eemaldatakse ja põhifunktsioonid teisaldatakse vahekaartidele -> trendide lisamine vahekaartidele.Google Photosi struktuuri areng: põhifunktsioonid paigutatakse sahtlisse -> Põhifunktsioonid teisaldatakse nupu navigeerimisse -> Otsi hõljuvat toimingunuppu, mis võib fotode sirvimist segada, muudetakse otsinguribaks.

Pange tähele, et Androidi vahekaartide ja alt navigeerimise vahel on ikka veel erinevusi :

  1. Vahelehti saab kasutada teabe hierarhias kõrgemal või madalamal tasemel, kuid alt navigeerimist kasutatakse ainult kõrgeimal tasemel.
  2. Vahelehed ei toeta mitte ainult koputamist, vaid ka žesti liigutamist vaadete vahetamiseks, kuid põhjas navigeerimine toetab ainult koputamist.
  3. Üksuste summa vahekaartides on paindlik. Võite panna 2-5 üksust fikseeritud vahekaartidele või rohkem üksusi keritavatele vahelehtedele. Kuid põhja navigatsiooni saab panna ainult 3-5 eset. 2 või enam kui 5 eset on keelatud。

Mõnes sügava ja keeruka navigeerimisstruktuuriga rakenduses võime navigeerimissahtli kuvada, altpoolsed navigeerimisfunktsioonid ja vahekaardid kuvatakse samal ajal. Ma ei soovita, et navigeerimissahtleid ja alt navigeerimist kasutataks rakendustes üheaegselt, kuna nendevahelisi hierarhilisi struktuure on raske öelda. Navigeerimise sahtli tase on kõrgem või madalam kui alt navigeerimine? Või on nad paralleelsel tasemel? Mitmetähenduslikud struktuurid ajaksid kasutajad segadusse. Google Plus on minu jaoks negatiivne näide. Olen tõesti segaduses pärast Google Plusi värskendamist ja siis, kui ma nägin alguses navigeerimissahtlit ja alt navigeerimist.

Google'i praeguseid rakendusi analüüsides võiksime leida navigeerimissahtli ja altpoolt navigeerimise paralleelselt. Võtke näidetena Google Photos ja Google Plus. Pärast navigeerimissahtli avamist põhiekraanil pole üheski kategoorias üksust esiletõstetud. Näib, et Android paneb kategooriad nagu konto, seaded ja muud sekundaarsed funktsioonid sahtlisse ning leiab sagedamini kasutatavad / peamised funktsioonid altpoolt navigeerimiseks.

Google Plus

iOS on pikka aega vaikimisi navigeerimisel kasutanud alumisi „sakiriba“ ja seda pole kunagi muudetud. Vaheribadel, nagu ka Androidi alt navigeerimisel, on 3 kuni 5 kategooria üksust ja kategooriate vaateid saate vahetada, koputades üksusi.

Väärib märkimist, et sakkide ribad on tavaliselt olemas isegi siis, kui sisestate järgmise või sügavamale tasemele ülalt. Kui soovite vahekaardiribal esiletõstetud üksust koputada, naasete kõrgemale tasemele. Vahelehtide ribad kaovad, kui olete modaalses vaates või sisestate detailivaateid alumiste tööriistaribadega. Kuid Androidi rakendustes kaovad nii vahelehed kui ka alt navigeerimine, kui sisenete järgmisele lehele sügavamale.

2. Rakenduste ribad (tegevusribad) VS. Navigeerimisribad

Androidi rakenduste ekraanide ülaosas olevaid ribasid nimetatakse rakenduste ribadeks, nt toiminguribadeks ja tööriistaribadeks, mida kasutatakse peamiselt praeguse ekraaninime või rakenduste nimede ja toimingunuppude panemiseks. Nimed pannakse tegevusribade vasakpoolsesse serva ja paremale küljele pannakse tegevusnupud, mis tavaliselt ei ületa 3. Kui toiminguid on rohkem kui 3, kasutaksime ületäitumise ikooni ja paneksime vähem olulised toimingud ületäitmise menüüsse.

Nii Androidil kui ka iOS-l on oma seljaikooni stiil. Kuid iOS paneb tavaliselt tagasi ikooni kõrvale stringi, tagasi või eelmise lehe nime, mis annab kasutajatele teada, kuhu nad täpsemalt tagasi lähevad.

Mitu levinud rakenduste ja navigeerimisriba

3. Tööriistaribad

Toimingunuppe saab panna mitte ainult tegevusribadele / navigeerimisribadele, vaid nii Androidi kui ka iOS-i „tööriistaribadele”.

Ehkki materjalikujunduse juhendites ei ole mainitud alumisi tööriistaribasid (need räägivad tööriistaribasid ainult rakenduste ribadena), leiame ikkagi, et alumisi tööriistaribasid kasutatakse teenustes Google Keep ja Google Photos.

Altpoolt olevad tööriistaribad on üks levinumaid iOS-i kasutajaliidese komponente ja neid võib leida paljudest rakendustest. Tööriistaribadesse saab panna nii ikoone kui ka teksti kui nuppe ja olekukirjeldusi.

4. Vahelehed VS. Segmenteeritud juhtnupud

Teisese või madalama hierarhia taseme lehtedel on võimalik kasutada Androidi vahekaarte ja iOS-i rakenduste segmenteeritud juhtelemente.

Mõlemad Androidi vahelehed ja iOS-i segmenteeritud juhtelemendid saab paigutada tegevusriba / navigeerimisriba asendisse.

Androidi vahekaardid võivad olla ainult tekstiga, ainult ikoonidega või nii ikoonide kui ka tekstiga, mida praegustes rakendustes harva leidub. Nii ikoone kui ka teksti saab panna iOS-i segmenteeritud juhtelementidesse. Vältida tuleks teksti ja ikoonide segmenteerimist segmenteeritud juhtelemendis.

Kogu Androidis puudutatav tekst on ÜLAKASU ja seetõttu on vahekaartide tekst suurtähtedega. iOS-i segmenteeritud juhtelemendid kasutavad jaotist Pealkiri.

Umbes üksuste arvu kohta Androidi vahekaartidel on see fikseeritud vahelehe ribal 2–5. Keritavat ribariba saab kasutada juhul, kui stringe on pikk või rohkem kui 5. Segmenteeritud juhtnupul peaks iPhone'is olema viis või vähem segmenti, et tagada piisavalt ruumi hõlpsaks koputamiseks.

5. Nupud

Põhimõtteliselt on ainus erinevus Androidi ja iOS-i nuppude vahel stringi suurtähtedega ja välimusstiiliga.

Androidi nuppudel on peamiselt 2 stiili, “tasapinnalised” ja “tõstetud” nupud, mida kasutatakse erinevates olukordades. Näiteks pole hea kasutada tõstetud nuppe kaardilaadsetes kasutajaliidestes, kuna tõstetud nupud ilmuvad kaartidel liiga silmatorkavalt ja üleliigsed varjud muudavad ka kasutajaliidesed lihtsateks ja puhasteks. Lamedaid nuppe on soovitatav kasutada mitte ainult kaartidel, vaid ka dialoogidel ja jalustel. Androidil on ka ujuvad toimimisnupud, mida tutvustatakse järgmises jaotises.

Ehkki materjalikujunduse juhised määratlevad ainult tasapinnaliste ja tõstetud nuppude visuaalse stiili, võib Google Playst leida ka kummitusnuppe, mis on täidiseta ja täpse kujuga ning varjutamata nuppudega sarnased. Kummitusnuppe saab võrrelda iOS-i tavalise nupuga; tõstetud nupud-sarnased nupud vajutatud nupule.

Androidi nuppude tekst on ÜLETASE; iOS-i nupud kasutavad peamiselt jaotist Pealkiri. Mõnikord kasutavad kummitusnupud ÜLIKOHT, nagu näiteks App Store'i nupud AVATUD ja UPDATE, kuid millalgi kasutavad nad pealkirja suurtähte, nagu näiteks Map iOS 10 “Laua broneerimine” ja “Juhised”. IOS-i suurtähtede reeglid näivad olevat vastuolulised.

6. Ujuvad nupud VS. Nupud tegevusele

Ujuvad toimimisnupud, FAB ilmus esmakordselt koos rakendusega Material Design Android 5.0-s. FAB-sid, mis asuvad ekraanide paremas alanurgas, kasutatakse ühe käega juhtimise kasutatavuse probleemi lahendamiseks. Ühe käega telefonide kasutamisel on tegevusribadel nuppudele jõudmine keeruline. FAB-d asuvad mõnikord ka kahe piirkonna ristmikul ja see muudab FAB-d pilkupüüdvamaks.

Ujuv toimingunupp tähistab rakenduse peamist toimingut. Näidetena sobivad FAB-de kasutamiseks e-posti rakenduses komponeerimise nupp ja suhtlusvõrgu rakenduses uus postitusnupp.

IOS-i rakenduste esmase toimingu sarnane kujundus on nupp tegevusele, mis asub vahekaartide ribade keskel. CTA-nupud kasutasid varasematel ajal erinevat värvi või kujundust, et neid teistest vahelehtedest eristada. Kuid nüüd, kuna kasutajad on mustriga üha enam tuttavad, on CTA-nupu stiil sama, mis paljudes rakendustes vahelehtede jaoks. Näited on Mediumis uue postituse nupud ja Instagramis uue foto avaldamine.

7. Altpoolt lehed VS. Tegevuslehed ja tegevusvaated

Androidi põhjalehed ilmuvad 2015. aastast, kuid iOS-il on see sarnane disain juba pikka aega. Androidil on selline disain, kuna ta soovib lahendada ühe käega juhtimise küsimuse.

Androidi alumisel lehel on 2 vormi: ümbersuunatud põhjalehed ja püsivad põhjalehed.

Androidi ümbersuunatud põhjalehtedel on kaks sisu: 1) eri toimingutega põhjaveolehed ja 2) rakenduste loend, mis ilmub pärast seda, kui kasutajad on koputanud ikooni “Jaga”. Esimene neist on täpselt nagu iOS-i tegevuslehed; viimane on nagu iOS-i tegevuse vaated pärast ikooni „Toimingud” koputamist. Androidi moodi põhjalehtede sisu paigutus võib olla loend või ruudustik.

Püsivaid põhjalehti kasutatakse siis, kui põhjalehtedel on sama tähtsus kui ülaltoodud põhisisu korral ja kasutajatel võib olla vaja vaadata mõlemat teavet samal ajal. Võttes näitena rakenduse Kaardid, näitab ülemine ala kaarti ja alumine leht asukoha üksikasju. Muusikarakenduse ülaservas kuvatakse albumi kate ja alumisel osal võivad olla muusika esitamiseks nupud.

Ehkki ma ei leia selliseid komponente nagu iOS-i inimese liidese suunistes määratletud Androidi püsivad põhjalehed, näete sarnast kujundust siiski iOS-i sisseehitatud sisseehitatud rakendustes, kaardil ja muusikas.

Pildikrediit: Google'i materjali kujundamise juhend ja Facebooki disain

8. Dialoogid VS. Hoiatused

Androidi dialoogidel on peamiselt 3 funktsiooni: 1) muudab: katkestage kasutajate toimingud ja teavitage kasutajat olukorrast. 2) Menüüd: võimaldavad kasutajatel valida valiku või muuta lihtsaid sätteid. 3) kinnitus: kinnitage kui poka-ikke, kasutajate valik enne, kui ta on lubanud vigu vältida.

Androidi dialoogid koosnevad pealkirjadest, sisust ja nuppudest. Jaotised võib mõnikord ära jätta. Sisul ei saa olla ainult puhast teksti, vaid ka muid komponente, näiteks suvandiloend või tekstiväljad. iOS-i hoiatusel on ka Androidi dialoogiga sarnased pealkirjad, sisu ja nupud. Ainus erinevus on selles, et sisu võib ära jätta, kuid pealkiri tuleks alles jätta.

Androidi dialoogidel on 3 vormi: 1) Lihtsad dialoogid, nagu ka menüü: Dialoogis pole nuppe OK ja Tühista. Valimiseks võite puudutada dialoogi suvandit ja siis dialoog kaob. Dialoogide sulgemiseks võite puudutada väljaspool dialoogi või klahvi Tagasi. 2) Kinnitusdialoogid, kõige tavalisemad: kasutajatel on nupud, mida kasutajad saavad oma toimingu kinnitamiseks koputada. 3) Täisekraanidialoogid, kasutatakse ainult telefonides: täisekraanidialoogid ei ole tahvelarvutites täisekraanil. Androidi täisekraanidialoogid on täpselt nagu iOS-i modaalvaated, mida tutvustatakse hiljem.

Tekstid

Androidi dialoogide pealkiri ja sisu tekst joondatakse vasakule; Pealkirja ja kirjelduse tekst iOS-i häireteate keskpunktis. Android kasutab pealkirjade jaoks “lause lauset”; iOS kasutab jaotist „Pealkirjaümbris”. Nii Android kui ka iOS kasutavad sisuteksti jaoks „lause lauset”.

Androidi dialoogi ja iOS-i teate pealkiri peaks olema lühike ja selge. Vältige mõne viitega küsimusi, näiteks „Kas soovite kindlasti faili kustutada?” Lause peaks olema lihtne, neutraalne ja otsene, nagu näiteks „Kustuta fail?”.

Nupud

Umbes nuppude arv, Android ja iOS võivad sisaldada 1–2 nuppu. iOS-i juhised soovitavad üldiselt hoiduda kolmest või enamast nupust, kuna rohkem nuppe loob keerukust ja võib vajada kerimist. Kui vajate rohkem kui kahte valikut, kaaluge selle asemel toimingulehe kasutamist. Kuid kui iOS küsib kasutajatelt, kas nad soovivad oma iOS-i versiooni värskendada, kuvatakse hoiatuses kolm nuppu - Installi kohe, Hiljem ja Üksikasjad.

Kui on kaks nuppu, tühistamis- ja põhitoimingunupp, panevad Android ja iOS vasakul küljel tühistamisnuppu ja paremal küljel peamist toimingunuppu (saate vaadata seda artiklit, et teada saada, miks neil see reegel on). Kui nuppude koopia on pikem, saab kaks nuppu panna vertikaalselt. Peamine toimingunupp asub tühistamisnupu ülaosas.

Nuppude koopia peaks vältima Jah ja Ei kasutamist, nuppude kirjutamine oleks selgem ja otsesem, nagu näiteks Tühista ja Salvesta, Tühista ja Eemalda.

iOS kasutab nupu tekstis punast, et hoiatada, kui toimingut ei saa taastada, näiteks kustutada. Android ei kasuta nuputekstis kindlat värvi. Nuputeksti kohta kasutab Android TÄPSUST, iOS aga jaotist Pealkiri. Nuputekst joondatakse Androidis paremale, iOS-is aga keskpunkti.

Kui konteksti on palju, saavad Androidi dialoogid parandada dialoogi pealkirja ja jaluse, kuid sisu on keritav. Keritavad sisudialoogid ilmuvad sageli siis, kui dialoogidesse on pandud palju valikuid. iOS-i juhiste kohaselt peaks teadetes kerimise vältimiseks sisu olema lühike.

9. Täisekraanidialoogid VS. Modaalsed vaated ja Popovers

Androidi täisekraanidialoogid leiate ainult väikestest mobiilseadmetest, näiteks nutitelefonidest, mida saab võrrelda iOS-i modaalvaadetega. iOS-i modaalsetes vaadetes on 4 stiili, täisekraan, leheleht, vormileht ja muud, nagu jagatud vaade ja popover. Telefonides modaalsete vaadete ülemineku kohta libiseb modaalvaade sisenemisel ülespoole ja lahkudes alla.

Popovereid kasutatakse ainult tahvelarvutite jaoks

10. Suupisted ja röstsaiad VS. Hoiatused

Lisaks dialoogidele kasutab Android madala taseme häiretega vihjasõnumina ka suupisteid või röstsaite. suupistebaadid või röstsaiad, kuna tagasiside ilmub tavaliselt umbes 3 sekundit pärast seda, kui kasutajad on mõne toimingu teinud ja libistavad või hajuvad automaatselt.

Snackbaaridel võib olla toimingunupp, mis laseb kasutajal uuesti teha või muid toiminguid teha. Röstsaite kasutatakse peamiselt süsteemisõnumite kuvamiseks. Ikoone ei saa panna suupisteribadele ega röstsaiadele.

iOS-i juhistes pole seda tüüpi komponente. Mõnikord võime leida, et mõned rakendused kasutavad tagasisidena teateid, kuid märguanded segaksid kasutajaid ja nende häired võivad olla suuremad. Sarnased komponendid iOS-is oleks väike hüpik, mis ilmub heli tugevuse reguleerimisel ja kaob mõne sekundi pärast. Mõni rakendus kohandab hüpikakent, mis kuvatakse sekundeid ainult nagu Androidi röstsai tagasisidena.

Mõni rakendus võib kohandada oma märguandeid sekundiks ilmumiseks, nagu Androidi röstsai.

11. loetleb VS. Lauad

Loendid, mis on kõige tavalisem ja põhikomponent, leiate igas rakenduses (leiate selle vähemalt rakenduste seadetest). Androidis koosnevad loendid pidevast ridaveerust. IOS-is kutsume nimekirju tahvelarvutiteks, mis koosnevad paljudest lahtritest ehk aka ridadest.

Androidi loendistiilil on üherealine loend, kaherealine loend (koosneb primaarsest tekstist ja sekundaarsest tekstist) ja mitmerealine loend (koosneb primaarsest tekstist ja 2 või enamast sekundaarsest tekstist). Ikoone, pisipilte ja loendi juhtelemente, näiteks märkeruute, raadionuppe ja lülitusnuppe, saab loenditesse lisada. Tavaliselt pannakse põhitoimingud loendi vasakusse serva ja teisesed toimingud loendi paremasse serva.

iOS-i tabelid on sarnased Androidi loenditega, kuid siiski on mõned punktid, mida peaksite tähele panema:

1) Kui Androidi real on esmane pealkiri ja teisene tekst, asetatakse telefon vertikaalselt. Teisene tekst võib olla kirjeldus või väärtus. IOS-is on lisaks kaherealisele stiilile ka üherealine stiil. Esmane tekst, silt, pannakse lahtri vasakule küljele ja väärtus pannakse lahtri paremale küljele. Tahvelarvutis on laiema ruumi tõttu Androidi rida mõnikord nagu iOS, paigutades primaarse pealkirja ja teisese teksti horisontaalselt ühe reana.

2) iOS-i real on parem kasutatavus kui Androidil. Lasteekraani korral kuvatakse iOS-is põhiekraani lahtris nooleindikaator, et kasutajad saaksid teada, et lahter on kraanitav ja viib teisele ekraanile. Kuid Androidis ei saa me teada, kas loendid on mõeldud ainult teabe kuvamiseks või ka mõne muu ekraani sissepääsuks. Neil kõigil on sama välimus.

3) iOS-i tabelitel on 2 vormi: tavaline ja grupeeritud. Tavalisel laual on terve vaheseinadega valge ekraan. Ehkki ainult vähestel lahtritel on sisu, on puhkealal siiski jagajad. Grupeeritud tabelitel on hall taust. Esimesel grupeeritud tabelil on veidi ruumi navigeerimisribaga ja teisel allpool grupeeritud tabelil. Androidil on ainult üks stiil ja kahe erineva loendi eraldamiseks kasutage jagajat.

12. Alamjalad VS. Grupeeritud lauapäised ja sektsioonide päised

Androidi alamjaotusi ja iOS-i päiseid kasutatakse erineva sisuga loendite või ruudustiku loendite eraldamiseks ja grupeerimiseks. iOS-il on loendite eraldamiseks 2 erinevat stiili: 1) grupeeritud tabelid, mida kasutatakse täiesti erineva teabe rühmitamiseks; 2) Jaotiste päised on tavalistes tabelites, mida kasutatakse sarnase andmevormingu (nt erinevate pildistamiskuupäevadega fotode või erinevate nimedega kontaktide) sortimiseks.

Androidi alamjaotised kasutavad lause tähestikku. iOS-i rühmitatud tabeli päised kasutavad “ÜLEMAADI” ja tavalise tabeli päised - “Pealkirjaümbris”.

Kerimisel jäävad Androidi alamjaotid ekraani ülaossa, kuni järgmised alamjaotised ekraanilt välja lükkavad, kuna nende käitumine on täpselt nagu iOS-i jaotiste päised. Grupeeritud laua päistes selline käitumine puudub.

13. Loendikontrollid

Loendikontrollid on ka rakenduste olulised komponendid. Selles peatükis tutvustatakse loendikontrolle, nagu mitme sektsiooniga, ühe valikuga lülitid, ümberkorraldushaaratsid, mahajäämised ja laiendamis- / ahendamisnupud.

13–1.Mitu valik: märkeruudud VS. Märgi ringiga

Android kasutab mitme valiku jaoks märkeruute. Märkimisruut tähistab valitud üksuse olekut; linnukeseta kast tähendab, et üksus on valimata. Märkeruudud, mida võib leida veebisaidilt või töölaua OS-ist, kasutatakse tavaliselt mitme valiku jaoks komponente, kuid iOS-il seda komponenti pole. IOS-is kasutatakse linnukesega ringi mitmekordseks valikuks, kuid selle kuju võib kasutajaid segamini ajada raadionupuga.

Androidi märkeruudud saab panna vasakule või paremale küljele, kuid iOS paneb tavaliselt mitu valiku juhtelementi paremale poole.

Väärib märkimist, et Android kasutab funktsioonide lubamiseks / keelamiseks vahelülitusena märkeruute, kuid iOS kasutab selle ümberringi juhtimise asemel lülitusnuppe

13–2.Üks valik: raadionupud / linnukesed VS. Linnuke

Androidil on ühe valiku juhtnupuna raadionupud, mida võib leida ka veebilehtedelt või töölaua OS-ilt. Raadionupul on ring, mille sees on punkt, kui üksus on valitud. Raadionuppe kasutatakse kahe või enama teineteist välistava üksuse loendites.

iOS-il pole raadionuppe, kuid sellel on kontrollvalikute asemel kontrollmärgid.

Android on harjunud panema loendite paremale küljele raadionupud, kuid nüüd leiate, et raadionupud pannakse järk-järgult vasakule küljele. iOS paneb linnukese paremale küljele, kuid vasakpoolsesse külge saab linnukese panna, kui paremal on muid üksusi, näiteks järgmise lehe indikaator.

Ehkki materjalikujunduse juhised ei kehtesta linnukesi, mis ilmuvad alates 2016. aastast järk-järgult, leiate selle näite Google'i kalendri menüüst.

Androidi ühekordne valik: raadionupud ja linnuke. Kuid vasakpoolne on lihtsa dialoogina halb näide, vastavalt Google'i juhistele EI tohiks sellel olla nuppu CENCEL. Või võib see olla kinnitusdialoog, kui lisate nuppu OK, kuid see viib täiendavate sammudeni.

13–3. Lülitid

Lüliti on lülitamine kahe üksteist välistava oleku vahel, sisse ja välja. Varem ei olnud Androidil lülitid ja nad kasutasid mõne funktsiooni lubamiseks / keelamiseks märkeruute, kuid nüüd kasutab Android üha enam lüliteid. iOS kasutab funktsioonide lubamiseks / keelamiseks alati lüliteid. Lülitid pannakse nii Androidi kui ka iOS-i loendite paremasse serva.

Androidi seaded sisse ja välja: Gmail kasutab märkeruute, kuid fotod kasutavad lülitusnuppe

13–4. Ümberkorraldus / haarats

Android kasutab ümberkorralduskontrolliks ikooni, mis koosneb 4 paralleelsest horisontaalsest joonest, et mitte segi ajada seda hamburgeriikooniga, mis koosneb 3-st reast, mida kasutatakse navigeerimissahtli laiendamiseks ja ahendamiseks. Salvesti ikoon ilmub tavaliselt redigeerimisrežiimis.

iOS-i haarduriikoon ilmus varem kui Android. Samuti näete seda redigeerimisrežiimis. Kuid iOS-i haarats koosneb ainult 3-st reast, kuna iOS ei kasuta vaikimisi navigeerimiseks sahtlit nagu Android.

13–5. Mahajäänud (pühkimistoimingud)

Pärast vasakule või paremale libistamist leiate nimekirja taga peidetud toiminguid. See on iOS-is väga tavaline. Tavaliselt võisite pühkimisel kustutamistoimingu leida, nüüd on lisaks kustutamisele ka muid toiminguid. E-posti rakenduses leiate pärast vasakule pühkimist arhiivi, lipu ja palju muud; märkige loetuks või lugemata, libistades paremale.

Pärast Android 5.0-d on juhistes näidatud libisevad toimingud, nn Leave-Behinds. Väärib märkimist, et Leave-Behindsi ei tohiks ekraanil kasutada, sest žestide konflikti tõttu on vahekaardid ja seetõttu ei olnud Androidil seda komponenti varem.

Pärast mõne loendi vahemaa pühkimist ja seejärel peatumist näete tagant 1–3 toimingut ja koputate seejärel ühte selle toimingu tegemiseks. Kuid pikema vahemaa libistamise korral võetakse vaikimisi vajalikud toimingud. Androidil on vaid üks toiming taga ja tehke seda sirgelt pühkimisega.

Kujutise allikas: Google'i materjali kujundamise juhend ja Facebooki disain

13–6. Laienda / ahenda

Laiendamise / ahendamise juhtelemendid võivad aidata hierarhial lainetada, kuna kasutajatel pole teabe kuvamiseks vaja siseneda järgmisele ekraanile, teavet kuvatakse samal ekraanil. Seda juhtnuppu võib sageli leida KKK-loenditest. Pärast küsimuse koputamist kuvatakse vastus. Kui proovite neid QA-sid sirvida, on vaja vähem samme.

Lisaks loenditesse laiendamise / ahendamise lisamisele saate selle juhtelemendi panna ka päistesse, mis võimaldab kasutajatel ahendada rühma, mida nad sageli ei kasuta.

Kujutise allikas: Google'i materjali kujundamise juhend

Laiendamist / ahendamist ei leia iOS-i inimese liidese juhenditest ja seda leidub iOS-i rakendustes harva. Sarnased juhtnupud võivad ilmuda iPOS-i App Store'i rakenduse Avastamise ekraanil. Kuid see on pigem tee, mitte laiendus- / ahendamiskontroll, kuna te ei näe samal ekraanil muid päiseid rühmitatud üksusi.

iOS 8 App Store
Kui olete seda artiklit lugenud, palun andke 10 klappi.
Palun andke 20 klappi, kui te arvate, et sellest on abi.
Palun andke 50 klappi, kui arvate, et see on hämmastav!
Aitäh :)

Jätkake Android VS-ga. iOS: võrrelge 20 kasutajaliidese komponenti ja mustrit (2. osa)

Viide