Pono e loaʻa i kahi polokalamu kelepona paʻa i ka UI/UX maikaʻi loa a me ka nani. Ua ʻike ʻia nā kelepona paʻalima e hana i nā ʻike mea hoʻohana i hoʻomaikaʻi ʻia (UX) i hoʻohālikelike ʻia me nā kamepiula desktop. Me ka holomua o nā ʻenehana kelepona a me nā ʻenehana pili, manaʻo ka poʻe e hoʻemi liʻiliʻi a hoʻokele e hana hou aku me ka pilikia ʻole. ʻOi aku ka koʻikoʻi o ka hoʻolālā UI/UX no kāu polokalamu kelepona i kēlā pōʻaiapili. Ma muli o nā polokalamu kelepona ʻoi aku ka makemake o nā poʻe i nā polokalamu kelepona ma mua o nā kamepiula papapihi. 

 

He manaʻo liʻiliʻi e pili ana iā UI a me UX

Hiki i nā mea hana UI Design ke hiki i nā mea hoʻolālā ke hana i nā wireframes kiʻekiʻe, prototypes, a me nā mockups a hāʻawi i nā huahana liʻiliʻi. Ma kahi ʻano, ʻo lākou nā nuts a me nā bolts o kahi hoʻolālā. Hōʻike kēia mau ʻāpana i ka hana o kahi hoʻolālā. ʻO nā mea hana hoʻolālā e pili ana i ka UX e pili ana i ka ʻike e ʻike ʻia e ka mea hoʻohana hope. Ma waho aʻe o ka hoʻolālā ʻana i ka ʻikepili, hiki i kēia mau mea hana ke kōkua i ka mea hoʻohana e hoʻomaopopo i ka hoʻokele ʻana i ka ʻike. Hiki i nā mea hana UX ke kōkua i ka mea hoʻolālā e hoʻomaopopo i ka hopena o ka ʻike a me ka hoʻonohonoho ʻana i ka ʻike mea hoʻohana, no laila ʻoi aku ka manaʻo o ke ʻano..

 

E ʻike kākou i kekahi mau mea hana UI/UX

 

1. Axure

Hoʻolaha kōkua me ka prototyping a me ka hoʻokele workflow. Hiki iā ʻoe ke palapala i ka manawa maoli me ka hoʻohana maʻalahi. Hoʻopuka ka app i nā prototypes kikoʻī ma muli o kona kūpaʻa kiʻekiʻe. Ma kahi o ka prototyping a me nā hiʻohiʻona hoʻolālā UI, hāʻawi ʻo Axure i nā hiʻohiʻona ʻē aʻe. Hāʻawi ia i nā hana hoʻāʻo a hoʻomaʻamaʻa i ka handoff o ka mea hoʻomohala. Me Axure, mālama ʻia nā mea a pau ma kahi papahana me ka holomua e like me ka wā e hiki mai ana a hoʻololi i ko lākou piʻi ʻana i ka manawa maoli, e kōkua ana iā ia e kū i waho o ka lehulehu ma ke ʻano he mea hoʻolālā UI.

 

2 Kāho

Māka ʻo ia kekahi o nā mea hana hoʻolālā UI/UX kaulana a kaulana loa. ʻO ka hiki ke hoʻololi i ke ao holoʻokoʻa, ʻo ia ka hiʻohiʻona e kū ai ʻo Sketch i waho o ka lehulehu. Hiki i nā mea hoʻolālā ke hāʻawi wikiwiki i nā prototypes maʻamau no ka mea hiki i kā lākou waihona hui o nā hōʻailona, ​​nā ʻano papa, a me nā ʻano kikokikona, a me kāna mau hiʻohiʻona hoʻololi a me ka hoʻonohonoho ʻana, hiki ke mālama i kou manawa. ʻO kēia mau hiʻohiʻona e hōʻemi i ke kaumaha o nā mea hoʻolālā, e ʻae iā lākou e nānā i kā lākou hana hana. Eia kekahi, ʻaʻohe hapa o nā plugins ʻaoʻao ʻekolu i hiki ke hoʻohana me Sketch. 

 

3. Figma 

