Mobile — Výber počtu nocí
Porovnanie prístupov ako riešiť multi-variant dátumy v mobile modali
A — Toggle v liste
Nights pills priamo v sticky bare (2-riadkový bare)
9:41
⚠ Bar sa rozrastie
B — Chip nad listou ⭐
Bar zostáva kompaktný, chip upozorní na alternatívu
9:41
✓ Odporúčané
C — Rozbaľovacia lista
Klepnutím rozbalíš sheet s možnosťami
9:41
○ Alternatíva

Porovnanie prístupov

Kritérium A — Toggle v liste B — Chip nad listou ⭐ C — Rozbaľovacia
Výška lišty (single variant) Kompaktná Kompaktná Kompaktná
Výška lišty (multi variant) Rastie na 2 riadky Chip nad, bar stále 1 riadok Expanduje len po klepnutí
Konzistencia s desktopom Rovnaký vzor ~ Mierne odlišné ~ Mierne odlišné
Viditeľnosť alternatívy Vždy viditeľná Vždy viditeľná (chip) Skrytá, treba kliknúť
Počet krokov na zmenu 1 klik na pill 1 klik na chip 2 kliky (expand + vybrať)
Thumb-friendly CTA CTA ide dolu pri 2-row CTA vždy na rovnakom mieste CTA vždy na rovnakom mieste