Þróar fyrir Android vs iOS: Leiðarmynstur

Í grein síðustu viku byrjuðum við á háu stigi þar sem við lýstum muninum á hönnunarmálum iOS og Android: Flat hönnun og efnishönnun, hvort um sig.

Ef þú hefur ekki ennþá góðan skilning á Flat vs Material, þá mæli ég með að þú lesir um það áður en þú lest þessa grein.

Næstu vikur munum við fara yfir meiri þróun Native vs Hybrid farsíma og annan mun á Android vs iOS kerfum.

Í þessari viku skulum við tala um hönnunarmynstur flakka.

Þegar þú ert að hugsa um hvernig notendur þínir ætla að sigla farsímaforritinu þínu ættirðu að spyrja sjálfan þig eftirfarandi spurninga:

  • Hvernig ætti notandinn að sigla þó að munurinn á forritinu mínu?
  • Ætti ég að nota siglingaskúffu eða flipa?
  • Ætti fliparnir mínir að vera efst eða neðst á skjánum?
  • Hvernig leyfi ég notanda mínum að snúa aftur frá núverandi skoðun sinni?

Við munum svara þessum spurningum bæði fyrir iOS og Android vettvang (með dæmisögum frá nokkrum mjög vinsælum forritum). Ef þú hefur ekki gert það nú þegar og viljað fá uppfærslu þegar þessar næstu greinar eru settar inn skaltu gerast áskrifandi að póstlistanum okkar (enginn ruslpóstur, ég lofa). Ef þú ert frumkvöðull / verktaki í farsímarýminu og ætlar að gefa út farsímaforritið þitt bæði á iOS og Android er brýnt að þú skiljir sérstöðu hvers vistkerfa og notendagrunns til að senda betri hugbúnað.

Af hverju að nenna að læra siglingar?

Leiðsögn er einn af (ef ekki) mikilvægasti hlutinn í farsímaforritinu. Þar sem skjár farsíma er frekar lítill miðað við fartölvur geturðu venjulega ekki sýnt allt sem forritið þitt getur gert á einum skjá. Þess vegna er mikilvægt að útskýra fyrir notandanum hvernig á að sigla frá einum hluta til annars. Að taka betri ákvarðanir um notendaupplifun (og taka upp hvernig notendur bregðast við þeim) getur breytt mjög hvernig notendur nota (eða yfirgefa) forritið þitt.

Flipar

Þegar forritið þitt er með nokkra meginhluta og þú vilt láta notandann fljótt skipta á milli eru flipar traustir kostir. Með flipum er hægt að skipuleggja aðalskoðanir forritsins og láta notendur fljótt kanna innihaldið í hverju þeirra.

iOS

Á iOS eru flipar neðst á skjánum. Þetta er mjög þekkt og kunnugleg aðferð við leiðsöguhönnun sem notuð er af mörgum árangursríkum vörum eins og Facebook, Twitter og Instagram. iOS flipar hafa venjulega bæði tákn og texta.

Flipar í iOS forriti TwitterTaflastikan í iOS forriti Trello

Dæmigerð notkun flipa samanstendur af hverjum hluta af forritinu:

  • Heim (aðalefni) Flipi
  • Leitaðu (ef það er efni til að leita í) Flipann
  • Semja / búa til flipa
  • Tilkynningaflipi
  • Prófílflipi
Að auki hafa flipar oft tákn eða tölur sem benda til þess að nýtt efni sé tiltækt fyrir notandann

Það er samningur og takmörkun á því að hafa allt að 5 flipa. Venjulega ættu ekki að vera fleiri en 5 „stórir“ hlutir sem forritið þitt gerir (þetta er bara góð UX reynsla almennt).

Í andlitsmyndastillingu er aðeins svo mikið pláss lárétt í iOS tækjum. Þannig að ef þú setur 6. flipann væri ekkert pláss fyrir þá alla og kerfið myndi „flippa“ þeim yfir í Fleiri flipa. Með því að slá á þennan punktalitaða flipa opnast listi yfir aðra flipavalkosti sem gerðu það ekki að tabbastikunni.

Dæmi um flipann Meira í tónlistarforriti Apple

Android

Í Android eru flipar efst og eru venjulega táknaðir sem annað hvort texti eða tákn (frekar en texti og tákn), nema þú sért að fara í neðri leiðsögustiku, sjá hér að neðan.

Flipar í Android forritinu Twitter

Android flipar eru venjulega einbeittari að sérstökum hlutum appsins en iOS og minna á „efri“ hluti eins og leit, búa til / skrifa og prófíl þar sem Android hefur aðra stýrikerfisþætti til að sinna þessum hlutverkum.

Strjúktu

Android forrit (eins og bakgrunn) leyfa notendum venjulega að strjúka skjánum lárétt til að fletta á milli flipa.

Neðsta stýri

Neðri siglingastikan er tiltölulega nýtt Android hönnunarmynstur sem reynir að líkja eftir því hvernig flipar eru notaðir í iOS. Þó að ég persónulega fullyrði að botnflipi sé kjánalegur í Android (þar sem hann er of nálægt táknrænu Navigation Bar Android), segir Google eftirfarandi á Tabs vs. Bot Navigation:

Flipar gera það auðvelt að kanna og skipta á milli mismunandi skoðana og

Neðri stýripinnar eru auðveldar að kanna og skipta á milli efstu mynda með einum tappa.

Hliðarskjár

Ef forritið þitt er með meira en handfylli af aðalhlutum (eða „efri“ hlutum eins og stillingum og endurgjöf) er siglingaskúffa mjög vinsæl hönnunarmynstur. Það gerir þér kleift að láta notandanum í té lista yfir hluta sem þeir geta lokað undan þegar þeir þurfa ekki á því að halda.

