Mobil trafik 70%+ — sayt avval mobil uchun dizayn qilinishi kerak (Mobile-First). 2026 trendlari:
1. Bottom Navigation
Yuqori header o'rniga pastki menyu. Telefonni bir qo'l bilan ushlab tugmalarga yetib boriladi. Instagram, Twitter — shu yondashuv.
2. Katta tugmalar (48x48px)
Apple HIG: 44pt minimum. Google: 48dp. Tugmalar orasida 8px bo'sh joy. Mis-click 50% kamayadi.
3. Dark Mode
Foydalanuvchi tanlovi yoki tizim preferensiyasiga moslashish. CSS @media (prefers-color-scheme: dark). Battery saving OLED ekranlarda.
4. Skeleton loading
Spinner o'rniga sahifa konturi. Foydalanuvchi nimani kutayotganini ko'radi. Tezroq tuyiladi (psixologik).
5. Microinteractions
Tugma bosilganda kichik animatsiya. Like tugmasiga animation. Lottie.js — JSON animatsiya.
6. Bento dizayn (2024 trend)
Yapon bento qutidan ilhom. Kichik bloklar mozaika ko'rinishida. Apple WWDC, MagicPen — shu uslub.
7. Bold typography
Yirik shrift (24px+ mobil sarlavhalar). Hierarchy — sarlavha, subtitle, body aniq.
8. Gestures
Swipe (chap-o'ng), pinch (zoom), long press menu. Native app his qiladigan veb-sayt.
9. Sticky CTA
"Sotib olish" tugmasi ekran pastida har doim ko'rinadi. Konversiya 15-30% ga oshadi.
10. Voice search
Mikrofon ikonkasi qidiruv qutisida. "Hey, [sayt]" deb gapirib qidirish.
11. AR/VR previews
E-commerce: mahsulotni 3D ko'rish. IKEA Place, Sephora Virtual Artist.
12. Tez yuklanish (LCP <2.5s)
3G tarmoqda ham — image lazy, JS defer, CDN. Mobil foydalanuvchi 3s kutmaydi.
Sayt.uz misol
Mobil bosh sahifa: hero banner, 3 ta xizmat blok, narxlar, footer. Header — burger menyu, pastda sticky CTA "Hoziroq boshlash".