me Kaila, hiki i nā mea hoʻolālā ke hana i ka dynā prototypes namic a me nā mockups, e hoʻāʻo iā lākou no ka hoʻohana ʻana, a mālama i kā lākou holomua. E like me ka Google Docs, hāʻawi ʻo Figma i kahi kaiapuni hui kahi e hiki ai i nā poʻe he nui ke hana ma ka papahana hoʻokahi i ka manawa like - hāʻawi iā ʻoe i kahi ʻike manawa maoli no ka mea e hana nei i ka papahana. E hōʻike iā ʻoe i ka hana a kēlā me kēia kanaka a me ka mea e hana nei. Eia kekahi, no ka mea he polokalamu kele pūnaewele, hiki i nā mea a pau ke komo koke. Eia kekahi, manuahi ka hoʻohana ʻana no kēlā me kēia kanaka, no laila hiki iā ʻoe ke hoʻāʻo a loaʻa ka manaʻo no ke ʻano o ia mea.

 

4. Adobe XD

Hoʻokumu ʻia kēia mea hana hoʻolālā ʻike mea hoʻohana a hiki ke hoʻohana ʻia e hana i nā polokalamu pūnaewele a me nā polokalamu kelepona. No ka nānā ʻana i ka hana ma nā polokalamu kelepona, aia nā mana no Windows, macOS, iOS, a me Android. Loaʻa kāna mau hana mai ka hoʻolālā leo a hiki i ka hoʻololi ʻana i ka pane ʻana i ka hana hou ʻana i nā grids, prototypes, a me ka animation. Hāʻawi ʻo Adobe XD i nā wikiō aʻo, nā hoʻolaha ola, a me nā ʻatikala e kōkua i nā mea hoʻohana e hoʻomaʻamaʻa i ka hāmeʻa me ka liʻiliʻi o ka hoʻoikaika.

 

5. Kahua Pūnaewele

me Pūnaewele, ʻaʻole pono ʻoe e ʻike i ka HTML a i ʻole CSS e hoʻolālā. Me Webflow hiki iā ʻoe ke kūkulu i kekahi mea āu e noʻonoʻo ai me ka hana huki a hoʻokuʻu a me kahi interface intuitive. Hiki iā ʻoe ke hana i kahi prototype me Webflow a hoʻopuka i ka HTML a me CSS code, a i ʻole JavaScript i ka wā e hoʻokō ai i nā micro-interactions. Mālama kēia i kou manawa. Inā ʻaʻole ʻoe makemake e hoʻomaka mai ka wā ʻuʻuku, hiki nō iā ʻoe ke hoʻohana i kahi template.

 

6. Proto.io

He mea hana hoʻolālā UI kēia ʻaʻole koi i kekahi coding. He mau mea hou a me proto.io ʻO ka mana 6 ka mea hou loa i hoʻokuʻu ʻia ma 2016. Ua kūkulu ʻia kēia i prototype ma nā polokalamu kelepona. Ua hoʻolālā ʻia kahi interface hou loa, e maʻalahi i nā mea hoʻohana ke komo i nā mea hana maʻamau. Eia kekahi, hiki ke hoʻokani hou ʻia nā animations i loko o ka mea hoʻoponopono, kahi e maʻalahi ai ke kaʻina hana hoʻolālā. Ua maʻalahi ka hoʻohui ʻana a me ka hoʻoponopono ʻana i nā pilina ma kahi Wizard Interaction hou a me nā ʻano hoʻolālā hoʻolālā. Hōʻike ʻia kahi koho kaʻana like a me ka lawe ʻana i hoʻokahi kaomi i kēia hoʻokuʻu pū kekahi.

 

7. Mahalo

ʻAʻole pono ʻoe e lilo i mea hoʻolālā akamai e hoʻohana ai Marvel's design platform. Hāʻawi kēia mea hana i nā mea hoʻolālā UI i nā mea a pau e pono ai lākou me ka hiki ke hana i nā wireframes haʻahaʻa a kiʻekiʻe-fidelity, nā prototypes interactive, a me ka hoʻāʻo ʻana o nā mea hoʻohana - nā mea āpau ma kahi interface intuitive. Hāʻawi ia i nā mea hoʻolālā e hana i nā prototypes no kēlā me kēia paepae kikohoʻe. ʻO Handoff kahi mea hana i hāʻawi ʻia e ka kupanaha e hāʻawi i nā code HTML āpau a me nā ʻano CSS i nā mea hoʻomohala. ʻO nā mea maikaʻi o Marvel ka maʻalahi o ka hoʻohana ʻana, ka hoʻohālikelike, ka hoʻihoʻi ʻana, a me nā mea hou aku. ʻOiai he mea maʻalahi ka mea hoʻohana, he mea pipiʻi kekahi.

 

