App mobbli li tispikka mill-folla fis-suq għandha dejjem ikollha l-aqwa u sabiħa UI/UX. It-telefowns ċellulari huma magħrufa li joħolqu esperjenzi tal-utent imtejba (UX) meta mqabbla mal-kompjuters desktop. Bl-avvanz tat-teknoloġiji mobbli u relatati, in-nies jistennew li jonfqu inqas u jirnexxielhom jagħmlu aktar mingħajr problemi. Id-disinn UI/UX għall-applikazzjoni mobbli tiegħek isir saħansitra aktar kritiku f'dak il-kuntest. Huwa primarjament minħabba applikazzjonijiet mobbli li n-nies jippreferu apparat mobbli fuq kompjuters desktop.
Idea żgħira dwar UI u UX
L-għodod tad-Disinn tal-UI jagħmluha possibbli għad-disinjaturi li joħolqu wireframes, prototipi, u mockups ta' kwalità għolja u jagħmlu prodotti minimament vijabbli. F'ċertu sens, huma l-ġewż u l-boltijiet ta 'disinn. Dawn il-komponenti jesprimu l-funzjonalità ta 'disinn. Għodod tad-disinn iċċentrat madwar l-UX jiffokaw fuq kif il-kontenut se jiġi esperjenzat mill-utent aħħari. Minbarra l-iċċartjar tal-arkitettura tal-informazzjoni, dawn l-għodod jistgħu wkoll jgħinu lill-utent jifhem kif jinnaviga fl-esperjenza. L-għodod UX jgħinu lid-disinjatur jagħmel sens dwar kif il-kontenut u l-organizzazzjoni se jaffettwaw l-esperjenza tal-utent, u għalhekk huma ta’ natura aktar kunċettwali.
Ejja nikfamiljarizzaw ma' xi għodod UI/UX
1. Axure
axure jgħin fil-prototyping u l-ġestjoni tal-fluss tax-xogħol. Tista 'tiddokumenta f'ħin reali billi tuża l-interface faċli biex tużah. L-app tipproduċi prototipi dettaljati minħabba l-fedeltà għolja tagħha. Minbarra l-prototipi u l-karatteristiċi tad-disinn tal-UI, Axure joffri ħafna karatteristiċi oħra. Jippermetti l-ittestjar tal-funzjonalitajiet u jissimplifika l-handoff tal-iżviluppatur. B'Axure, kulħadd fuq proġett jinżamm aġġornat bil-progress kif jiġri u jinbidel hekk kif joħorġu f'ħin reali, u jgħin biex jispikka mill-folla bħala għodda tad-disinn tal-IU.
2. Skeċċ
Disinn hija waħda mill-għodod tad-disinn UI/UX l-aktar popolari u użati. Il-ħila li tagħmel bidliet universali hija l-karatteristika li żżomm Sketch tispikka mill-folla. Id-disinjaturi jistgħu malajr iwasslu prototipi konsistenti minħabba li l-librerija korporattiva tagħhom ta 'simboli, stili ta' saffi u stili ta 'test, kif ukoll il-karatteristiċi ta' ridimensjonar u allinjament tagħha, jistgħu jiffrankaw il-ħin tiegħek. Dawn il-karatteristiċi jnaqqsu l-piż fuq id-disinjaturi, u jippermettulhom jiffokaw fuq il-proċess kreattiv tagħhom. Barra minn hekk, m'hemm l-ebda nuqqas ta 'plugins ta' partijiet terzi li jistgħu jintużaw ma 'Sketch.
3. Figma
bil figma, disinjaturi jistgħu joħolqu dyprototipi u mockups namiċi, ittestjahom għall-użabilità, u żżomm kont tal-progress tagħhom. Bħal fil-Google Docs, Figma toffri ambjent kollaborattiv fejn bosta nies jistgħu jaħdmu fuq l-istess proġett fl-istess ħin - li jagħtik ħarsa f'ħin reali ta 'min qed jaħdem fuq il-proġett. Se jurik x'qed tagħmel kull persuna u min qed jaħdem. Barra minn hekk, peress li huwa bbażat fuq il-brawżer, kulħadd jista' jaċċessah immedjatament. Barra minn hekk, huwa b'xejn għall-użu għall-individwi, sabiex tkun tista 'tipprovaha u tieħu ħsieb x'jiġri.
4. Adobe XD
Din l-għodda tad-disinn tal-esperjenza tal-utent hija bbażata fuq il-vettur u tista’ tintuża biex tagħmel apps tal-web u apps mobbli. Għal previżjoni tax-xogħol immedjatament fuq apparat mobbli, hemm verżjonijiet għall-Windows, macOS, iOS, u Android. Il-funzjonijiet tiegħu jvarjaw minn disinn tal-vuċi għal resize responsive sal-produzzjoni ta’ grilji ripetuti, prototipi u animazzjoni. Adobe XD jipprovdi vidjows istruttivi, xandiriet diretti, u artikli biex jgħinu lill-utenti jipprattikaw l-għodda bl-inqas ammont ta’ sforz.
5. Fluss tal-web
bil Fluss tal-Web, m'għandekx għalfejn tkun taf HTML jew CSS biex tiddisinja. Bil-Webflow tista’ tibni kull ħaġa li tista’ timmaġina b’funzjonalità ta’ drag and drop u interface intuwittiv. Tista 'toħloq prototip bil-Webflow u tiġġenera kodiċi HTML u CSS preċiż, jew JavaScript meta timplimenta mikro-interazzjonijiet. Dan jiffranka l-ħin. Jekk ma tridx tibda mill-bidu, tista' wkoll tuża template.
6. Proto.io
Din hija għodda tad-disinn tal-UI li ma teħtieġ l-ebda kodifikazzjoni. Għandu diversi aġġornamenti u proto.io verżjoni 6 hija l-aħħar waħda mnedija fl-2016. Din ġiet żviluppata biex tipprototip fuq apparat mobbli. Ġiet iddisinjata interface kompletament ġdida, li tagħmilha aktar faċli għall-utenti biex jaċċessaw l-għodod l-aktar użati. Barra minn hekk, animazzjonijiet issa jistgħu jerġgħu jindaqqu direttament fi ħdan l-editur, li jissimplifika l-proċess tad-disinn tal-moviment. Wizard tal-Interazzjoni u Disinni tad-Disinn tal-Interazzjoni ġodda għamlu ż-żieda u l-editjar tal-interazzjonijiet aktar faċli. Għażla ta' qsim u esportazzjoni ta' klikk waħda tidher f'dan ir-rilaxx ukoll.
7. Marvel
M'għandekx għalfejn tkun disinjatur espert biex tużah Marvelpjattaforma tad-disinn ta '. Din l-għodda tagħti lid-disinjaturi tal-UI dak kollu li għandhom bżonn bil-kapaċità li joħolqu kemm wireframes ta’ fedeltà baxxa kif ukoll għolja, prototipi interattivi, u ttestjar tal-utent – kollha f’interface intuwittivi. Hija tħalli lid-disinjaturi joħolqu prototipi għal kwalunkwe pjattaforma diġitali. Handoff hija għodda pprovduta minn Marvel li tagħti l-kodiċi HTML u l-istili CSS kollha lill-iżviluppaturi. Il-vantaġġi ta 'Marvel jinkludu faċilità ta' użu, kompatibilità, backup, u ħafna aktar. Anke jekk huwa faċli għall-utent, huwa daqsxejn għali wkoll.
8. Origami Studio
Origami Studio joffri ħafna lil nies li jeħtieġu għodod ta 'prototyping aktar avvanzati bħala parti mill-proċess tad-disinn tagħhom. Id-disinjaturi għandhom l-opportunità li jintegraw funzjonalità avvanzata billi jużaw editur tal-garża sofistikat, li jippermettilhom jibnu prototipi kompluti. Bħala riżultat, il-prototipi jidhru u jaħdmu bħal app jew paġna web reali. Sketch u Origami Studio jaħdmu tajjeb flimkien. Meta tuża Sketch b'mod parallel, tista 'faċilment timporta saffi, tikkopjahom u tippejsthom mingħajr ebda kwistjoni.
9. Framer X
Din hija għodda tad-disinn UI li tipprototipja applikazzjonijiet u tittestja l-użabilità tagħhom. Il-ħila li taħdem ma 'React tagħmilha għażla kbira għad-disinjaturi tal-UI li jixtiequ jlaħħqu mal-aħħar tendenzi tad-disinn tal-web. Hemm varjetà ta 'plugins fi FramerX's store li jipprovdu lid-disinjaturi tal-UI b'għodod bħal kits tal-UI biex jintegraw pjattaformi tal-midja soċjali bħal Snapchat u Twitter, plejers biex jinkorporaw il-midja, u komponenti sempliċi oħra li jistgħu jiġu integrati faċilment. hija għodda faċli biex titgħallem għad-disinn tal-interface.
10. InVision studio
InVision jagħtik konvenjenza u sempliċità hekk kif tibda l-vjaġġ tiegħek fid-disinn UX. Għalkemm hemm għodod b'firxa usa 'ta' karatteristiċi, dawk li jibdew mhux bilfors għandhom bżonnhom. L-UI faċli biex tużah ta 'InVision tagħmilha faċli għall-utenti biex jinnavigaw u jikkomunikaw ma' xulxin. L-iżviluppaturi jistgħu jaqsmu x-xogħol tad-disinn tagħhom hekk kif jagħmluh, jirċievu feedback, u jiddokumentaw il-bidliet tul it-triq. Waħda mill-aktar karatteristiċi utli ta' InVision hija l-whiteboard diġitali, li tippermetti lill-membri jaqsmu ideat, jinteraġixxu, u jiksbu approvazzjoni biex jimxu 'l quddiem.
It-tgeżwir,
Issa t-tfassil ta 'esperjenza tal-utent bla xkiel u UI interattiva m'għadhiex sfida bil-wasla ta' dawn l-għodod. Sadanittant, huwa f'idejna li nagħżlu l-aħjar soluzzjoni minn fost il-ħafna alternattivi disponibbli. Li tagħżel dawk it-tajbin minn firxa wiesgħa hija dejjem kompitu. Imma jekk aħna konxji tal-karatteristiċi ta 'kull wieħed, ikun faċli għalik. Peress li l-applikazzjonijiet mobbli huma pjuttost komuni, in-nies dejjem imorru għal dawk b'interface tal-utent u esperjenza pjaċevoli. Għalhekk hija r-responsabbiltà tiegħek li tiżviluppa l-app tiegħek b'tali mod.
hawn fuq Sigosoft, tista' tiżviluppa apps mobbli b'UI/UX attraenti.