Mobil qosımshalar dizaynini islep shıǵıw. Paydalanıwshı interfeysi hám paydalanıwshı tájiriybesi: ui / ux dizayni

Mobil qosımshalar dizaynini islep shıǵıw. Paydalanıwshı interfeysi hám paydalanıwshı tájiriybesi: UI / UX dizayni.
UX/UI dizayn ne
UX Design (User eXperience yamasa "paydalanıwshı tájiriybesi") mobil qosımsha interfeysin proektlestiriw procesi bolıp tabıladı. Analiz hám izertlewden paydalanıp, biz adamlar bir ekrannan ekinshisine qanday ótiwin, olar qanday funksiyalardan paydalanıwın hám hár bir óz-ara baylanıstan keyin qosımsha adamlarda qanday pikirler payda bolǵanın anıqlaymız.
UI dizayni (User Interfeys yamasa "paydalanıwshı interfeysi") - joybardıń vizual kórinisi, paydalanıwshı tájiriybesi tiykarında islep shıǵılǵan. Bul jerde barlıq qurallar qollanıladı : betler, tuymeler, piktogrammalar hám basqa komponentlerdi jaratıw ushın grafik hám tipografiya, animatsiya, video, ses hám dawıs.
Eki process da bir-birine baylanısqan hám bólek islemeydi. Olardıń tiykarǵı waziypası joybardı paydalanıwshılarǵa qolay, ınteraktiv hám vizual kórinisin jaǵımlı qılıw.
Mobil qosımshanı jaratıw kompyuter ekranı ushın veb-saytlardı islep shıǵıwdan onsha parq etpeydi, biraq smartfonlar óz sheklewleri hám qaǵıydalarına iye. Sonday etip, dizayner iOS hám Android mobil platformalarining ayriqsha qásiyetlerin biliwi kerek.

1. Kishi displey ólshemi

Telefon ekranı júdá kem elementlerdi óz ishine aladı, sol sebepli navigatsiya talay ańsat bolıwı kerek hám maǵlıwmat múmkinshiligi barınsha qısqa, biraq maǵlıwmatqa bay bolıwı kerek. Eger adam jumıs stoli ekranında bir waqttıń ózinde menyudı, filtrlerdi, jeke esaptıń bir bólegin hám reklama bannerlerin kórse, ol halda mobil versiyada tek ústin turatuǵın elementlerdi tańlaw kerek boladı.
2. Sensorlı ekran
Ím-ishara -belgiler hám tiyiniw (telefon ekranına tiyiniw) hár bir háreketti qadaǵalaw etedi, sol sebepli basılatuǵın elementler mobil versiyalarda úlkenlestirilip, olardı tańlaw hám jıljıtıw ańsat.
3. Sheklengen islew hám trafik
Salmaqli fayllar hám media, serverdiń ulıwma jumıs iskerligin páseytiredi hám programmanıń islewin ástelestiredi. Mobil qosımsha paydalanıwshı keshiktirmew ushın ılajı bolǵanınsha kemrek API qońırawların jiberiwi kerek.
4. Ónim menen óz-ara tásir qılıw jayları
Eger qandayda bir kisi sheklengen muǵdardaǵı orınlarda kompyuterde o'tirsa, ol halda telefon menen ol qálegen orında hám hár túrlı Internet tezliginde bolıwı múmkin. Sol sebepli, mobil interfeysde olar tek tiykarǵı maǵlıwmatlardı, qosımsha funktsiyalardı qosadı hám tiykarǵı funktsiyalarǵa operativ jol beredi. Mısal ushın, interfeysde siz kóbinese kúnniń túrli waqıtları ushın "jaqtılıq" yamasa " qarańǵı" temanı tańlawıńız yamasa Internet bolmaǵan táǵdirde materiallardı aldınan júklewińiz múmkin.
Mobil interfeyslerdi jaratıwdıń barlıq qásiyetleri mobil platformalar ushın kórsetpelerde suwretlengen - Insan Interfeys iOS hám Materiallar ushın kórsetpeler Android ushın dizayn. Ádetde, dizaynerlar bunı aldınan úyrenediler, biraq klientler menen tanısıw da paydalı boladı : qánigeler mantig'ini túsiniw hám olar menen bir tilde ushırasıw ańsatlaw boladı.
Mobil dizayner retinde neni biliwińiz kerek
Reń beriw - bul reńlerdi birlestiriw kórkem óneri.
Mısal ushın, jasıl hám qızıl reńlerdi birgelikte isletiw usınıs etilmeydi - bir-biriniń ústine baqiradigan to'yingan reńler. Kórinip turıptı, olda, ayqın interfeys, kontrast joq hám ekran daǵı ob'ektlerdi parıqlaw qıyın. Uyqas kelmaytuǵın reńler ushın dizaynerlar hátte " jasıl " (jasıl + kók) tariypini da oylap taptılar.
Reńlerdi maslastırıw ushın kóbinese arnawlı palitralar yamasa reńli dóńgelekler isletiledi - mısalı, material palitrası, Adobe reń.
Siz tayın ónimlerdiń palitrasına da itibar beriwińiz múmkin. Mısalı, Amerikada krossovkalarning málim bir kulti ámeldegi bolıp, olar eski juplıqtı almastırıw ushın emes, bálki estetik kózqarastan satıp alınadı. Sol sebepli, birpara mısallardı óz ónimleri ushın krossovkalar reń sxemalarınan paydalanatuǵın dizaynerlar ushın yosh dáregi dep ataw múmkin.


