paint-brush
Муассисони Tech ин 5 манбаъро барои сохтани прототипи аввалини худ истифода мебарандаз ҷониби@marinacher
700 хониш
700 хониш

Муассисони Tech ин 5 манбаъро барои сохтани прототипи аввалини худ истифода мебаранд

аз ҷониби Marina Chernyshova6m2025/01/21
Read on Terminal Reader

Хеле дароз; Хондан

Байни набудани пурраи тарроҳӣ ва вақти зиёд барои тарҳрезии комили ҳар як экран тавозуни вуҷуд дорад. UX-и ҳамворро тавассути соддагардонӣ ва пешгирӣ кардани қадамҳо ва амалҳои нолозим ба даст овардан мумкин аст ва UI қобили қабул метавонад хеле содда, вале ҷолиб бошад. Хӯроки асосии он аст, ки дар бораи истифодаи қарорҳои тайёр шарм надоред ва қадамҳои пеш аз тарҳрезиро, ба монанди эҷоди ҷараёни корбаронро нагузаронед. Дар ин ҳолат, хатари хатогӣ ё талафи вақт ба таври назаррас коҳиш меёбад, ки ин захираҳои шуморо сарфа мекунад ва ба ҳавасмандкунӣ таъсир намерасонад.
featured image - Муассисони Tech ин 5 манбаъро барои сохтани прототипи аввалини худ истифода мебаранд
Marina Chernyshova HackerNoon profile picture


Номи ман Марина Чернышова ва ман тарроҳи маҳсулот ва мураббӣ ҳастам. Дар мақолаи қаблии ман, " Дар бораи буҷет кӯтоҳ? Ин усулҳои тарроҳиро барои сохтани аввалин MVP-и худ бидуни тарроҳии пурравақт истифода баред ," Ман шарҳ додам, ки чаро ба назари ман, стартапҳои марҳилаи аввал на ҳамеша ба тарроҳи пурравақт ниёз доранд ва чӣ гуна бояд ба тарҳрезии прототипи аввал аз нуқтаи назари назариявӣ муносибат кунанд. Дар ин мақола ман мехоҳам шуморо даъват кунам, ки ба паҳлӯи амалии бештар нигаред. Ман сарчашмаҳои муфидеро мубодила мекунам, ки муассисон ва соҳибкорони аввали технологӣ метавонанд барои сохтани прототипи аввалини худ истифода баранд.


Агар шумо таваҷҷуҳ ва вақт дошта бошед, ки маҳсулоти худро пурра тарроҳӣ кунед, пас ман тавсия медиҳам, ки Figma-ро омӯзед. Figma як нармафзори тарроҳии абрӣ аст, ки асосан барои кашидан, тарроҳӣ ва прототипи ғояҳо пеш аз марҳилаи таҳияи лоиҳа истифода мешавад. Бо ин асбоб, тарроҳон метавонанд якҷоя бо як браузери веб барои сохтани тарҳҳо, илова кардани тасвирҳо, таҷриба бо рангҳо ва ҳуруфҳо ва ғайра кор кунанд. Figma як асбоби пурқувват аст, аммо дар як вақт истифода кардан осон аст ва барои муошират байни ҳамаи аъзоёни даста хеле муфид аст.


Илова ба Figma, истифодаи FigJam ва Figma Slides хеле қулай аст. FigJam як асбоби тахтаи сафед аст, ки махсус барои кори дастаҷамъона тарҳрезӣ шудааст. Он ба дастаҳо имкон медиҳад, ки дар вақти воқеӣ ҳамкорӣ кунанд, ғояҳоро визуалӣ кунанд ва як ҳамлаи майнаро якҷоя кунанд. Figma Slides як воситаи муаррифӣ мебошад, ки барои тарроҳон ва дастаҳои онҳо таҳия шудааст. FigJam ва Figma Slides барои одамоне, ки аллакай Figma-ро истифода мебаранд, хубанд, то ҳама тарҳҳо, тахтаҳои сафед ва презентатсияҳои шуморо дар як экосистема дошта бошанд.

Чорчӯбҳои симдор

Рамзҳои симӣ тасвири ноҳамвори визуалии маҳсулоти рақамӣ, ба монанди вебсайт, барнома ё интерфейси нармафзор мебошанд. Дар мақолаи қаблии худ ман фаҳмонидам, ки ҷараёни корбар чист — он диаграммаи визуалӣ аст, ки роҳеро, ки корбар тавассути маҳсулот ё вебсайт мегузарад, барои иҷрои вазифа ё ҳадафи мушаххас харита мекунад*.* Дар асоси ҷараёни корбар шумо метавонед аввалин соддатаринро эҷод кунед. версияи симчӯбҳо.


