Grunn HÍ / UX hönnunarhugmyndamunur á vírgrind og frumgerð

Hugtökin „wireframe“ og „prototype“ ruglast alltaf af hönnuðum, þrátt fyrir reyndan hönnuð, hugsanlega vegna misskilnings eða af öðrum ástæðum. Reyndar er hugmyndin milli hugtakanna tveggja alveg augljós og ólík. Við skulum greina á milli hugtakanna tveggja skýrt.

Hvað er Wireframe?

Wireframe er lítilli tryggð skipulag hönnunarinnar sem hefur 3 einföld en bein markmið:

1. Kynnir helstu upplýsingahópinn

2. Teiknið yfirlit yfir uppbyggingu og skipulag

3. Sjón og lýsing á notendaviðmóti

Það verður aðal uppbygging vörunnar eftir að þú stofnaðir vírgrindina rétt. Rétt eins og teikning byggingar, lýsir hún upplýsingum skýrum og nákvæmum.

Sjónrænir eiginleikar wireframe

Wireframe er mjög augljós sjónræn takmörkun. Almennt þurfa hönnuðir aðeins að nota línur, kassa og gráan lit (mismunandi gráskalir gefur til kynna mismunandi stig) til að klára.

Einfaldur vírrammi fyrir vektor

Innihald einfaldrar vírgrindar ætti að innihalda myndir, myndband og texta osfrv. Því verður sleppt í staðinn fyrir staðsetningar, myndinni í staðinn fyrir skyggða og texti verður skipt út fyrir táknræn orð í samræmi við textaskipulagið.

Kostur þráðramma

Uppbygging þráðramma er hröð og ódýr, sérstaklega ef þú notar þessi prototyping verkfæri eins og UXPin, Mockplus, Balsamiq og Axure. Auðvitað ættir þú að nota þessi frumgerðartæki til að gera það strax í byrjun.

Í samanburði við heill og ítarlegur háþróaður þráðstrúnaður, er mjög mikilvægt að safna endurgjöf. Af hverju? Vegna þess að fólk leggur meiri áherslu á virkni hugbúnaðar, upplýsingagerð, upplifun notenda, flæðirit yfir notendur og notagildi þess, frekar en að huga að fagurfræðilegu einkennum þessara þátta. Á sama tíma, í þessu tilfelli, geturðu auðveldlega breytt því í samræmi við eftirspurn, en ekki þörf á að aðlaga kóðun og grafíska klippingu.

Gagnvirkur þráðrammi

Stundum kjósa hönnuðir að bæta tryggð vírgrindanna til að auka mikilvægi notendaviðmótsins við suma þætti og sýna skynsemi samspils hrattprófs og sjónrænna þátta. Forrit til að takast á við þessi vandamál á réttan hátt er að nota gagnvirka þráðramma, einnig þekktur sem smellanlegi þráðramminn.

Ef þú vilt búa til svo flókinn þráðramma þarftu UXPin, sem er tæki til að wireframing og frumgerð hönnun. Gagnvirk frumgerð getur verið besta kynningin fyrir þróunarteymi og viðskiptavini. Þegar þú rakst á vandamálið að „hvað mun það gerast þegar ég smelli á þennan hnapp?“ Þarftu bara að smella og sýna viðskiptavinum þínum hvernig það virkar á gagnvirkri frumgerð. Reyndar er það nokkuð áhrifamikið og bein.

Sýnið rammakerfi með varúð

Þú verður að vera varkár gagnvart gauranum sem er algerlega leikmaður þegar þú þarft að kynna vírgrindina fyrir honum. Hann gæti verið viðskiptavinur þinn, einnig gæti hann verið tæknilegur framkvæmdastjóri tók þátt í samstarfinu. En hann veit ekki sannleikann að vírgrindin og lokaafurðin virðast ótengd. Svo að hann skilur kannski ekki eðlislæga hlekkinn og aðgerðina á milli. Þannig þarftu að reikna út rétta ákvörðun hvort þú þarft að leggja fram og hvernig.

Þetta er flæðirit fyrir notendur forrita sem teiknað er af Fernando Guillen. Auðvitað er það án efa snemma hönnunarútgáfan.

