Lapsávok és alsó navigáció: Tartós tervezési szabályok
A tabulátorsávok és az alsó navigáció tervezése a iOS és Android modelleken: 3-5 úticél, navigáció nem műveletek, címkék, jelvények, láthatóság és animált aktív állapotok.
Core Takeaway
Használjon lapsávot vagy alsó navigációt három-öt legfelső szintű célhoz, ne műveletekhez. Adjon minden lapnak ikont és címkét, tartsa láthatóan a sávot, amikor az emberek a szakaszok között mozognak, kerülje el a „További” lapok túlcsordulását, ahol lehet, és takarékosan használja a jelvényeket. Finoman animálja az aktív állapotot, hogy az emberek lássák, hol vannak.
Amit a platformok mondanak
A Material Design 3 szerint a navigációs sávok három-öt úticélhoz biztosítanak hozzáférést, mindegyikhez ikon és címké tartozik, és egy cél mindig aktív. Az Apple irányelvei szerint a lapsávot kell használni a navigációhoz, nem kell műveleteket végezni, láthatóvá kell tenni, amikor az emberek a szakaszok között mozognak (kivéve, ha egy modális takarja), és kerülni kell a túlcsordulást.
A lapok kiválasztása
A lapok az alkalmazás szerkezetét mutatják:
- Válassza ki az emberek által leggyakrabban használt szakaszokat, ne minden részt.
- Használjon főneveket a célként ("Könyvtár"), ne igéket a műveletekhez ("Feltöltés").
- Helyezzen el műveleteket magában a képernyőn, egy eszköztárban vagy egy lebegő műveletgombban.
- Ha ötnél többre van szüksége, gondolja át a szerkezetet, mielőtt hozzáadna egy „Továbbiak” lapot.
Címkék és jelvények
A csak ikonokat tartalmazó lapok helyet takarítanak meg, de arra kényszerítik az embereket, hogy találgassanak. A címkék világosabbá teszik a navigációt, különösen a kevésbé gyakori ikonok esetében. A jelvényeknek jelezniük kell valamit, ami alapján az embereknek cselekedniük kell; a mindig jelen lévő jelvényt nem veszik észre.
Állapot megőrzése laponként
Az Apple megjegyzi, hogy a lapsávok lehetővé teszik az emberek számára a szakaszok közötti váltást, miközben megőrzik az aktuális navigációs állapotot az egyes szakaszokon belül. Egy lapra visszatérve azt kell mutatnia, ahol abbahagyták, nem pedig a lap tetejére.
Mozgás
Egy kis átmenet az aktív jelzőn, például egy elcsúsztatható tabletta vagy egy kitöltő ikon segít az embereknek nyomon követni, hol vannak. Tartsa gyorsan, körülbelül 250 ezredmásodperc alatt, ne ugráljon minden ikon minden érintésnél, és egyszerűsítse le, ha a csökkentett mozgás be van kapcsolva.
Kulcs Principle, amit meg kell jegyezni
- Három-öt legmagasabb szintű úti cél
- Navigáció, nem műveletek
- Ikon plusz címke minden laphoz
- Tartsa láthatóan, és őrizze meg az egyes lapok állapotát
- Finom, gyors aktív állapotú mozgás
Gyakran Ismételt Kérdések
Források
- Navigation bar guidelines — Material Design 3
- Tab bars — Az Apple emberi interfész irányelvei