Zbekiston respublikasi raqamli texnologiyalar vazirligi muhammad al-xozazmiy nomidagi toshkent axborot texnologiyalari universiteti

O’ZBEKISTON RESPUBLIKASI RAQAMLI TEXNOLOGIYALAR VAZIRLIGI
MUHAMMAD AL-XOZAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI

3-Labaratoriya ishi


Mavzu: mobil ilova dizaynini ishlab chiqish


Guruh: 021-19
Bajardi: Abdikulov Sherzod
Tekshirdi:

Mobil ilovalar dizayni va UX dizayn.

UX(loyiha dastlabki chizmasi)-ni tayyorlashda ramkalar yoki maketlar odatda Balsamiq, Mockingbird, Visio kabi asboblar yoki oddiy qalam va qog'oz kabi eski va yaxshi vositalardan foydalaniladi. UX sxemalari foydalanuvchi interfeysining haqiqiy dizayni haqida qayg'urmasdan UX-ni tezda loyihalashtirishga imkon beradi:

1-rasm. UX dizaynining ko’rinishi.

UX maketlarini yaratishda men ishlab chiqayotgan turli platformalar uchun interfeys ko'rsatmalarini ko'rib chiqidim . Ushbu ko'rsatmalarga rioya qilgan holda, men ilovalarini foydalanuvchilari har bir platformada o`zini qulay his qilishini hohlayman .

Quyidagi havolalar orqali turli platformalar uchun tavsiyalarni topishingiz mumkin:

1. 
   Apple–https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
   
2. 
   Android– http://developer.android.com/design/index.html
   
3. 
   WindowsPhone–https://docs.microsoft.com/en-us/previous-versions/windows/apps/hh202915(v=vs.105)?redirectedfrom=MSDN
   

Har bir turdagi dasturda ilovadagi bo'limlar o'rtasida almashish usuli mavjud. iOS ekranning pastki qismida yorliqlardan, Android ekranning yuqori qismida yorliqlardan va Windows Phone panoramadan foydalanadi:

2-rasm. UX dizaynining yana bir ko’rinishi.

Bundan tashqari, apparat o'zi UX echimlarini ham belgilaydi. Masalan, iOS qurilmalarida Orqaga qaytish tugmasi mavjud emas va shu sababli Navigatsiya menejeri metaforasi kiritilgan:

3-rasm. Navigasiya menejeri metaforasi

Maydon omili UX qarorlariga ham ta'sir qiladi. Planshet juda katta maydonga ega, shuning uchun men qo'shimcha ma'lumotni ekranga joylashtirishim mumkin va ko'pincha bir nechta telefon ekranlari bitta planshet ekranida joylashadi:

4-rasm. UX ning planfet dizaynida joylashishi.
Foydalanuvchi interfeysi (UI) dizayni: Ilovamda UX formatini shakllantirgandan so'ng, keyingi qadam foydalanuvchi interfeysi dizaynini yaratishdir. UX odatda faqat qora va oq rangli maketlardan iborat bo'lad, UI dizayni ranglar, grafikalar va boshqalar asosiy bo'lgan yakuniy bosqichdir. Foydalanuvchi interfeysi dizayniga vaqt sarflash juda muhim va barcha eng mashhur dasturlar professional tarzda ishlab chiqilgan.
UX-da bo'lgani kabi, har bir platformaning dizaynni o'ziga xos tushunchasi borligini anglash kerak, shunda har bir platformada yaxshi ishlab chiqilgan dastur har xil ko'rinishi mumkin:

5-rasm. Foydalanuvchi interfeysi.

Yaxshi dizaynga ega bo‘lish uchun quyidagi manbalarga tashrif buyuridim:

1. 
   pttrns.com– (iOS)
   
2. 
   lovelyui.com– (iOS, Android i Windows Phone)
   

Bundan tashqari, Behance.com va Dribbble.com kabi saytlarda grafik dizaynerlar portfoliolarini topdim .