Usability, Accessibility, Simplicity

Interfeys tamoyillari, jahon brendlari keyslari va soddalik psixologiyasi

10-sinfAdvanced UX/UI1-hafta · 3-dars

Bugun nimani o'rganamiz?

3 asosiy ustun

Usability (qulaylik), Accessibility (inklyuzivlik) va Simplicity (soddalik)

Jahon brendlari

Netflix, Google, Airbnb, Apple, Slack, Microsoft va Amazon tajribasi

Kognitiv qonunlar

Hick qonuni, Miller qonuni (7±2) va WCAG rang kontrasti me'yorlari

3 asosiy poydevor

Har qanday muvaffaqiyatli interfeysning ajralmas ustunlari

Usability, Accessibility va Simplicity

Usability

Foydalanish qulayligi: Mahsulot tez o'rganiladi, xatosiz ishlaydi va vazifani qiyinchiliksiz bajaradi.

Accessibility

Kirish imkoniyati: Barcha foydalanuvchilar, jumladan jismoniy imkoniyati cheklanganlar uchun ochiqlik.

Simplicity

Soddalik: Ortiqcha bezaklardan xoli, aqliy yuklamani kamaytiruvchi toza va aniq kompozitsiya.

Illyustratsiya: Mukammal Interfeys Poydevori

Jahon brendlari amaliyoti

Yirik kompaniyalar ushbu tamoyillarni qanday qo'llaydi?

7 Global tamoyil va yetakchi brendlar

Netflix va Google tajribasi

Netflix: UCD Personalizatsiya

Har bir tomoshabinga uning didiga mos rasm (thumbnail) ko'rsatiladi. Agar siz komediyalarni yoqtirsangiz, dramatik filmning ham kulgili sahnasi poster qilib beriladi!

Google: Material Design Izchilligi

Gmail, Google Drive va Maps ilovalarida tugmalar, ikonlar va harakatlar bir xil. Foydalanuvchi yangi xizmatga o'tganda ham adashmaydi.

Airbnb va Apple tajribasi

Airbnb: Inkluziv Accessibility

Kresloda harakatlanuvchi sayohatchilar uchun zinasiz uylar, maxsus eshik kengliklari va ko'zi ojizlar uchun ekran o'quvchi to'liq qo'llab-quvvatlanadi.

Apple: Toza Soddalik (Simplicity)

Faqat eng kerakli elementlar saqlanadi. Ortiqcha tugma va jargonsiz toza interfeys insonning aqliy yuklamasini minimumga tushiradi.

Slack, Microsoft va Amazon

Slack: Feedback

Xabar yuborilishi bilan darhol tasdiqlovchi belgilar va status o'zgarishi foydalanuvchiga ishonch bag'ishlaydi.

Microsoft: Flexibility

Panellarni shaxsiylashtirish, klaviatura kombinatsiyalari va shablonlar turli darajadagi mutaxassislarga moslashadi.

Amazon: 1-Click Buy

Manzil va karta ma'lumotlarini qayta so'ramasdan bitta bosishda xarid. Usability bo'yicha dunyo rekordi!

Brendlarning UX sirlari

Kartani bosing va ichki mexanizmni ko'ring

Amazon 1-Click

bosing

Xarid bosqichlarini 5 tadan 1 tagacha kamaytirib, savdoni milliardlab dollarga oshirgan innovatsiya.

Airbnb Inkluzivlik

bosing

Maxsus ehtiyoji bor sayohatchilarga mos uylarni alohida filtrlar orqali topish imkoniyati.

Apple Toza Dili

bosing

Ekrandagi har bir keraksiz chiziq va pikselni olib tashlash orqali diqqatni kontentga qaratish.

Soddalik psixologiyasi

Inson miyasi ma'lumotni qanday qabul qiladi va qayta ishlaydi?