8. Origami Studio

Origami Studio hāʻawi nui i nā poʻe e makemake ana i nā mea hana prototyping ʻoi aʻe ma ke ʻano he ʻāpana o kā lākou hana hoʻolālā. Loaʻa i nā mea hoʻolālā ka manawa e hoʻohui i nā hana kiʻekiʻe me ka hoʻohana ʻana i kahi hoʻoponopono patch paʻakikī, e ʻae iā lākou e kūkulu i nā prototypes piha. ʻO ka hopena, nānā a hana nā prototypes me he polokalamu maoli a i ʻole ʻaoʻao pūnaewele. Hana maikaʻi ʻo Sketch a me Origami Studio. Ke hoʻohana ʻoe iā Sketch i ka like, hiki iā ʻoe ke hoʻokomo maʻalahi i nā papa, kope a paʻi iā lākou me ka ʻole o nā pilikia.

 

9. Mea Paʻi X

ʻO kēia kahi mea hana hoʻolālā UI prototyping noi a hoʻāʻo i kā lākou hoʻohana. ʻO ka hiki ke hana pū me React he koho maikaʻi loa ia no nā mea hoʻolālā UI makemake e hoʻomau i nā ʻano hoʻolālā pūnaewele hou loa. Aia nā ʻano plugins i loko FramerX'O ka hale kū'ai e hā'awi ana i nā mea ho'olālā UI me nā mea hana e like me nā kits UI e ho'ohui i nā paepae pāpili e like me Snapchat a me Twitter, nā mea pā'ani e ho'okomo i ka media, a me nā mea ma'alahi'ē a'e i hiki ke ho'ohui ma'alahi. he mea hana maʻalahi ke aʻo ʻia no ka hoʻolālā interface.

 

10. InVision studio

Wonoau hāʻawi iā ʻoe i ka ʻoluʻolu a me ka maʻalahi ke hoʻomaka ʻoe i kāu huakaʻi i ka hoʻolālā UX. ʻOiai aia nā mea hana me kahi ākea ākea o nā hiʻohiʻona, ʻaʻole pono ka poʻe hoʻomaka iā lākou. ʻO ka UI maʻalahi o ka InVision e maʻalahi i nā mea hoʻohana e hoʻokele a kamaʻilio me kekahi. Hiki i nā mea hoʻomohala ke kaʻana like i kā lākou hana hoʻolālā i kā lākou hana ʻana, loaʻa ka manaʻo manaʻo, a me nā loli palapala ma ke ala. ʻO kekahi o nā hiʻohiʻona maikaʻi loa o InVision ʻo ia ka papa keʻokeʻo kikohoʻe, e hiki ai i nā lālā ke kaʻana like i nā manaʻo, kamaʻilio, a loaʻa ka ʻae no ka neʻe ʻana i mua.

 

E hoopau ana,

I kēia manawa ʻo ka hoʻolālā ʻana i kahi ʻike mea hoʻohana maʻalahi a me ka UI interactive ʻaʻole ia he mea paʻakikī i ka hiki ʻana mai o kēia mau mea hana. I kēia manawa, aia iā mākou ke koho i ka hoʻonā maikaʻi loa mai waena o nā koho ʻē aʻe i loaʻa. ʻO ke koho ʻana i nā mea kūpono mai kahi ākea ākea he hana mau. Akā inā ʻike mākou i nā hiʻohiʻona o kēlā me kēia, e maʻalahi ia iā ʻoe. Ma muli o ka maʻamau o nā polokalamu kelepona, hele mau ka poʻe i nā mea me kahi mea hoʻohana ʻoluʻolu a me ka ʻike. No laila, nau ke kuleana e hoʻomohala i kāu polokalamu ma ia ʻano.

Here ma Sigosoft, hiki iā ʻoe ke hoʻomohala i nā polokalamu kelepona me kahi UI/UX hoihoi.