Coolors xızmeti HYPERLINK " https://coolors. co/" \t " _blank" fotosuratdan reńler palitrasın jaratıw imkaniyatın beredi

Color menen maslastırılıwı múmkin qural ( Material dizayn )
Tipografiya
- tekst teriw hám jaylastırıw járdeminde tekstti formatlaw qábileti.
Aslini alǵanda, dizayn - bul kontentning dizayni bolıp, onıń 80% tekst arqalı uzatıladı. Hár qanday maǵlıwmat ierarxiya formasında jaylastırılǵan - málim bir tekst usılı járdeminde aytıp ótken tiykarǵı hám ekinshi dárejeli bólimler.
Mısalı, bas bet dárejeleri - 1 yamasa 2-dárejeli bas bet - shrift ólsheminde parıq etedi hám navigatsiya wazıypasın atqaradı, sonıń menen birge, materialdı dúzilgen etedi.

Shepke tegislew tekstti taza hám oqıwdı ańsatlashtiradi. Sızıqlar birdey dárejede baslanadı hám kóz demde keyingi qatardıń basın tabadı - siz oǵan qolay hám tez ko'nikasiz.
Quramı
- kosmos daǵı ob'ektlerdi maman basqarıw qábileti. Ob'ekttiń qanday ólshemleri, ob'ektler hám ekrandıń shetleri arasındaǵı shegaralar, ob'ektler arasındaǵı aralıqlar hám baylanıslar ob'ektlerdi jaqsılaw aqıl etiw ushın uyqas kompozitsiyani jaratılıwma múmkinshilik beredi.

Tiyiwlewdiń atqarılıwı hám atqarılmasligi tekst hám suwretler
reń, tipografiya hám kompozitsiya paydalanıwshı minez-qulqı hám interfeys natiyjeliligine qanday tásir etiwi haqqında gápiradigan bolsaq, ol jaǵdayda tórt túrdegi júklerdi eskertip ótiw kerek.
Kognitiv júkler - bul ob'ektti, onıń jumıs mantig'ini tán alıw hám keyingi háreketler tuwrısında qarar qabıllaw ushın etken háreketlerimiz. Mısal ushın, biz aldımızda domalaq tórtmuyush emes, bálki tuyme bar ekenin túsinemiz jáne bul tuymeni basıw arqalı kerekli ekranǵa ótiw múmkin.
⇒ Ob'ektti anıqlaw ushın mıy qanshellilik kóp háreket etiwi kerek bolsa, sonshalıq charchaymiz.
vizual júklemeler - ekran daǵı ob'ektti vizual ayrıqshalıqlar (sheńber, aspan, pıshıq ) boyınsha anıqlaw jáne onı basqalardan ajıratıw háreketleri.
⇒ Interfeys degi ob'ektler qansha kóp bolsa, biz sonshalıq charchaymiz.
Dvigatel júkleri - interfeys menen fizikalıq baylanıs waqtında payda boladı : suring, teging hám basqalar.
⇒ Interfeysti basqarıw ım-ishara -belgileri qanshellilik kóp hám olar qanshellilik quramalı bolsa, biz sonshalıq charchaymiz.
Sırtqı júklemeler - paydalanıwshı programma menen óz-ara baylanısda bolǵanda payda boladı (ıyt hurdi, mashina ótip ketti, jawın yog'a basladı ). Bul júklerdi anıq boljaw qıyın - siz tek qanday sharayatlarda qosımsha tez-tez isletiliwin shama etiwińiz múmkin.
⇒ Qanshellilik shalǵıtadigan zatlar kóp bolsa, sonshalıq kóp dıqqattı jıynawǵa háreket etemiz hám tezirek charchaymiz.
Barlıq túrdegi júkler birgelikte ketedi, bir-birine tásir etedi.
Mısal ushın, eger programma tez-tez stressli jaǵdaylarda bolǵan ot óshiriwshiler ushın mólsherlengen bolsa, sizge eń túsinikli interfeys kerek - olar quramalı zattı túsiniwge waqıtları joq. Eger paydalanıwshı jumısqa ketip atırǵanda waqtın óltiriw ushın qosımshaǵa kirgen ofis jumısshısı bolsa, paydalanıwshın qızıqtırıw hám qosımshada kóbirek waqıt ótkeriw ushın kóbirek kontent yamasa funksiyalar qosılıwı múmkin.