Hick Qonuni (Hick's Law)

Qonunning mohiyati:

Foydalanuvchiga qancha ko'p tanlov varianti berilsa, u qaror qabul qilishi uchun shuncha ko'p vaqt sarflaydi.

Matematik modeli

T = b · log2(n + 1) — variantlar soni (n) ortishi bilan qaror vaqti logarifmik ravishda o'sadi.

UX Yechimi

Bir vaqtda 20 ta tugma emas, balki 3-4 ta asosiy variantni ko'rsatish va qolganini bosqichma-bosqich ochish.

Hick Qonuni amaliy grafikda

Miller Qonuni va Oq Maydon

Miller Qonuni: 7 ± 2

Insonning qisqa muddatli xotirasi bir vaqtning o'zida 5 tadan 9 tagacha axborot bo'lagini sig'dira oladi.

Amaliy chora: Ma'lumotlarni mayda bloklarga bo'lish (Chunking): +998 90 123 45 67.

Oq Maydon (White Space)

Elementlar orasidagi bo'shliq ko'zni dam oldiradi va eng muhim tugmani vizual jihatdan ajratib ko'rsatadi.

Qoida: Bo'sh joy — bu bo'shliq emas, bu kuchli dizayn vositasidir!

Oldin va keyin: Bosh sahifa menyusi

24 ta alohida sochilgan xizmat

Mehmonxona, aviabilet, poyezd, viza, sug'urta, yuk, VIP zal, mashina ijarasi... Foydalanuvchi ko'zi toliqib sahifani yopadi.

4 ta mantiqiy toifa (Kategoriya)

1. Transport · 2. Yashash joyi · 3. Sayohat xizmatlari · 4. Qulayliklar. Qaror qabul qilish vaqti 70% ga tezlashdi!

WCAG Rang Kontrasti Standarti

Matn va fon o'rtasidagi yorug'lik nisbati

4.5 : 1

Oddiy matn uchun WCAG AA minimal kontrasti

3.0 : 1

Katta sarlavhalar va grafik belgilar uchun me'yor

7.0 : 1

WCAG AAA yuqori darajadagi ideal kontrast

Kontrast amalda: O'qiluvchanlik

Accessibility joriy qilish qadamlari

1. Rang va kontrast

Rangdan yagona axborot vositasi sifatida foydalanmaslik, matn kontrastini 4.5:1 dan oshirish.

2. Ekran o'quvchilar (Screen Readers)

Barcha rasmlarga ma'noli alt="..." matni va tugmalarga aria-label yozish.

3. Klaviatura boshqaruvi

Faqat sichqoncha emas, balki Tab va Enter tugmalari bilan butun saytni boshqara olish imkoni.

Amaliy topshiriq 20 daqiqa

OsonBerilgan 3 ta dizayn holati bo'yicha WCAG kontrast auditini o'tkazing.

O'rtaHick qonuniga tayanib, 24 ta sochilgan xizmat menyusini 4 guruhga soddalashtiring.

QiyinTez tibbiy yordam (SOS) ilovasi uchun Usability, Accessibility va Simplicity talablarini ishlab chiqing.

Bilimingizni sinang

WCAG standartiga muvofiq, oddiy matn va fon o'rtasidagi minimal kontrast koeffitsiyenti kamida qancha bo'lishi shart?

To'g'ri: WCAG AA darajasiga ko'ra oddiy matn uchun minimal kontrast nisbati kamida 4.5:1 bo'lishi belgilangan.

1-hafta Xulosasi

1-haftada nimalarni o'rgandik?

1-dars: UX strategik roli va biznes metrikalari (ROI, CR)
2-dars: UCD tamoyillari va 4 bosqichli iterativ sikl
3-dars: Usability, Accessibility va Simplicity me'zonlari

2-hafta rejasi

Foydalanuvchi tadqiqotlari (UX Research): Intervyu, so'rovnomalar, Persona va Empathy Map tuzishni o'rganamiz!