Jirka bini'aadamku wuxuu jiray waqti dheer ka hor inta aan mid ka mid ah waxa aan ku aragno hareerahayaga maanta suurtagal ah oo abuuray nidaamyo qallafsan oo dhaqaajiya sida aan ula macaamilno adduunka, oo hadda, waa barta diiradda saaraya dhammaan cilmi-baarista IT-ga, ha ahaato biotech ama naqshadeynta. Nidaamyadani waxay toosiyaan waayo-aragnimadeena nolosha. Dareenkeennu waa hareereheenna, oo kala saara kan ku raaxaysanaya iyo kan buka, oo wuxuu ka qalbi qaboojiyaa culayska.
Maaddaama socodka calaamadaha soo gelaya ay aad u bataan oo nolosheennu ay ku wareegayso aaladaha dhijitaalka ah, doorka naqshadeeyayaasha UI iyo UX ayaa noqday mid aad uga muhimsan sidii hore. Waqtigan xaadirka ah, dareenkayagu wuxuu shaqeeyaa wakhti buuxa oo aan lahayn wax nasasho ah, waxayna ku xiran tahay naqshadeeyayaasha si ay u qiimeeyaan khibradaha qiimaha leh ee aan ahayn kuwa wax u dhimaya.
Hagaajinta tafaasiisha ugu yar ayaa ah waxa abuura waayo-aragnimada aan ku dadaalno: dareen leh, farxad leh, iyo toosan.
Laakiin si aad u hubiso in tallaabo kasta oo aad qaado loo sameeyo jihada saxda ah, waxaad u baahan tahay faham qoto dheer oo aan ahayn yoolka aad hiigsanayso oo keliya, laakiin sidoo kale aaladaha iyo fikradaha ku gaarsiin kara halkaas.
Qaybtan, waxaan ku sahamin doonaa "UI Polish and Interaction Design" - habka dib-u-habaynta iyo kor u qaadida dhinacyada muuqaalka iyo isdhexgalka isticmaalaha si loo abuuro waayo-aragnimo farxadeed oo dhan walba leh. Aynu eegno waxyaalaha kaa caawin doona inaad dhisato waayo-aragnimada si qoto dheer ula falgasha isticmaalayaashaada.
Waxa ugu weyn ee ku saabsan UI iyo UX ayaa ah in naqshadeeye kastaa uu sidoo kale yahay isticmaale, iyo dareenka ku raaxaysiga qulqulka is dhexgalka ayaa aad u weyn iyadoon loo eegin shaqadaada. Ma jiro qalad! Farqiga kaliya ayaa ah, halka isticmaalayaasha, ay ku joogsato farxad, annaga, shaqadu way sii socotaa.
Aan bilowno inaan si gaar ah u helno. Ku faraxsanaanta macnaha guud ee UI waxa ay tilmaamaysaa shucuurta togan ee isticmaaluhu uu la kulmo marka uu la falgalayo badeecada, interface-ka, ama adeega - waxa uu dhaafsiisan yahay buuxinta baahida shaqaynaysa. Waa arrin muhiim u ah waayo-aragnimada isticmaalaha sababtoo ah waxay ka dhigtaa waayo-aragnimada mid la xasuusto, wadista ku qanacsanaanta isticmaalaha iyo daacadnimada. Waxay ka dhigaysa abkaaga runtii mid gaar ah.
Tani waa heerka ku xiga ka dib marka la naqshadeeyo qaab-dhismeedka sheyga, qalfoofka, - iyo tallaabadani waxay ku saabsan tahay ku darida murqaha, maqaarka, iyo samaynta badeecada soo noolaata.
Si taas loo gaaro, naqshadeeyayaasha waxay u baahan yihiin faham qoto dheer oo ku saabsan sida dadku u arkaan oo ay u arkaan badeecad. Aan u leexanno aragtida Don Norman ee naqshadeynta shucuureed . Wuxuu sharxayaa in isticmaalayaashu ay la falgalaan badeecadaha saddex heer : visceral, taas oo ah falcelinta shucuureed ee degdegga ah ee sida badeecaddu u muuqato oo u dareemayso, dabeecadda, taas oo daboolaysa sida wanaagsan ee alaabtu u shaqeyso iyo sida ay u raaxaysan tahay in la isticmaalo, iyo milicsiga, taas oo ah Isticmaalayaasha isku xirka muddada-dheer waxay horumariyaan markay dib u milicsanayaan khibradooda waqti ka dib.
Aragtida Norman waxay sharraxaysaa in heerarkan - visceral (aragtiyada ugu horreeya) , dabeecadda (sida ay u shaqeyso) iyo milicsiga (saamaynta shucuureed ee muddada-dheer) - maaha mid toosan; si joogto ah ayay u dhexgalaan. Soojiidashada aragga ee badeecada (visceral) waxay ku sii socotaa inay saamayso isticmaalayaasha inta ay la shaqaynayaan si shaqaynaysa (dabeecad), fal kastana waxa uu quudiyaa sida isticmaalayaashu u dareemaan waqti ka dib (milicsi).
Tusaale ahaan, is dhex galka talefanka quruxda badan ee leh navigation siman waxay u badan tahay in uu keeno farxad degdeg ah, laakiin waa isku darka fududaynta isticmaalka iyo ku qanacsanaanta muddada dheer ee dhista daacadnimo waarta. Naqshadeynta, diiradda saaraya sida heerarkan ay isula jiraan ayaa fure u ah abuurista khibrad isticmaale mid ayaa xasuusan doonta.
Tani waa sababta farxaddu u fadhiisato isgoyska heerarkan qaab dhismeedka. Kuma xidhna hal dhinac oo khibrada ah. Waa isdhexgalka u dhexeeya sida badeecadu u ekaato, sida ay u shaqeyso, iyo sida ay u dareensiiso isticmaalayaasha waqti ka dib taas oo abuurta khibrad mudan in la xasuusto.
Dhinacyadan naqshadaynta waxay si qoto dheer ugu xidhan yihiin heerarka aragtida, iyo habka loo nadiifinayo UI, xidhiidhkani wuxuu noqonayaa mid aad u muuqda. Isticmaalka ayaa door toos ah ka ciyaara abuurista farxad habdhaqan - taas oo la dareemo isticmaalayaashu marka ay wax walba si habsami leh u shaqeeyaan.
Qaado, tusaale ahaan, waayo-aragnimada kaydinta sawirka quudinta daahfurka Pinterest.
Marka adeegsaduhu doorto sawir, si aan kala go 'lahayn ayay u weynaysaa, taasoo u oggolaanaysa muuqaal faahfaahsan isagoon ka tagin quudinta, isla markaaba kor u qaadaysa ka-qaybgalka muuqaalka. Kadib, saxeex dheer oo ku dheji sawirka ayaa muujinaya ficilada degdega ah sida badbaadinta sawirka ururinta ama la wadaagida dadka kale.
Dhammaan ficillada lagama maarmaanka ah waxay ku saxan yihiin farahaaga, iyagoo ku daraya taabasho cayaareed shaqeynta. Naqshadeyntani kaliya ma fududayso habka lagu daaweynayo ururinta shakhsi ahaaneed laakiin sidoo kale waxay kobcinaysaa ku qanacsanaanta isticmaalaha.
Intaa waxaa dheer, soo jiidashada bilicda iyo shucuurta ayaa imanaysa. Kuwani waxay ku daraan lakabka visceral , jawaabta degdega ah, dareenka ee muuqaalka iyo dareenka sheyga. Interface nadiif ah, si wanaagsan loo qaabeeyey oo leh animations khiyaano leh ama xulasho midab leh ayaa ku martiqaada isticmaalayaasha, taasoo ka dhigaysa inay dareemaan raaxo isla markiiba. Waa qodobka "wow" ee soo jiita dareenka, laakiin wax ka badan uun bay u ekaan kartaa - waxay u soo jiidataa isticmaalayaasha khibrada, xoojinta isticmaalka iyo samaynta isdhexgalka mid xiiso leh.
Tusaalaha Pinterest, wixii ka baxsan isticmaalka aasaasiga ah, abka waxa uu ku darayaa lakabyo boorash ah oo khibrada ka dhigaya mid aad u 'dhan'. Tusaale ahaan, marka aad riixdo sawirka oo aad doorato ficilada sida 'Like', 'Save', 'Share', isticmaalayaashu waxay dareemi karaan jawaab celin khiyaano ah.
Intaa waxaa dheer, Pinterest waxay soo bandhigtaa tilmaamo gaar ah oo abka badan ay isticmaalaan hadda, sida ku noqoshada quudinta helitaanka adigoo hoos u dhuuqaya ama ku dhex wareegaya walxaha adigoo u garaacaya bidix iyo midig. Faahfaahintaani waxay u ekaan kartaa mid yar, laakiin waxay si weyn uga qaybqaataan farxadda guud iyo ku qanacsanaanta waayo-aragnimada.
Laakiin sixirka dhabta ahi wuxuu ku dhacaa dhexda - marka isticmaalka iyo bilicda ay wada shaqeeyaan, abuurista waayo-aragnimo midaysan oo ka tarjumaysa heerar kala duwan. Taasi waa marka isticmaalayaashu ay ka guuraan "Tani waxay shaqeysaa" una guuraan "Waan jeclahay kan!" Ma aha oo kaliya keenista alaabta.
Cunsuri kasta, qaab kasta oo la hirgeliyay, waxa uu wax ka taraa sida abkaaga loo dareemi doono. Mid ka mid ah isdhexgalka, sida dalbashada adeegga, wuxuu taaban karaa kaliya waayo-aragnimada dabeecadda ama labadaba dabeecadda iyo dareenka labadaba. Is barbar dhig habkii hore ee tagaasida loogu dalban jiray taksiyada ee taleefoonka, kaas oo inta badan ku lug leh sugitaanka sugitaanka, had iyo jeer ma aha wada sheekeysiga wacan ee lala yeesho shisheeyaha, iyo waqtiyada sugitaanka ee aan caddayn, iyo habka casriga ah, habraaca habaysan ee Uber app.
Kaliya maahan inay fududayso nidaamka dalbashada laakiin sidoo kale waxay wanaajisaa khibrada isticmaale iyadoo bixisa cusboonaysiinta wakhtiga dhabta ah ee goobta darawalka, soo bandhigid cad oo qiimayaasha qiimaha, iyo kala-guurka fudud ee u dhexeeya heerarka kala duwan ee habka raacitaanka. Waa maxay isbeddel, haa?
Si kastaba ha noqotee, kala qaybinta udhaxeysa bilicda iyo shaqada UI dhab ahaantii waa wax ka badan qaab. Is-dhexgal kastaa wuxuu noqon karaa mid lagu farxo, wax kasta oo 'quruxda'' wuxuu noqon karaa 'shaqo leh'. Qaado Apple's Dynamic Island - sumcadda madow ee caanka ah ee iPhones hore. Moodooyinka danbe, waxa ay ka soo unkameen lama huraan nashqad oo kaliya una gudubtay sifo shaqaynaysa oo qurux badan. Markii hore, darajadu waxay ahayd tanaasul in la dejiyo kamarada hore u jeedda iyo dareemayaasha iyada oo la kordhinayo booska shaashadda.
Kadib, muddo ka dib, Apple waxay u beddeshay qayb muhiim ah oo ka mid ah tignoolajiyada Aqoonsiga Wajiga, iyada oo bixisa hab xaqiijin ah oo degdeg ah oo sugan oo isticmaalayaashu si dhakhso ah u aqbaleen.
Waa kuwan tusaalooyin yar oo ku saabsan sida canaasiirta 'faa'iideysiga' saafiga ah kor loogu qaadi karo taabashada farxadda:
Xirfadda dhabta ah ee naqshadeeyaha samaynta abka quruxda badan waxay ku jirtaa fahamka goorta, sida, iyo sababta loo geliyo walxaha dareenka. Tani waxay ku xidhan tahay kiiska isticmaalka, macnaha guud, iyo habka - saddexda tiir ee aasaasiga ah ee hagaya go'aan kasta oo naqshadeyn ah. Waxay ku saabsan tahay garashada marka mudnaanta la siinayo isticmaalka, goorta la soo bandhigayo lakabyo shucuureed, iyo marka si aan kala go 'lahayn la isugu daro si loo abuuro khibrado si qoto dheer ugu xidhan isticmaalayaasha.
Aynu wajahno, xitaa animation-ka ugu farxadda badan wuxuu noqon karaa il niyad-jab ah haddii aad si walaac leh u daawanayso iyada oo $ 1000 lacag-bixintu ay ku guul-darreysato inay socodsiiso.
Markaad dirto ereyo muhiim ah sida "Hambalyo" ama "Dhalasho Farxad leh" gudaha iMessage, qoraalku wuxuu kiciyaa animation shaashad buuxa ah, sida buufinnada ama confetti, isagoo ku daraya madadaalo iyo dabaaldeg muuqaal ah oo soo jiidasho leh fariinta.
Google Docs iyo Waraaqaha waxay soo bandhigaan sawirro muuqaal leh oo midab leh, kuwaas oo muujinaya cidda tafatiraysa dukumeentiga wakhtiga dhabta ah. Tani kaliya kama dhigayso wadashaqaynta mid gaar ah laakiin sidoo kale waxay ka caawisaa isticmaalayaasha inay si dhakhso leh u aqoonsadaan wada-tafatirayaashooda.
Markaad geliso erayga sirta ah ee aaladda iOS, jilaha Memoji wuxuu ku dhex nool yahay goobta sirta ah, isagoo ka tarjumaya wejigaaga. Haddii aad si khalad ah u gasho, waxa laga yaabaa in ay jaah-baxdo ama garbayso iyada oo ka jawaabaysa. Haddii daahid ku yimaad wax-qorista, Memoji-ga ayaa laga yaabaa inuu xitaa hamaansado, isagoo ku daraya taabasho xiiso leh hawshan caadiga ah. Waxay gelinaysaa qofnimo iyo kaftan xoogaa hawl maalmeedkaaga ah.
Google Chrome wuxuu leeyahay ciyaarta dinosaur qarsoon oo soo baxda marka uusan jirin xiriir internet. Waa ciyaar fudud, balwad leh, laakiin tan ugu muhiimsan - hab fiican oo loogu beddelo jahawareerka wakhtiga xoogaa madadaalo ah.
Telegram-ka, marka aad tirtirto fariinta, waxa ay ku baaba'aysaa animation nadiif ah oo muuqaal ahaan u kala gooya fariinta sida warqad ka hor inta aanay lumin, taas oo siinaysa isticmaalayaasha dareen ay ku xakameynayaan sheekadooda dhijitaalka ah ee aan la taaban karin.
Wadnaha UI ee dhalaalaya waa qaabab iyo qaybo. Nidaamyada naqshadeynta ayaa loo dejiyay xalalka caqabadaha is-dhexgalka caadiga ah. Waxay bixiyaan qaab-dhismeedka la yaqaan ee isticmaalayaasha si ay ula falgalaan. Kuwani, iyaguna, waxay ka kooban yihiin qaybo - dhismooyinka dhismaha ee is-dhexgalka, sida badhamada, goobaha wax-gelinta, iyo moodooyinka.
Si wada jir ah, qaababka iyo qaybaha waxay abuuraan khibrad isticmaale oo bilaa xad ah halkaas oo isticmaalayaashu si miyir leh u fahmaan sida loo dhex maro abka.
Si kor loogu qaado walxaha shaqaynaya (sida menu-yada, foomamka, ama badhamada), waxaan ku wanaajin karnaa farsamooyinka bilicda iyo dareenka. Waxaad ku dari kartaa animations daahsoon, ka qaybqaado is-dhexgalka yar-yar, iyo isticmaalka fekerka leh ee midabka iyo qoraal-qoraalka, oo dhaafsiisan shaqada oo keliya. Waxaas oo dhami waxay noqonayaan nidaamka naqshadayntaada - ururinta qaybaha dib loo isticmaali karo iyo qaababka ay hagaan xeerar cad, hubinta joogtaynta abka oo dhan.
Animations horay loo sii qeexay, qaababka midabka, iyo qaababka is dhexgalka ayaa dhamaantood kicinaya shucuur gaar ah, sidaas darteed nidaamka naqshadeynta wuxuu noqdaa qalab awood leh oo lagu abuurayo isdhexgalyo isku xiran oo soo jiidasho leh. Habkani wuxuu u oggolaanayaa naqshadeeyayaasha inay si joogto ah u adeegsadaan kobcintan iyaga oo aan ka soo bilaabin xoq, xoojinta aqoonsiga astaanta iyo dhisida kalsoonida isticmaaleyaasha.
Duolingo, marka aad si khaldan uga jawaabto su'aasha, abka kaliya kuma soo bandhigo fariin khalad ah oo cad. Taa baddalkeeda, waxay kaga jawaabeysaa animation saaxiibtinimo iyo erayo dhiirigelin leh oo ka yimid mascotkeeda, Duo the Owl. Habkani waxa uu u beddelaa wakhti niyad jab ah oo iman kara waayo-aragnimo waxbarasho oo togan, ka ilaalinta isticmaalayaasha iyo yaraynta dareenka xun ee la xidhiidha khaladaadka. Xeeladaha adduunka-dhabta ah, laakiin firfircoon.
Bandhiga bandhigga kaadhka animation-ka ee Netflix waxa uu tusaale u yahay nakhshad aan kala go 'lahayn ee UI, taas oo kor u qaadaysa ka qaybgalka isticmaale ee qalabka oo dhan. Marka adeegsaduhu doorto bandhig, kaarku wuxuu ku fidaa trailer-buuxa , isagoo bixinaya muuqaal shaneemo ah oo soo jiidanaya dareenka. Kala-guurkan fudud, kaas oo ku daraya taabasho farxadeed, waa mid joogto ah, oo ay ku jirto barnaamijkooda TV-ga, halkaas oo animation la mid ah uu horseedo trailer-u-ciyaarid toos ah.
Habkan midaysan ee dhammaan aaladaha ayaa hubinaya waayo-aragnimada isticmaale ee isku xidhan, yaraynta culayska garashada iyo fududaynta hagidda.
Farxadda iyo ka-qaybgalka shucuureed waxay sidoo kale ka iman karaan sifooyinka alaabta, maaha kaliya naqshadeynta UI. Amarada Degdega ah ee Slack ayaa tusaale u ah tan iyaga oo kor u qaadaya wax soo saarka iyo hagaajinta isdhexgalka abka. Naqshadeynta iyadoo diiradda la saarayo wax soo saarka, Amarrada Degdegga ah waxay u oggolaanayaan isticmaaleyaasha inay badbaadiyaan waqti muhiim ah iyagoo si fudud u qoraya amarka loo baahan yahay. Tusaale ahaan, isticmaalayaashu waxay ku cusboonaysiin karaan xaaladdooda/xaalkooda ama waxay ku aamusi karaan ogaysiisyada iyagoo si toos ah u aamusi kara sanduuqa gelinta farriinta.
Tani kaliya ma dedejinayso socodka shaqada laakiin sidoo kale waxay yaraynaysaa carqaladaynta, taas oo u oggolaanaysa isticmaalayaasha inay xoogga saaraan shaqadooda. Dabeecadda dareenka leh iyo wakhtiga badbaadinta ee Amarrada Degdegga ah waa sababta ay isticmaalayaashu u jecel yihiin iyaga. Jeclahayga gaarka ah waa / gaabin, kaas oo ku lifaaqa dhamaadka fariintaada, waana wax aad u xiiso badan!
Iyadoo qaababka naqshadeynta iyo qaybaha ay yihiin dhismaha UI ee dhalaalaya, naqshadeynta isdhexgalka ayaa wax walba u keenta nolosha. Naqshadaynta is dhexgalka waxay ku saabsan tahay sida isticmaalayaashu ula falgalaan qaybahaas - sida ay u riixaan, u dhufaan, u dhufaan, oo u dhex maraan abka.
Tusaale ahaan, menu-gu waa curiye UI oo caadi ah, laakiin waa naqshadda isdhexgalka ee go'aamisa sida uu dareemayo. Menu si habsami ah ma u soo galaa? Miyuu isla markiiba uga jawaabaa tilmaanta dhaqdhaqaajinta? Haptic taabasho marka la dhammeeyo? Ma leedahay animations daahsoon oo ka dhigaya isbeddelka mid wacan?
Tusaalaha ugu wanaagsan ee naqshadaynta is dhexgalka wax ku oolka ah waa saamaynta 'Genie' ee macOS , oo loo isticmaalo in lagu yareeyo Finder daaqadaha. animation Tani waxay si habsami leh ugu wareejinaysaa daaqada halka ay ku xidhato, oo u eeg dhaqdhaqaaqa laambadda. Waa muuqaal soo jiidasho leh oo si hawlkar ah wargelin u ah waxayna tustaa isticmaalayaasha sida saxda ah halka uu daaqadu u kaco, taas oo ka caawinaysa ilaalinta jihaynta boosaska.
Naqshadeynta isdhexgalka iyo nidaamka naqshadeynta waxay u shaqeeyaan si wadajir ah. Naqshadeynta is dhexgalka, dhaqamada joogtada ah ee dhammaan qaybaha, sida sida badhamada uga jawaabaan marka la gujiyo ama sida foomamka u ansixiyo gelinta, hubi in appku u dhaqmo si la saadaalin karo shaashad kasta. Joogteyntani waa waxa dhisa kalsoonida isticmaalaha - taasoo la macno ah isticmaalayaashu waxay dareemayaan raaxo inay ogaadaan sida appku uga jawaabi doono, taas oo yaraynaysa khilaafka oo kor u qaadaya khibrada guud.
Marka naqshadeynta is dhexgalka si sax ah loo sameeyo, waxay la shaqeysaa qaababka iyo qaybaha si ay u abuurto waayo-aragnimo wadajir ah halkaas oo taabasho kasta, guji, iyo dharbaaxo ay dareemaan dareen. Tani waa shay si dhab ah u keenaya is-dhexgalka nolosha.
Maqaaladeyda kale, waxaan ku nuuxnuuxsaday muhiimada ay leedahay in la dhiso koox horumariyayaal ah. Nashqadayaashu waa inay la shaqeeyaan horumariyeyaasha sababtoo ah iyaga oo ku mahadsan animationsn iyo isdhexgalka ayaa dhab ahaantii noqon kara oo si waxtar leh loo hirgeliyaa. Siinta kooxda tifaftiran, tilmaamo cad oo animations - oo ay ku jiraan waqtiga, fududaynta, iyo dhaqanka - waa fure. Habkan aragtida naqshadeynta ee loogu talagalay ayaa si sax ah loogu tarjumay badeecada ugu dambeysa, taasoo ka dhigaysa mid dhalaalaya, xirfad leh, iyo shucuur ahaan u soo jiidanaya isticmaalaha.
Ku raaxaysiga nolosha ayaa aad uga fog samaynta ficilada farsamada ee kuu horseedi kara halkaas. Waa wadarta tafaasiisha ugu yar ee abuurta khibrad dhammaystiran, oo dhammaystiran. Naqshadu waa isku mid. Interface-ka shaqeeyaa waa aasaas adag - laakiin waa mid aan fiicneyn. Fahamka sida isticmaalayaashu u arkaan oo u isticmaalaan abkaaga waxay gacan ka geysataa abuurista khibrado ay fududahay in la isticmaalo oo macno leh. Waxaan u maleynayaa in aragtida naqshadeynta shucuureed ee Don Norman ay tahay hage weyn oo ku saabsan isku xirka qallafsan ee ka dhexeeya dhammaan dhinacyada samaynta naqshad wanaagsan - mid farxad leh.
Isku xirka shucuurta, qaababka naqshadeynta, joogtaynta, iyo naqshadeynta isdhexgalka ayaa ah waxyaabaha ka dhigaya inay noolaadaan. Intaa waxaa dheer, waa xusuusin xoog leh in naqshadeynta alaabta, safarku uu muhiim u yahay sida meesha loo socdo. Iyada oo loo marayo animations daahsoon, ka-qaybgalka isdhexgalka-yar, iyo tafaasiisha muuqaalka leh ee fikirka leh waxaad u rogi kartaa isdhexgalka joogtada ah daqiiqado lagu raaxaysto malaayiin isticmaalayaasha ah. Taasi waa sixirka naqshadeynta.