Шабакаҳои симӣ барои фаҳмидани сохтори маҳсулот пеш аз оғози тарҳрезии маҳсулот заруранд. Онҳо ба дастаҳо кӯмак мекунанд, ки ба талабот мувофиқат кунанд ва гуфтугӯҳои тарроҳии UX-ро мутамарказ ва созанда нигоҳ доранд, бидуни парешон аз нозукиҳои тарроҳӣ ба монанди рангҳо, ҳуруфҳо ва нишонаҳо.


Рамзҳои симро ба таври гуногун амалӣ кардан мумкин аст, онҳо метавонанд тафсилоти баланд ва камтафсил бошанд. Ба баъзе мисолҳои асосӣ нигаред:

  • Тасвири чап (UI ба Wireframe бо блокҳои мундариҷа)
  • Тасвири рост (UI-и баландсифат бо графикҳо ва ҷузъҳои муфассал)

Рақами сими муфассали камро дар бар мегирад

Рақами сими муфассали баландро дар бар мегирад

Ба сохтор, тарҳрезӣ ва ҷараёни корбар таваҷҷӯҳ кунед

Таваҷҷӯҳ ба функсияҳои муфассал ва унсурҳои мушаххаси тарроҳӣ

Эскизҳои асосии хокистарранг ё нақшҳо

Метавонад дорои рангҳо, ҷудокунандаҳо ва унсурҳои мушаххас ба монанди диаграммаҳо бошад

Ҷойгиркунакҳоро барои тасвирҳои матн истифода мебарад

Мундариҷаи воқеӣ ё намояндагӣ дохил кунед

Одатан статикӣ, метавонад паймоишро бо тирчаҳо нишон диҳад

Аксар вақт интерактивӣ, ба амалҳои эҳтимолии корбар мувофиқат мекунад


Ман тавсия медиҳам, ки бо соддатарин имкон оғоз кунед: экранҳои асосиро бо сарлавҳаҳои тахминӣ ва тугмаҳо тартиб диҳед ва бо матнҳо аз ҳад зиёд ташвиш надиҳед.


Агар шумо дар Figma кор кунед, чаҳорчӯбҳоро метавон фавран бо андозаи воқеӣ тавассути қолибҳо эҷод кард.


Вақте ки шумо асбоби Frame-ро интихоб мекунед, дар панели рост рӯйхати қолибҳо пайдо мешавад


Барои сохтани чаҳорчӯбаи симҳои муфассалтар бо унсурҳои воқеии интерфейс шумо метавонед дороиҳои тайёри Figma-ро барои симфраминг истифода баред, то вақти зиёдро сарфа кунед (масалан ин китобхона ).

Унсурҳои гуногуни UI аз китобхона


Дар ин марҳила, шумо аллакай метавонед прототиперо созед, ки ба чизҳои хурд, ба монанди рангҳо ё ҳуруфҳо аҳамият надиҳад ва онро ба яке аз дӯстони худ нишон диҳед. Агар ин як барномаи мобилӣ бошад, шумо метавонед истинодро аз телефони худ кушоед, то он воқеияттар намояд. Муҳим аст, ки тафтиш кунед, ки оё ҳама гузаришҳои зарурӣ дар байни ҳама экранҳо вуҷуд доранд ва корбар метавонад баргардад ё амалро бекор кунад.


Шумо метавонед байни экранҳо (масалан, гузариш бо пахш кардани тугма) дар ҷадвали Прототип дар панели рост эҷод кунед

Китобхонаҳои компонентҳои тайёр

Ҳама чизро аз сифр тарҳрезӣ кардан лозим нест. Омӯзиши дороиҳои омода дар ҷомеаи Figma, ки шумо метавонед барои тарҳрезии маҳсулоти худ истифода баред, хеле муфид аст.


Дар Figma китобхонаҳои зиёде мавҷуданд, ба монанди Material UI. Ин китобхонаҳо дорои миқдори зиёди унсурҳои муфид мебошанд, аз маҷмӯи нишонаҳо то саҳифаҳои аллакай ҷамъшуда.


Шумо метавонед тугмаро аз китобхона нусхабардорӣ кунед ва ба осонӣ параметрҳои заруриро барои он интихоб кунед (навъ, андоза, ҳолат, мавҷудияти нишонаҳо ва ғ.)


Элементҳо одатан аллакай ҳама ҳолатҳоро дар бар мегиранд (Ҳолатҳои нишондодашуда ва интихобшуда, огоҳиҳо, тавсифҳо ва ғ.). Тамоми абстраксияҳои интерфейсро аз ҷузъҳои хурд ҷамъ овардан мумкин аст, масалан, муколамаи модалӣ бо тугмаҳо ва ҷадвалҳои дохили. Илова ба худи унсурҳо, мумкин аст дастурҳо оид ба истифодаи дурусти онҳо бо ҳошияҳо, фосилаҳо ва ғайра вуҷуд дошта бошанд. Ин китобхонаҳо ҷузъҳо ва ҳатто тарҳҳои пурраеро таҳия кардаанд, ки таҳиягарон метавонанд истифода баранд.