iOS

Í iOS eru siglingaskúffur ekki innfædd hönnunarmynstur. Þeir komu á vettvang þegar iOS hönnun þróaðist en eru samt mikilvægur hluti af leiðsögn í fullt af forritum.

Þar sem Apple veitir ekki API til að innleiða Navigation Drawers nota verktaki venjulega bókasöfn frá þriðja aðila (hér er hlutalisti).

Android

Í Android eru siglingaskúffur innfæddur hönnunarmynstur, svo að Google veitir þér API sem þú þarft til að smíða leiðsöguskúffu, engin þörf á að leita að forritaskilum frá þriðja aðila.

Ef við á, efst á siglingaskúffu eru venjulega upplýsingar um notendur.Neðst í siglingaskúffu getur sýnt efri hluta.

Efstu barir

iOS

Á iOS er toppstafinn kallaður Navigation Bar. Yfirlitsstýringar innihalda venjulega:

  • Titill þess hluta sem notandinn er á
  • Afturhnappur til vinstri ef það er skjár til að fletta aftur til
  • Efnisstjórnunarþáttur til hægri ef við á (eins og leit)
Navigation Bar, Twitter forrit iOSNavigation Bar iOS-forritsins Twitter með bakhnappi

Megintilgangur siglingastikunnar er að leyfa notandanum að fletta í gegnum röð af stigveldum appskjám með því að nota afturhnappinn.

Android

Í Android kallast toppstikan Tækjastikan. Tækjastikan Android er stöðluðri en iOS og inniheldur venjulega:

  • Heiti þess hluta sem notandinn er nú í
  • Upphnappur til vinstri ef það er skjár til að fletta aftur til
  • A hnappur til að nota siglingar ef það er enginn upp hnappur
  • Valmyndarhnappar og yfirfallsvalmynd með fleiri valkostum
Athugaðu að í Android forritum með bæði tækjastiku og flipum eru þau tvö sameinuð í einn þátt.Yfirfallsvalmyndin í Android forriti YouTube

Hægt er að nota valmyndarhnappana og yfirfallsvalmyndina sem valkost og viðbót við hliðarskjá. Yfirfallsvalmynd getur hugsanlega fjarlægt þörfina fyrir skjáskjá til hliðar eftir því hve margar mismunandi skoðanir forritið þitt þarf að innihalda.

Að öðrum kosti geturðu látið hvern hluta úr hliðarleiðarskúffunni hafa eigin yfirfallsvalmynd með frekari valkostum sem notandinn þinn getur haft samskipti við.

Bakhnappar (og stjórnunarstika Android)

Það er frábært að sigla að skjá en það er líka mikilvægt að gera það augljóst fyrir notendur hvernig þeir fara aftur.

iOS

Á iOS er eina leiðin fyrir notandann að fletta aftur í gegnum bak / loka hnappinn vinstra megin á siglingastikunni.

Android

Þar sem Android er með leiðsagnarstiku á skjánum greina hönnunargögnin á milli Upp-hnappsins og afturhnappsins.

Upphnappurinn

Upphnappurinn er venjulega með í tækjastikunni og færir notandann aftur á síðasta skjáinn sem hann skoðaði í forritinu þínu (þar til þeir komast á heimaskjáinn að forritinu).

Android Navigation Bar og Back hnappinn

Afturhnappurinn er hluti af leiðsögustikunni og „siglir í öfugri tímaröð í gegnum sögu nýlegra skjáa“. Þó að Upphnappurinn taki ekki notendur úr forritinu þínu, getur Til bakahnappurinn tekið notandann frá núverandi forriti í það sem þeir voru áður að nota.

Einn marktækur munur á milli iOS og Android er hvernig fyrri er með líkamlegan heimahnapp (sem einnig þjónar sem þumalfingur skanni), og sá síðarnefndi gleymir líkamlegu hnappinum að framan sem á að hafa stærri skjá (og kastar þumalfingur skannanum á aftan á símanum).

Jafnvel þó að það sé „kerfis“ hönnunarmynstur frekar en „app“ eitt, þá er Navigation Bar Android hægt að leyna og fjölbreytt fjölmiðlaforrit (eins og Youtube, Google Photos, Netflix, osfrv.) Leyna siglingastikunni til að láta notandann einbeita sér að innihaldið sem forritið er að kynna.

Þar sem leiðsöguhnappurinn er með afturhnapp er ekki óalgengt að Android forritin eru ekki með Up-hnapp og notandinn notar afturhnappinn þar sem virkni þeirra er mjög svipuð.

Niðurstaða

Það er þetta fyrir grein vikunnar um siglingamynstur á iOS og Android.

Í næstu grein munum við fara yfir Native vs. Hybrid þróun fyrir farsímaforrit.

Ef þú vilt fá uppfærslu þegar þessar næstu greinar eru í beinni vinsamlegast gerast áskrifandi að póstlistanum okkar. Ef þú ert frumkvöðull / verktaki í farsímarýminu og ætlar að miða bæði við Android og iOS muntu auka möguleika þína á árangri stórfellt ef þú skilur hönnun og lögunarmun á þessum tveimur stýrikerfum og væntingum notandans.

Þessi grein var meðhöfundur af:

Jordan Rejaud, hugbúnaðarverkfræðiráðgjafi sem hjálpar viðskiptavinum í farsímarýminu með því að skjalfesta og skrifa hugbúnaðinn sem þeir þurfa.

og

Alex Bush, hugbúnaðarverkfræðingur hjá SmartCloud. Hann bloggar um háþróað iOS efni og Ruby on Rails.