Mundarija Kirish. 5 I bob. Internet to`lov tizimlari, ular orqali to`lovlar va haridlarni amalga oshirish afzalliklari 14

UI Dizayn. UI dizayndagi “UI” atamasi “foydalanuvchi interfeysi” (eng. User Interface) ni bildiradi. Foydalanuvchi interfeysi esa dasturning grafik ko'rinishidir. Foydalanuvchilar bosgan tugmachalar, o'qiladigan matnlar, tasvirlar, matn kiritish joylari va foydalanuvchi bilan o'zaro aloqada bo’lgan barcha narsalar UI dizayn hisoblanadi. Bunga ekran rejimi, interfeys animatsiyasi va har bir microinteraction (mikro-shofqin: foydalanuvchining va dizaynning o'zaro ta’sir etuvchi kichik daqiqalari) kiradi. Har qanday ko'rinadigan element, shovqin yoki animatsiya hamma uchun mo'ljallangan ishlar bilan UI dizaynerlari shug’ullanadi. Ular ilova qanday ko'rinishi kerakligini belgilab beradilar. Rang sxemalarini va tugma shakllarini, matnlar uchun ishlatiladigan satrlar va yozuvlarning kengligi tanlashi hullas UI dizaynerlari dasturning foydalanuvchi interfeysining barcha ko’rinishini tayyorlaydi. UI dizaynerlar ham grafik dizayner hisoblanib, estetika bilan shug’ullanishadi. Dastur interfeysini ilovaning maqsadiga mos kelish uchun ko'rinish tayyorlashadi. Ogohlantiruvchi va mavzularga mos kelishiga ishonch hosil qilishlari kerak bo'ladi. Va har bir elementning estetik jihatdan birlashtirilganligini va maqsadga muvofiqligini ta’minlashi kerak bo'ladi.
UX Dizayn. UX design UI dizaynerlarining ishlab chiqqan UI elementlari bilan qanday aloqa o'rnatish, oson yoki qiyin ekanligi bilan shug’ullanadi. UX dizaynerlar dasturning foydalanuvchi uchun qulay bo'lgan interfeys bilan shug’ullanadi. UI dizaynerlari foydalanuvchi interfeysi qanday koʻrinishini belgilash topshirigʻi topshirilgan bo'lsa-da, UX dizaynerlari foydalanuvchi interfeysi qanday ishlashini aniqlash uchun mas’uldirlar. Shuningdek, interfeysning funktsional tuzilishini belgilaydi. Web site yoki ilovaning qanday tashkil qilinganligi va barcha qismlarning bir-biriga mutanosibligini ta’minlash UX dizaynerlarning zimmasida bo'ladi. Qisqa qilib aytganda, interfeysning qanday ishlashini tasavvur qilishadi. Agar u yaxshi ishlasa va muammosiz bo'lsa, foydalanuvchi yaxshi ko'nikmaga ega bo’ladi. Biroq, boshqarish murakkab yoki gʻayrioddiy bo'lsa, u holda, UX dizaynerlarining ishi ancha ogʻirlashadi.
Buning uchun ilovamiz uchun zarurkontentlardan foydalanamiz. Interfeys kontentlari activity_main.xml faylida saqlanadi.

2.10-rasm. Ilova interfeysini kontetlarini sozlash.
Ilova interfeysini 3 xil usulda amalga oshirish mumkin:

• 
  Kod shaklda;
  
• 
  Tayyor kontentlardan foydalangan holda;
  
• 
  Bir vaqtning ozida yuqoridagi
  

Ilova interfeysi kontentlarini yaratishda tayyor kontentlarda foydalandim. LinerLayoutga joylashtirdim. Bundan asosiy maqsadim ilovamda skroldan foydalanish. LinerLayoutga ScrollViewni joylashtirdim. ScrollViewni Ichida ya’na LinerLayoutdan foydalandim bu menga ilova kontentlarini mutanosib joylashtirish imkonini beradi. Kontentlarim asosan TextView, Divider va RadioButtonlardan iborat.

2.11-rasm. Ilovada foydalanilgan kontentlar.
Ilovada foydalanilgan matnlarni strings.xml faylda sozlaymiz:

2.13-rasm. Ilova interfeysi matnlarini sozlash.
Ilova matnlarini sozlashda ular uchun strings.xml fayl yaratib olindi.
Interfeysdagi kontentlarning grafik koʻrinishi: