Mobil ilova interfeysi: qulay ekranlar qoidalari

Kompyuter ekranida chiroyli ko‘ringan maket telefonda butunlay boshqacha his qilinadi. Mobil interfeysning o‘z qoidalari bor va ular dizayn didi emas, foydalanish sharoitidan kelib chiqadi.

Bir qo‘lda ishlatish

Ko‘p odamlar telefonni bir qo‘lda ushlab, bosh barmoq bilan boshqaradi. Shuning uchun:

• asosiy harakatlar ekranning pastki qismida;
• muhim tugmalar barmoq yetadigan zonada;
• yuqori burchaklarda faqat kam ishlatiladigan elementlar.

Pastki navigatsiya paneli shu sababli ko‘p ilovalarda standartga aylangan.

Navigatsiya

1. Asosiy bo‘limlar 3–5 ta, pastki panelda
2. Har bir ekranda foydalanuvchi qayerda ekanini tushunadi
3. Orqaga qaytish tizim kutganidek ishlaydi — Android’da tizim tugmasi yoki jest, iOS’da chapdan surish
4. Muhim harakat uchun chuqur ichkariga kirish shart emas

Tugmalar va bosiladigan elementlar

Barmoq sichqoncha emas. Bosiladigan elementlar yetarlicha katta va orasida joy bo‘lsin, aks holda qo‘shni tugma bosiladi. Har bir ekranda bitta asosiy harakat ajralib tursin — rangi va o‘lchami bilan.

Formalar

• Kamroq maydon: faqat kerakli ma’lumot
• To‘g‘ri klaviatura turi: telefon uchun raqamlar, e-mail uchun @ belgisi
• Avtomatik to‘ldirish: SMS kod, manzil
• Xato darhol va aniq ko‘rsatiladi, maydon yonida
• Kiritilgan ma’lumot xato yoki orqaga qaytishda yo‘qolmaydi

Holatlar

Har bir ekranning bir nechta holati bor va ularning hammasi chizilishi kerak:

• yuklanmoqda — skelet yoki indikator;
• bo‘sh — tushuntirish va keyingi qadam («Hali buyurtmalar yo‘q — katalogga o‘ting»);
• xato — nima bo‘ldi va nima qilish kerak;
• internet yo‘q — oflayn xabar va qayta urinish.

Platforma qoidalari

Apple va Google o‘z interfeys qo‘llanmalariga ega. Ularni bilish ilovani tanish his qildiradi: tizim oynalari, ruxsat so‘rash, ulashish. Brend uslubi bu qoidalarga zid bo‘lmasligi kerak.

Kirish imkoniyati

• Matn yetarli kontrastda va kattalashtirilganda buzilmaydi
• Ma’lumot faqat rang orqali berilmaydi
• Ikonkalar yonida matn yoki ekran o‘qituvchisi uchun tavsif
• Animatsiyalarni kamaytirish tizim sozlamasi hurmat qilinadi

Matnlar

Interfeys matni — dizaynning bir qismi. Qisqa, aniq, foydalanuvchi tilida: «Buyurtma berish», «Saqlash», «Qayta urinish». O‘zbek va rus versiyalarida matn uzunligi farq qiladi — ikkalasini ham maketda tekshiring.

Test

Interfeysni haqiqiy foydalanuvchilarga vazifa berib sinang: «sevimli taomni toping va buyurtma bering». Ularning qayerda to‘xtab qolishi va adashishini kuzating, ularga yordam bermang. Hatto bir necha kishi bilan o‘tkazilgan sinov ko‘pincha asosiy muammolarni ochib beradi.

Ilk tanishuv

Birinchi ochilishda uzun tanishtiruv slaydlari o‘rniga foydalanuvchini darhol asosiy ekranga olib boring. Ruxsatlarni (bildirishnomalar, geolokatsiya) birinchi soniyada emas, ular haqiqatan kerak bo‘lgan paytda, sababini tushuntirib so‘rang.

Tipik xatolar

• Saytning interfeysini ilovaga ko‘chirish
• Juda ko‘p ikonkalar, izohsiz
• Muhim tugma klaviatura ostida yashirinib qoladi
• Kichik ekranli arzon telefonlarda tekshirilmagan