01 ta '09
Kif tikseb lilek innifsek Beda b'UXPin
Hekk kif nersqu lejn l-isfera tad-disinn mobbli, id-disinn tal-app u d-disinn li jirrispondi, kien hemm enfasi dejjem tikber fuq UX (User Experience) u wireframing , prototipi u mockups interattivi. Hemm għadd ta 'għodod hemmhekk immirati lejn dan in-niche u jmexxu l-iskala sħiħa minn behemoths kumplessi u mgħobbija bi frekwenza skarsa u bilkemm utli. Wieħed mill-għodod li qabad l-għajnejn tiegħi huwa l-UXPin sempliċiment għaliex ġiet żviluppata minn disinjaturi għal disinjaturi.
Qabel nimxu 'l quddiem ... twiddiba. Jekk tiegħek hija organizzazzjoni li tippreferi li tkun proprjetarja tas-softwer allura UXPin mhux għalik. Ix-xogħol kollu magħmul f'din l-app isir fil-brawżer u l-proġetti li tfaddal jiġu ffrankati fil-kont tiegħek.
Biex tibda bil-UXPin għandek tniedi browser u r-ras għal UXPin. Minn hawn tista 'tiffirma għal Prova Ħielsa jew tirranġa għal pjan ta' kull xahar ibbażat fuq il-ħtieġa antiċipata tiegħek. Il-proċess ta 'reġistru huwa pjuttost faċli u darba ssettja l-Isem ta' l-Utent u l-Password tiegħek, inti lest biex tibda.
02 ta '09
Kif Ibda Proġett f'UXPin
Meta tidħol fih tasal fid-Dashboard u, minn hawn tista 'tiddeċiedi li toħloq wireframe ġdid, proġett mobbli ġdid jew proġett Responsive Web Design. Hemm ukoll plug-ins għal UXPin li jippermettulek li ġġib il-proġetti Photoshop jew Sketch tiegħek. Għal dan Kif I se joħloq banner b'xi test u żid buttuna ta 'l-email mal-banner. Biex twettaq dan, għażilt Oħloq wireframe ġdid.
03 ta '09
Kif għandek tuża l-Interface UXPin
Il-wiċċ tad-Disinn jinqasam f'erba 'oqsma. Fiż-żona sewda fuq ix-xellug hemm sensiela ta 'għodda li tavżak terġa' lura għad-dashboard, tiftaħ l-Elementi li tuża, tiftaħ il-pannell Elementi Intelliġenti, tfittex elementi, żid noti mal-paġna u żżid membri tat-tim. Fil-qiegħ hemm buttuna li tiftaħ tutorja qasira, ieħor li jippermettilek li taċċessa l-kont tiegħek u ieħor li jaċċessa l-FAQ's, ejjieqqkom jistaqsu mistoqsijiet u anke nipprovdu feedback.
Fiż-żona blu tul il-wiċċ hemm serje ta 'għodda u proprjetajiet. Il-buttuni jiskuraw fuq in-naħa tal-lemin jippermettulek iterat id-disinn tiegħek, aġġusta l-issettjar tal-proġett, taqsam il-paġna u tagħmel simulazzjoni fil-browser tal-paġna.
Il-pannell ta 'l-Elementi huwa fejn għandek tieħu l-bits u l-biċċiet għall-Wiċċ tad-Disinn, isem il-proġett tiegħek u żid jew ineħħi paġni.
Il-librerija tal-Elementi hija sorpriża pjaċevoli għad-disinjaturi tal-UX. Dan pop down ihallik jagħżel minn anon 30 libreriji li jvarjaw minn iOS għal Android Lolipop. Minbarra dan, ikollok aċċess għall-Bootstrap u l-elementi tal-Fondazzjoni flimkien ma 'l-ikoni tal-Biża' tal-Biża ', l-ikoni tal-Gesture għal mobbli u ġabra ta' Social Widgets.
04 ta '09
Kif Żid Element għal Paġna UXPin
Biex tibda, ġibdet l-element Kaxxa fuq il-wiċċ tad-disinn u, meta nħeles il-mouse, il- pannell tal-Properties jiftaħ. Il-buttuna Properties ihallik issemmi l-element u ssettja l-għoli tal-wisa 'tal-element u l-valuri tal-pożizzjoni. Tista 'wkoll żżid il-padding mal-element, tarmi l-kantunieri u taġġusta l-opaċità tagħha. Meta tikklikkja l-buttuna tal-Kulur Sfond tiftaħ selettur tal-kulur RGBA.
Tista 'wkoll tassenja font, fruntiera u mudell għall-element magħżul. Il-Lightning Bolt jagħtik il-ħila li żżid l-interattività ma 'element magħżul.
05 ta '09
Kif Żid u t-test tal-Format f'UXPin
Biex iżżid it-test, drag l-element tat-test sal-wiċċ tad-disinn u daħħal it-test tiegħek. Ikklikkja l- buttuna tal- Proprjetà tat-Test biex tiftaħ il-proprjetajiet tat-Tip u tifformattja t-test tiegħek Jekk teħtieġ blokk ta 'test finta, żid element tat-test u kklikkja l-buttuna GENERATE LOREM IPSUM fil-proprjetajiet tat-Tip.
06 ta '09
Kif Biex Żid An Image Fuq Paġna UXPin
Hemm ftit modi biex twettaq dan il-kompitu. Tista 'tuża l- Għodda tal-Immaġni fil-toolbar, żid element Image mill-Librerija jew sempliċement ittella' u ttella 'immaġni mid-desktop tiegħek fuq l-element fuq il-wiċċ tad-disinn kif muri hawn fuq.
07 tal-09
Kif Żid Button Biex Paġna UXPin
Għalkemm hemm element Button, iddaħħal " Button " fil-qasam tat - Tiftix , kif muri hawn fuq, tiftaħ il-buttuni kollha misjuba fil-Bibljoteki kollha. Drag dak li jaħdem għalik fuq il-wiċċ tad-disinn u uża l-Properties biex tbiddel il-kulur, il-font, u anki r-raġġ tal-Fruntiera. Biex tibdel it-test ġewwa l-buttuna, ikklikkja darba fit-test u daħħal it-test il-ġdid.
08 ta '09
Kif Żid Interattività għal Paġna UXPin
Dan mhux daqshekk komplikat għax jista 'jidher l-ewwel. Għall-kontribut ta 'l-email, żiedjt element ta' input, resized it, daħħal it-test u nħatar it-test. Bl-Element ta 'l-input magħżul ikklikkja l-buttuna tal-Properties u, meta l- karatteristiċi ta' l-Element jidhru agħfas il-buttuna Viżibiltà - l -għajn - fil-kantuniera ta 'fuq tal-pannell.
Agħżel il-buttuna u kklikkja l- buttuna Interazzjonijiet - il-Lightning Bolt - fil-proprjetajiet. Meta jinfetaħ il-pannell Interazzjonijiet, agħżel Interazzjoni Ġdida. Agħżel Ikklikkja mit-Trigger pop down. Fil-qasam ta 'Azzjoni agħżel Element Mifruħ. Int issa se tintalab liema Element juri. Ikklikkja darba fuq il-gun u agħfas fuq l-element ta 'l-Input. Bl-element identifikat, issa tista 'tiddetermina jekk jew le biex tarmi l-element. F'dan il-każ iddeċidejt li nuru l-kaxxa ta 'l-Input b'faċilità u marret bil-valur tad-dewmien default ta' 300ms.
Nixtieq ukoll li l-buttuna timxi madwar 65 pixel fuq il-lemin meta tkun għafast. Jiena għażilt il-buttuna, fetaħ il-pannell Interactions u Intersezzjoni Ġdida magħżula. I użajt dawn is-settings:
- Trigger : Ikklikkja
- Azzjoni: Nimxu Permezz
- Timxi Direzzjoni : 65 px fuq l-assi x
- Animazzjoni : lineari
- Tul ta 'żmien: 300 ms
Biex tneħħi interazzjoni agħżel l-element u tiftaħ il-pannell Interazzjonijiet. Agħżel l-interazzjoni fil-pannell u kklikkja fuq il-Trash Can biex tħassarha.
09 ta '09
Kif għandek ittestja l-paġna tiegħek f'UXPin
Minħabba l-fatt li qed taħdem fil-browser, l-ittestjar huwa mejjet sempliċi. Ikklikkja fuq il-buttuna Simulate Design . Il-paġna se tiftaħ fil-brawżer u tista 'tittestja l-mod. Se jkun hemm ukoll panel miżjud man-naħa tax-xellug tal-paġna li tippermetti Kummenti, Mappa tas-Sit jekk ikun hemm diversi paġni, Ittestjar tal-Usability, Qsim Live, Editjar u ritorn għall-Tabella.
Fil-qiegħ tal-paġna hemm panel żgħir ieħor li jippermettilek turi l-elementi Interattivi, turi jew taħbi kummenti u taqsam ir-rabta tal-proġett ma 'oħrajn.