Агар лозим бошад, шумо метавонед дар оянда унсурҳои худро илова кунед. Масалан, агар ба шумо чанд диаграмма лозим бошад, шумо метавонед онҳоро аз китобхонаи дигар гиред. Агар ба шумо унсури ғайристандартӣ лозим бошад, он метавонад аз сифр тарҳрезӣ шавад ва ба китобхона бо тамоми иёлотҳо илова карда шавад.

Дороиҳои графикии тайёр

Ҳама гуна маҳсулот аз ҳисоби графикаи мутавозин ва хуб тарҳрезишуда метавонад хеле баркамол ва боандеша бошад: тасвирҳо, нишонаҳо, аниматсияҳо ва ғайра.


Барои ин вақти зиёдатиро сарф кардан лозим нест, дар ин ҷо шумо метавонед комплектҳои тайёрро низ истифода баред. Чунин маҷмӯаҳо дар сабкҳо ва рангҳои гуногун хеле зиёданд. Онҳо инчунин метавонанд дар Ҷамъияти Фигма ё Ҷамъияти Spline агар ба шумо графикаи 3D маъқул бошад. Аксар вақт маҷмӯаҳои калон барои истифодаи тиҷоратӣ пардохта мешаванд, аммо онҳо хеле дастрасанд.


Намунаҳои маҷмӯаҳои тасвирӣ аз ҷомеаи Figma


Ин дороиҳоро на танҳо дар дохили маҳсулоти худ, балки барои маводҳои маркетингии шумо, тасвирҳои шабакаҳои иҷтимоӣ ва саҳни сатр истифода бурдан мумкин аст. Шумо метавонед қолабҳои гуногуни презентатсияҳоро дар он ҷо пайдо кунед ва онҳоро вобаста ба услуби худ иваз кунед.

Намунаи қолаби муаррифии Startup Pitch аз Figma Community

Иқтибосҳо ва илҳом

Якчанд платформаҳо мавҷуданд, ки ҷараёни корбарон ва скриншотҳои маҳсулоти гуногунро ҷамъ мекунанд, масалан pageflows.com ё mobbin.com . Шумо метавонед онҳоро барои таҳлили рақибон ё танҳо илҳом омӯзед. Онҳо воқеан муфиданд, вақте ки шумо дар як хусусияти мушаххас кор мекунед ва шумо медонед, ки ин як намунаи паҳншудаи UX ҳамчун тафтиш ё захира кардани ашё ба дӯстдоштаҳо мебошад. Шумо метавонед онҳоро аз рӯи категорияҳо паймоиш кунед ё функсияҳои муайянро бо калимаҳои калидӣ ҷустуҷӯ кунед.


Намунаҳои экранҳои сабти ном аз mobbin.com


Кор бо таҷрибаи ҳамвор корбар, ҳамеша беҳтар аст, ки ба қарорҳои мавҷуда такя кунед, зеро онҳо барои корбарон равшан ва шиносанд. Ҳатто агар шумо дар бораи функсияҳои инноватсионӣ кор карда истода бошед ҳам, шумо ҳамеша метавонед намунаҳоеро, ки ба маънои як минтақаи дигар монанданд, истифода баред.

Хулоса

Имрӯзҳо бозори рақамӣ хеле рақобатпазир аст ва корбарон дар UX ва UI хуб таҷриба доранд. Беҳтар аст, ки инро ҳатто дар марҳилаи ибтидоии таҳияи маҳсулот ҳамчун беҳудаи вақт сарф кардани "зебу ороишҳо" сарфи назар накунед, балки кӯшиш кунед, ки онро ҳамчун бартарии рақобат истифода баред.


Ба андешаи ман, байни набудани пурраи тарроҳӣ ва вақти зиёде барои тарҳрезии комили ҳар як экран сарфшуда тавозуни вуҷуд дорад. UX-и ҳамворро тавассути соддагардонӣ ва канорагирӣ аз қадамҳо ва амалҳои нолозим ба даст овардан мумкин аст ва UI қобили қабул метавонад хеле содда, вале ҷолиб бошад.


Хӯроки асосии он аст, ки дар бораи истифодаи қарорҳои тайёр шарм надоред ва қадамҳои пеш аз тарҳрезиро, ба монанди эҷоди ҷараёни корбаронро нагузаронед. Дар ин ҳолат, хатари хатогӣ ё талафи вақт ба таври назаррас коҳиш меёбад, ки ин захираҳои шуморо сарфа мекунад ва ба ҳавасмандкунӣ таъсир намерасонад.

L O A D I N G
. . . comments & more!

About Author

Marina Chernyshova HackerNoon profile picture
Marina Chernyshova@marinacher
Senior Product Designer at Tempo Software

ТЕГИ овезон кунед

ИН МАКОЛА ДАР...