A bemutatót széles képernyőn építetted, egy oldalsávra és egy eszköztárra mutatva. Telefonon az oldalsáv a hamburger menü mögött van, az eszköztár pedig eltűnt. Ez a cikk arról szól, mi történik ilyenkor, és mit tehetsz ellene.
Amit a Yaplet magától elintéz
- Megnézi, hogy az elem ténylegesen látható-e. A rejtett elem az alábbi helyreállítási lépések szempontjából hiányzónak számít — a további szelektorok, a tartalékok és a Kihagyva ha rejtett mind látható elemet keresnek. Ha egyik sincs beállítva, a lépés a rejtett elemhez is hozzárögzül.
- Átméretezéskor újraellenőrzi. Ha az ablak mérete lépés közben változik, és egy jobban illeszkedő elem láthatóvá válik, a buborék átköltözik rá.
- A bejegyzés lépésekkel nincs teendő. A képernyő közepén lévő kártya minden szélességnél ugyanúgy néz ki.
Amit lépésenként neked kell beállítanod
Nincs olyan kapcsoló, hogy „ez a lépés csak asztali gépen jelenjen meg”. A Yaplet helyette három eszközt ad, és ezeket kombinálod:
| Eszköz | Mit csinál | Mikor használd |
|---|---|---|
| További szelektorok | Több leírás ugyanarra a dologra. A Yaplet az elsőt választja, amelyik látható. | A funkció mindkét elrendezésben megvan, de más elem — asztali gépen navigációs elem, telefonon menüsor. |
| Tartalék lépések | A lépés teljes alternatív változatai, sorban kipróbálva. Az, amelyik semmire nem mutat, mindig működik. | Telefonon is el kell mondani a mondandót, de nincs mire mutatni. Magyarázd el inkább egy középre igazított kártyán. |
| Kihagyva ha rejtett | Teljesen kihagyja a lépést, és a következőre lép. | A lépésnek telefonon nincs értelme — billentyűparancs, egérrel megnyíló menü, fogd és vidd terület. |
Ha ezek közül egyik sincs beállítva, az oldalról hiányzó elemű lépés a képernyő közepén jelenik meg, kiemelés nélkül — az olyan lépés pedig, amelynek eleme az oldalon van, de rejtett, mégis hozzárögzül, így a buborék valahol haszontalan helyre kerül. Mindkét hiba biztonságos, de egyik sem jó élmény.
Tesztelés kis méretben
- Nyisd meg az oldaladat egy sima böngészőfülön.
- Nyisd meg a fejlesztői eszközöket, és kapcsold be az eszközszimulációt (a legtöbb böngészőben a kis telefon-és-tablet ikon).
- Válassz telefonméretet, és indítsd el a bemutatót úgy, ahogy egy látogató tenné — kezdőoldal betöltésével, vagy az egyedi eseményed elküldésével.
- Menj végig az egész bemutatón, és jegyezd fel minden rosszul viselkedő lépést.
Mire figyelj:
- Buborék, ami pont azt az elemet takarja el, amiről beszél.
- Olyan lépés, ami a képernyő közepén, kiemelés nélkül jelenik meg — az az elem ezen a szélességen hiányzik vagy rejtett.
- Túl hosszú szöveg a keskeny kártyához. Rövidítsd; ugyanaz a szöveg megy ki minden méretnél.
Mi a következő lépés?
A további szelektorokat és a tartalékokat lépésenként az építőben állítod be — a részletek a Túralépések rögzítése felületi elemekhez cikkben vannak.