Veltigrind er mikilvægasti hlutinn í hönnuninni. Þegar þú sást þetta flæðirit muntu skilja hvers vegna það er tímafrekt að útskýra hvað kallast þráðrammi og hvers vegna við þurfum að nota þráðramma. Eða slepptu bara þessu skrefi.

Hvað er frumgerð

Krafan um frumgerð er hærri en þráðrammi / gagnvirkur þráðrammi, það verður að vera hátækni frumgerð sem er gagnvirk og passa við loka notendaviðmótið eins mikið og mögulegt er.

Markmið frumgerðanna er nokkuð augljóst: að líkja eftir samspili notanda og viðmóts eins raunhæft og mögulegt er. Þegar ýtt er á hnapp verður að framkvæma samsvarandi aðgerð og samsvarandi síður verða að birtast, reyndu besta til að líkja eftir fullri vöruupplifun.

Sjónrænir eiginleikar frumgerð

Vafalaust verður frumgerðin að innihalda fagurfræðilegu eiginleika vöru sem ætti að hafa og reyna að passa endanlega útgáfu. Í grundvallaratriðum er það skinn af vöru, engin HTML / CSS / JS þátt, og ekki nauðsynlegt að huga að netþjóninum og gagnagrunninum.

Kostur frumgerð

Af hverju það er svona mikilvægt? Þar sem frumgerð er venjulega notuð til að prófa vöru. Frumgerð próf á mjög snemma stigi getur sparað mikinn þróunarkostnað og tíma. Svo að það muni ekki eyða áreynslu í bakgrunni vöru arkitektúr vegna óraunhæft gagnvirkt viðmót. Svo, frumgerð er fullkomin árangur til að prófa vöru fyrir hönnuði og verktaki.

Að auki að veita notendum frumgerðir til að safna endurgjöf, það er ávinningur af því að hafa innsýn í allar upplýsingar um vöruna þína og hvetja allt liðið. Mörg verkfæri frumgerða geta smíðað frumgerðir fljótt og vel, en enga erfðaskrá þarf.

Hönnunarflæði

Eftir að þú hefur fengið innsýn í kjarna hönnunar og vitað muninn á þráðramma og frumgerð, stendur þú fyrir framan hönnunarheim notendaupplifunarinnar.

Ef þú getur steypað röð vöruhönnunar í samloðandi og árangursríkt vinnuflæði, mun ótrúlegt þunnur gerast.

Ábendingar

Prófaðu að nota breytanlegan og endurnýtanlegan þátt þegar þú gerir rammar. Í því tilfelli heldurðu áfram að betrumbæta þættina til að ljúka frumgerðum sem byggjast á þráðramma.

Þegar þú býrð til þráðrammar skaltu reyna að safna hugsunum og skoðunum frá teymi þínu og viðskiptavinum og reyna að endurspegla þær um hönnunarviðrammann.

Notaðu handhægasta tækið þitt.

UXPin

UXPin hefur smíðað meira en 900 tegundir af mismunandi UI þætti fyrir þig til að búa til rammar og frumgerðir.

Proto.io

Proto.io er mjög öflugt frumgerðartæki og það getur flutt út HTML / CSS kóða byggða á frumgerð og gagnvirkri frumgerð fyrir snertiskjá, sem gerir notendum kleift að prófa á raunverulegum tækjum.

Balsamiq

Popula, r langvarandi wireframe tól aðeins fyrir truflanir wireframe.

Moqups

Þetta tól styður til að búa til þráðrammar beint á netinu.

Mockplus

Mockplus er allt innifalið prototyping tól fyrir skjótt samspil, hratt hönnun og fljótt forskoðun. Það gerir kleift að búa til spotta fyrir farsíma (Android & iOS), Desktop (PC & Mac) og vefforrit. Í Mockplus 3.0 bætti það árangursríku liðasamstarfi.

Axure

Þurfum við meiri kynningu á þessu tóli sem vinsælasta vírgrind og frumgerð hönnunar tólsins? Ég held ekki.

Protoshare

Þetta tól getur einnig búið til rammar og frumgerðir á netinu.

InvisionApp

Þetta tól getur hjálpað þér að búa til nothæfa frumgerð, þú getur ekki teiknað neitt, en þú getur bætt hlekkjum á milli mismunandi skjáa.

Viltu skrifa hugsanir þínar um .dsgnrs. blogg? Lestu meira…