Kui olete töötanud mis tahes tõsise loomeprojekti kallal, peaksite loomingulist plokki tundma. Tundub nagu lööks telliskiviseina: Ükski teie ettekujutatav idee pole piisavalt hea või ei toimi need päriselus.

Disainerite jaoks on tunne väga tuttav. Kuid nagu iga keerukas probleem, millel pole näilist lahendust, võib ka nutikas protsess midagi muuta. Siit see tuleb UX visandamine .

UX visandamine see on kasutajakogemuse kujundamisel ülioluline aspekt, ehkki see jäetakse sageli tähelepanuta. Visandamine see on väga tõhus viis kommunikatsioonikujunduse edastamiseks, võimaldades samal ajal disaineritel erinevaid ideid testida ja neid kordada, enne kui need valitakse.

Selles postituses kavatsen käsitleda kõike, mida peate teadma UX visandamine , sealhulgas järgmised punktid:

• Sissejuhatus UX-i visandamisse ja juhtmetesse
• UX visandamise alused, tööriistad ja tehnikad
• Täpsustage visandeid märkmete, märkuste ja numbritega
• Nõuanded ja näpunäited UX-i visandamiseks
• Kvaliteedi ja tootlikkuse parandamiseks mõeldud minimeetodid
• Kõik, mida peate Wireflowsi kohta teadma
• Kiire juhend UX-i visandivoo kohta

UX visandamine see on kaheastmeline protsess

Kujundamisel tuleb kaaluda mitut võimalust, mille tulemuseks on valimine ja teostamine parim. Disainerid kaaluvad oma võimalusi ja hakkavad seejärel üksikasju üle vaatama, muutes UX-i kujunduse kaheastmeliseks protsessiks:

• Ideede genereerimine

Esimeses etapis genereeritakse palju ideid, kuid kuna neid ei saa täielikult vormida, on tavaline, et mõned elemendid puuduvad või on puudulikud. Kõige tähtsam on kaaluda erinevaid lähenemisviise ja otsustada, milline neist on selle konkreetse ülesande jaoks kõige tõhusam, ning projekti piirangud.

• Detail ja täpsustamine

Valige samm-sammult mõned paljutõotavad variandid ja hakkate üksikasju välja töötama, mille tulemusena muutuvad mõned ideed sobimatuks.

UX visandamine Y Traadiraamid : Sissejuhatus ja klassifikatsioon

Teie traadiraamid võivad erineda, sõltuvalt mõnest tegurist, näiteks soovitud kujundustasemest, värvist ja stiilist või kui seda soovitakse kellelegi näidata jne.

Head visandid aitavad teil selgelt mõelda, leida paremaid lahendusi ja säästa aega. Piiksuma

Tõstsin esile järgmised visanditüübid:

• Visand: esialgsed ideed

Need on esialgsed visandid. Madalama taseme detailid on ainult märgatavad. Kasutatakse piiratud arvu värve.

Joonistasin palju põhilisi visandeid, et vaadata probleemi eri nurkade alt, kaaluda erinevaid lahendusi. Nende visandite joonistamisel proovige luua võimalikult palju lahendusi.

Selles konkreetses etapis vabastab mittetäielik mu mõtted, mistõttu on selles etapis nii oluline vältida pisiasjadesse takerdumist. Minu eesmärk on genereerida võimalikult palju ideid ja valida kõige lootustandvamad.

• Traadiraam: spetsifikatsioon, üksikasjalik etapp

Tavaliselt valin visandid, mis lubavad ja vaatavad detailid üle, pärast valin parima variandi ja töötan sellega põhjalikult.

Kuid see ei tähenda iga detaili . Ilmselgeid asju saab märgata. Kuid mõnda aspekti on kirjalikult raske kirjeldada.

Siinkohal joonistasin kõik olulised üksikasjad , aga ma ei joonista traadiraamid ikka Balsamiq . Kui kõik on kirjalikult valmis, hakkan visandina visandama.

Digitaalsed tööriistad pakuvad rohkem loomingulist vabadust kui paber ja saate hõlpsalt oma tähelepanu väikestele asjadele suunata. Näiteks võite keskenduda pigem pikslite täiustamisele kui kujundusele.

• Visuaalse kujunduse mustand

Seda lähenemist kasutatakse harva, kuid mõnikord võib see olla kasulik. Projekti algfaasis kaalutakse mitut visuaalset lahendust, kuid kõigi nende jaoks digitaalsete visandite loomine võib võtta kaua aega. Seetõttu joonistan eskiisjoonised kõigepealt paberile, et kaaluda erinevaid võimalusi ja valida visuaalse kujunduse suund.

• Komponendid või üksuste jaotus

Minu arvates on see tehnika väga kasulik, kui mul on juba üldine idee ja mõtlen konkreetse lehe funktsionaalsusele või liidese komponentide lahutamatutele osadele. Joonistan üksikasjalikult erinevaid leheelemente, seejärel joonistan lehelementide erinevaid võimalikke positsioone.

Elementidel, isegi kõige lihtsamatel, peab olema olek; vajutatav nupp, millel on tekstiplokk, mis võib olla tühi või mitte. Mida keerulisem see on, seda rohkem on sellel riike.

Alustades põhitõdedest

• Valmistage oma tööriistad ette - Leidke võimalikult mugav koht, suur piisavalt ruumi mahutav laud. Haara palju paberit ja sul on käepärast mõned pliiatsid ja markerid.
• Küte - Et olla valmis, soovitan joonistada mõned jooned, ringid, põhimallid ja ikoonid.
• Määratlege oma eesmärgid - Otsustage, mida soovite joonistada. Pange oma eesmärk paika ja otsustage, mis lugu teil rääkida on. Määrake soovitud detailide tase. Otsustage, kas olete valmis hulgi joonistama.
• Määratlege, milline on teie publik - Kui teete seda iseendale, siis ärge muretsege, kuidas teie visand välja näeb. Kui aga kavatsete oma joonist kliendile näidata, siis pange töösse kindlasti lisaaega, et oma visandisse üksikasjalikumalt lisada.
• Määra ajaraam - Kui olete otsustanud aja, mille olete valmis visandile pühendama, oletame, et 30 minutit, aitab see teil tööle keskenduda. Nüüd olete valmis ja võite alustada:

1. Joonista piirid - joonistage raamid, brauser või telefoni aken, liidese osa jne.
2. Lisage põhilised või suurimad elemendid - menüü, jalus, põhisisu.
3. Lisage üksikasjad - lisage asjakohased üksikasjad, kuid jätke need selles etapis lihtsaks.
4. Lisage märkused ja märkused - Neid on vaja ainult siis, kui plaanite oma visandeid jagada. Kuid need võivad olla kasulikud, isegi kui teete seda ainult isiklikuks kasutamiseks.
5. Visandite alternatiivid - Kas teil on mõni alternatiiv lahendamiseks.
6. Valige parim lahendus - Valige parim variant.
7. Lisage Shadow ja Bevel - See on eriti oluline jagamisel. Lisage vari, et muuta visand visuaalselt silmatorkavamaks, mis on oluline, kui kavatsete seda meeskonnaliikmete või klientidega jagada.
8. Salvestage visand - Tehke foto või pange see kausta. Mul on eskiislaual mõned paberialused.
9. Jaga - Ma kasutan ühte järgmistest jagamismeetoditest: * Skannige visandeid läbi Evernote ning pakub püsivat linki teistele meeskonnaliikmetele või teistele sidusrühmadele. * Tehke foto ja laadige see üles Visioon . * Määrake ja laadige üles pildid Reaalajas . * Või saatke lihtsalt foto ühe kohta e-post .
10. Vaadake üle visandid ja lisage märkmeid - Puhake ja minge mõne aja pärast tagasi oma visandite juurde. Vaadake neid uuesti. Kas visand on teie jaoks ikkagi mõistlik? Hea visand peaks olema kergesti jälgitav.

Kui te disainerina ei saa oma visandist midagi aru, siis lahendus ei õnnestu. Kas eskiis ei võimalda teil oma ideid hästi visualiseerida või on ideed väga keerulised.

Visandite täpsustamine täiendavate elementidega

Leidke või joonistage sobiv visand ja lisage järgmised üksikasjad:

1. Pealkiri - Mõnikord on pealkirja lisamine hea valik. Kirjutage visandi ülaossa vajadusel kirjeldus ja kuupäev. See pealkiri aitab teil mõista, mida te vaatate, ja ka seda, kas visand on asjakohane või mitte. See on eriti kasulik, kui teil on palju visandeid või näidate neid teistele inimestele.

2. Annotatsioonid - Kommentaarid on elemendi lähedale paigutatud nimed ja märkused, et selgitada selle sisu või atribuute. Need lisavad üksikasju, mis muud elemendid selgitavad, ja nende joonistamine võib tavaliselt olla keeruline. Näiteks võib see olla ploki nimi, mõni koostoime detail, foto selgitus, mõned ideed tulevaste kujunduse variatsioonide jaoks jne. Sa saad kontrollige ühte minu näidetest et mõista, kuidas visandi märkimine välja näeb.

3. Numbrid - loetlege oma visandi elemendid või visandid ise. Saate otsustada, kuidas neid tellida (nt interaktsioonivoo, tellimuse järjekorra jne järgi). See võib olla kasulik ka arutelude (eriti kaugarutelude) ajal, kuna teie kolleegid ja kliendid saavad oma tagasisides nimetada visandi numbrit, et saaksite hõlpsasti aru saada, millisele visandile nad oma kommentaarides viitavad.

4. Nooled - Ekraani üleminekute tähistamiseks võite kasutada nooli. Neid saab kasutada ka visandite erinevate osade ühendamiseks, toimingute järjestuse näitamiseks jne. Kuna noolte tähendus võib varieeruda, saate noole tähenduse juurde lisada just noole kohale kirjelduse või selgituse. Siin on a näide põhisketist, mis näitab üleminekut ja mitut erinevat olekut.

5. Märkused - Nagu märkused, kasutatakse mõistete selgitamiseks märkmeid. Märkused erinevad aga annotatsioonidest oma asukoha poolest. Need ei ole kinnitatud eseme külge ega ole kirjeldatud üksuse lähedal, sarnane sellele näitele . Märkused võivad asuda lehe üla- või alaosas. Nad võivad kirjeldada isegi elemente, mis ei sisaldu kujunduses, küsimusi, mis teil võivad olla, üldisi selgitusi, ideid ilma joonistamiseta jne.

6. Žestid - Puudutusega kujundusseadme puhul on žestid olulised. Käeliigutuse joonistamine võib vajada harjutamist. Žestide variatsioone on palju, mida kasutatakse erinevate toimingute tähistamiseks, nii et kõige parem on eelnevalt otsustada, kuidas konkreetne toiming tähistada (see pole muidugi ilmne) ja harjutada selle joonistamist.

7. Tagasiside - Võite saada soovitusi visandi parandamiseks või parandamiseks pärast teistele inimestele näitamist või pärast ise ülevaatamist. Sageli on kasulik see tagasiside märkida erineva värviga, eristada tagasisidet algsest visandist.

Erinevat tüüpi elementide jaoks saate kasutada erinevaid värve. Mõnikord kasutan joonistuste jaoks musta, linkide jaoks sinist, märkmete jaoks tumerohelist ning pealkirjade ja tagasiside jaoks punast. Proovige visandites kasutada värve, kuid veenduge, et valitud värvid oleksid järjepidevad!

Täpsemad näpunäited ja nipid

1. Ärge muretsege kvaliteedi pärast - ärge vaadake Dribble'i visandeid; need on millegi kohta täiesti erinev. Pidage meeles, et visandite peamine eesmärk on aidata teil selgelt mõelda, leida paremaid lahendusi ja säästa aega.
2. Harjuta - Alustuseks võite proovida joonistada paar rakendust. Avage veebi- või mobiilirakendus ja proovige ekraani kopeerida, kirjeldades märkmetes olevaid üksusi. Kui teil on vaba aega, harjutage oma disaini põhiliste ehitusplokkide joonistamist. Üldiselt teeb harjutamine meistriks. Aja jooksul saab sellest osa teie sisekujundajast.
3. Osta kaust - Tavaliselt ei tööta ma oma kontoris, vaid kohvikus või kodus. Paberil olevad visandid võivad kahjustada, nii et ostke lihtne sideaine, et need oleksid terved.
4. Tööriistad võtke kaasa kõikjal - See aitab tagada, et saate oma idee igal ajal paberile jäädvustada, vastasel juhul võite idee kaotada või ei saa seda üksikasjalikult meelde jätta. Mul on alati kaasas märkmik, mõned A4-lehed ja pliiatsid.
5. Jagage teistega - On väga oluline kaasata teisi inimesi ja suhelda meeskonnaga. Teiste kaasamine ja nende tagasiside saamine, eriti protsessi alguses, aitab pikas perspektiivis säästa aega ja ressursse. Võite ka julgustada teisi joonistama tee sinna, kuhu nad näevad, et disain võib minna.
6. Paberisalved - Mõelge paberialuste töölauale panemisest. Näiteks on mul kolm: Koheseks tööks, visandite jaoks puhtad paberilehed.
7. Katsetage ja kohandage - Minu soovitused põhinevad minu kogemustel. Aja jooksul leiate selle, mis teile kõige paremini sobib; millised meetodid, sammude jada, täpselt see, mis täidab teie loomepotentsiaali. Kuid selleni jõuate ainult siis, kui proovite pidevalt midagi uut, seega on oluline katsetada erinevaid vorminguid, stiile ja proovida uusi malle.
8. Kasuta malle - Mallid säästavad aega ja võtavad kaudselt arvesse vormindamispiiranguid, andes teile rohkem aega olulisele keskendumiseks.

Täiendavad minimeetodid visandite täiustamiseks

Need pole tingimata näpunäited ja näpunäited, vaid on kogum meetodeid, tööriistu ja näpunäiteid, mis peaksid parandama teie tootlikkust ja visandite kvaliteeti.

1. Looge visanditahvel - Digitaalse visanditööriista asemel on pliiatsi ja paberi kasutamise üks suurimaid eeliseid see, et saate selle seina külge kleepida. Kõik meeskonna liikmed saavad näha ja osaleda (kuigi soovitan teha ülevaatusi). * Näete visandeid ise ja see ergutab teie mõtlemist ja võimaldab teil keskenduda eesmärgile, mitte eraldades osi, vaid kogu süsteemi. Need osade omavahelised vastasmõjud ja nende kokkusobivus. * Looge eskiislaud - kinnitage oma tahvli visandid. Kui teie kontoris pole tahvlit, võite visandite seinale kleepimiseks kasutada topeltlinti või kleepuvaid märkmeid. Kui te ei soovi neid seina külge kleepida, võite kasutada suurt papitükki. Soovitan kasutada eskiisplaati, kuna see on üks parimatest disainivahenditest.

2. Kasutage tahvlit - Tahvel on suurepärane joonistamise tööriist. Sellel on palju eeliseid: see on terviklik; ka teistel meeskonnaliikmetel on lihtne arutelus ja joonistamises osaleda. Isegi kui nende ideed ei sobi kujundusega, saate nende mõtteviisist aru ja see aitab teil üksteist mõista.
   * Järjehoidjad ei lase teil keskenduda detailidele, peate mõtlema üldistele asjadele. Visandid annavad ruumi tõlgendamiseks.
   * Tahvlit on lihtne puhastada ja teha sellele parandusi. * Ruumi on palju ja saate hõlpsalt süsteemi voogu läbi mõelda. * Magnetite abil saate kinnitada visandeid, väljatrükke ja teatmematerjale.

3. Prototüübid - Tehke oma disaini hindamiseks klõpsatav prototüüp. Proovige mõne toote kohta tagasisidet saada. See töötab eriti hästi mallide kasutamisel - teie visandid on sama suurusega. Ilmselt oleks sama suurusega visandite joonistamine lihtsam, kui kasutate malle. Püüan seda hõlbustada, pakkudes mõned mallid, mida saate alla laadida ja kasutada: Mobiilne , Brauseri mitme aken , Brauseri kerimine , Isikud .

4. Kasutage oma printerit ja skannerit - Joonista raam käsitsi (täpsema joonistamiseks saate kasutada joonlauda), seejärel skannige see skanneri või mobiilirakenduse abil ja printige välja. Enne printimist saate malli redigeerida pildiredaktoris. Võite eemaldada mittevajalikud üksikasjad või dubleerida mõnda elementi. Samuti saate printida saidi valmislehte, fotosid ja muid kirjeldavaid elemente. Väljalõiked saate kleepida oma visandisse.

5. Kasutage skannimiseks Evernote'i - Evernote on suurepärane disainivahend. Seal saate oma visandeid jagada ja jagada, saate visandite korraldamiseks luua teemasid ja kasutada silte. Eriti muljetavaldavad režiimi 'Skanner' võimalused. Paned oma visandi ette ja see skaneerib seda, nii et saad oma visandi koopia. Seejärel saate kutsuda oma kolleege Evernote'i ja anda neile oma märkme link. Kuna telefonidele ja tahvelarvutitele on olemas rakendus, saate oma visandid alati käepärast olla.

6. Hübriidjoonistamine - Oma visanditele elu ja realismi andmiseks võite need fotodega kombineerida. See tähendab, et peate tegema foto ja seejärel joonistama lugu, milles on liidese elemendid. See võib aidata teil märgata ka suhtlemis- ja detailiprobleeme.

7. Päris maailma jälgimine - Kui teil on vaja luua süžeeskeem, illustreerida kogemust konkreetses kontekstis (näiteks bussijaamas nutitelefoni kasutav inimene), peate lisama inimeste, kohtade ja erinevate päriselust pärit esemete esindused. Neid võib olla keeruline joonistada, eriti kui te ei valda joonistamistehnikaid, kuid siin on väga lihtne näpunäide:

Tehke objektist või olukorrast foto ja hankige seejärel pildiredaktori abil objektide põhijooned. Saadud kontuuri saate hiljem oma visandites kasutada.

Muidugi, kui teil on tahvelarvuti ja puutepliiats see on veelgi lihtsam.

Wireflow: haru voolu süsteemi skeem

Traadivool on sisuliselt süsteemivoo järjestus ekraanilt ekraanile koos harude ja otsustuspunktidega. Peaksime kaaluma, kuidas kasutaja oma ülesannetega toime tuleb, kuidas ekraanilt ekraanile liigub, ja selle toote üldist kogemust.

Traatvoogu või joonistatavat ja selle ühendamise viisi saab korraldada järgmiste lähenemisviiside järgi:

• Järjestus - järjestus on otsene teekond ekraanilt ekraanile. See võib olla lugu otsustuspunktidega; Te ei näita mitte ainult reisi, vaid ka otsustuspunkte ja erinevaid teid, mida kasutaja saab valida. Saate näidata ekraani interaktsiooni struktuuri.
• Olekumuutused - Need esindavad mõne elemendi erinevaid ekraanirežiime ning tingimusi või toiminguid, mis põhjustavad üleminekuid nende olekute vahel.
• Ekraan vs. Ekraani elemendid - Saate joonistada kogu ekraani või kaaluda mikrovastaseid või interaktsioone.
• Platvormid - Võite kaaluda ühe platvormi kasutuskogemust või mitut platvormi.
• Reguleerimisala - Kas kavatsete esindada osa kasutaja teekonnast või kogu reisi? Üks kasutajate interaktsioon süsteemiga või mitu kasutaja interaktsiooni?

Püüan üldiselt määratleda järgmised traatvoogude tüübid, sõltuvalt organisatsioonist ja praktilisest kasutusest:

1. Üldine ja kõrgetasemeline voogude kaardistamine - Tehke kiire visand ekraanimuudatustest ja joonistage toote kasutamise üldine teekond. Siia saate lisada konteksti ja soovi korral näidata kasutajate suhtlust. Näiteks on elektrooniline ostuteenus mõnevõrra pikk teekond, mis võib hõlmata paljusid samme: kuidas kasutaja poe leidis, millised sammud toote leidmiseks läbivad, kuidas maksis jne.

2. Ekraani voog - See keskendub konkreetsele funktsionaalsele voogule läbi süsteemi. See võib olla lühike, sirge jada või hargnev teekond. Näiteks fotosid või videot üles laadiv kasutaja.

3. Navigeerimisskeem - Joonistage ekraan ja selles olevad valikud. See ei peaks reisi kaardistama. See samm sisaldab teavet, mis näitab võimalusi, mida kasutaja saab valida, aadressid ja rakenduse erinevad osad. Tavaliselt koostan navigeerimisskeemi projekti alguses. See aitab mõista, kuidas navigeerimine peaks olema üles ehitatud. (Milliseid punkte tuleks lisada ja mitu taset on vaja).

4. Ekraani olekud - Joonistage ekraan või elementide olekud (näiteks võib olla failide üleslaadimise dialoog). Sel juhul on näiteks ekraanil järgmised olekud: * Tühi * Kasutaja viib faili aktiivsesse piirkonda * Faili laaditakse * Faili laaditakse * On viga

UX Sketching Flow: kiire juhend

Traatvoolu kujundusprotsess on sarnane traadiraam . Paljud etapid on sarnased või identsed, kuid on olulisi erinevusi.

Määrake, mida peate joonistama - Otsustage täpselt, mida peate joonistama (nt üldine lugu või fragment teie kujundusest). Kas soovite luua erinevaid võimalusi või mõelda põhjalikult reisi üksikasjadele? Otsustage, kas näitate oma visandeid kellelegi teisele või mitte.

Määratlege, millised raamid ja üleminekud peaksite oma joonisesse lisama - Kui lisate kõik ekraanid ja muudatused, on teie traatvoog väga pikk ja keeruline. Mõelge, milliseid võtmekuvaid peaksite kuvama, et anda edasi interaktsiooni olemus, mis aitab teie ala täiendada. Sama kehtib ka ekraanimuudatuste kohta. Oma idee avaldamisel peate otsustama, millised muudatused oleksid kõige kasulikumad. Kontrollige see näide viitena.

Määrake lähtepunkt - Milline saab olema reisi alguspunkt? Võite alustada sisestuspunktist, näiteks reisi algusest, mida kasutaja näeb teie rakendusega ühenduse loomisel. Teise võimalusena võite alustada poole pealt või kõige raskemate / huvitavamate / olulisemate ekraanidega või protsessi sammudega. Või võite alustada lõpust, saavutades kasutaja lõpptulemuse, ja kirjeldada samme, mida kasutaja selle punkti juurde jõudmiseks tegi.

Määratlege oma lähenemisviis ja tehke paberile üldine visand.

Otsustage, mis edasi saab - pärast esmaste sammude koostamist otsustage, mida edasi teha, vastates järgmistele küsimustele:

• Mis suunas juhivad need sammud kasutajaid?
• Millises suunas soovite, et nad läheksid?
• Mida nad peavad sinna jõudmiseks tegema?

Alternatiivsed visandi- ja piletimarsruudid - Mõelge alternatiivsetele viisidele, kuidas kasutaja saab igale sammule jõuda:

• Mis siis, kui kasutaja Interneti-ühendus ebaõnnestub?
• Milliseid võimalusi teil veel on?
• Mis võib valesti minna kasutaja või rakenduse vea korral, mis juhtuks?
• Mis juhtuks, kui kasutaja sulgeks selles etapis rakenduse?
• Kust kasutaja alustaks rakenduse järgmisel avamisel?

Mõelge vahelduvatele voogudele - Analüüsige lugu, kujundage alternatiivne voog ja tehke visand.

Lisage märkused, märkmed ja üksikasjad - Lisage selgitavad elemendid, mis selgitavad üksikasju, mis pole ilmsed.

Valvur - Tehke eskiisist digitaalne koopia.

Jaga - jagage visandit (nagu, via Evernote või Invisioon ).

Olulised näpunäited ja näpunäited UX-i visandivoo jaoks

Kõigepealt looge traatvõrgu mustand - Kui kavatsete mõelda pikale reisile, on parem teha kiire visand, et mõista, kui palju ruumi vajate, et mitte unustada olulisi samme ja üksikasju. Hiljem on neid raske paberile visandisse lisada.

Ärge looge suurt detailidega suurt kaarti - Paberi visanditel pole tagasivõtmise nuppu, mistõttu on muudatusi keeruline teha. Võib-olla joonistate üksikasjad väga konkreetselt ja see võib teie kujutlusvõime hajutada erinevate kõrgetasemeliste variantide genereerimisel. Selle asemel, et luua kogu süsteemi illustreeriv suur skeem, proovige keskenduda võtmekriptidele ja proovige nende jaoks eraldi leht eraldada.

Lõigake mittevajalikud detailid välja ja ühendage mitu detailimistasandit - Kõiki koostoime kirjeldusi pole vaja joonistada, seega proovige kasutada ainult reisi põhielemente. Suure suhtluskaardi joonistamise ajal pole teil vaja iga ekraani iga detaili läbi töötada. Mõnda ekraani võiks üksikasjalikult kujutada mitme kaadri ja teiste võtmekuvadega.

Kasutab erinevat suurust paberit - Proovige kasutada erinevaid paberiformaate, A3 või A5. Paberilehtede suurus piirab teid ja mõjutab teie protsessi erineval viisil. Väike paberitükk ei võimalda teil lisada palju ekraane ega detaile, kuid see aitab teil keskenduda paljudele ideedele. Suure paberilehe abil saate joonistada suurepärase reisi, palju üksikasju ja lisamärkusi. Teise võimalusena võite sinna korraldada mitmeid väikseid reise.

Kleebised võivad teid ka aidata - Võite proovida kasutada märkmeid. Neile saate joonistada eraldi ekraanid või jalused või joonistada visandielementidele täiendavaid olekuid. Nende eeliseks on see, et neid saab hõlpsasti asendada, saate noodi ka mõnda teise kohta teisaldada. Näiteks kui voog muutub, saate muuta oma märkmete järjekorda.

Kasuta malle - proovige kasutada malle. Need säästavad aega ja võimaldavad teil luua kvaliteetseid klõpsatavaid prototüüpe.

Proovige kasutada tahvlit - Valgel tahvlil on mitmeid eeliseid. See on muutunud populaarsemaks, sest see võimaldab teil joonistada suurepärase reisi paljude harudega. Saate paberile joonistada paljusid rakenduse komponente ja kinnitada need magnetite abil tahvlile, lisades need reisile.

Varju visandi tegemine - Varjud aitavad teil märkida olulisi elemente, mis lisavad teie visandile visuaalset külget. ma kasutan kolme erinevat tüüpi varju

• Valguse suunda järgivad jooned - see ei tundu alati ilus, kuid saate kasutada gradueerimist ja viia esemeid erinevatele 'kõrgustele'

• Tõmba mõned osad tumedama värviga alla (ainult nupp või alumine osa või parem külg)

• Kasutades Pro-marker (või selle ekvivalent rakenduses, mida joonistamiseks kasutate)

Joonistatavad elemendid - Vastuväide nagu 'Ma ei oska nii hästi joonistada' see võib teie initsiatiivi lämmatada. See on palju lihtsam kui tundub. Isegi kõige keerukamad visandid koosnevad paljudest põhiplokkidest, nagu aastal see näide .

Kui saate joonistada punkti, joone, kolmnurga, ruudu ja ringi, siis on teil juba olemas olulised plokid, mida peate joonistama.

Kõike kokku panema - põhielemendid, nupud, raadionupud ja rippmenüüd Need koosnevad põhielementidest. Kui olete õppinud neid elemente joonistama, saate seda teha neid kombineerida joonistada keerukaid plokke ja komponente.

Lõpetama

Selle postituse eesmärk ei olnud luua lõplikku kõigile sobivat juhendit UX visandamine või Visandamine üldiselt, sest disaineritel on erinevad vajadused ja ka isiklikud eelistused.

Nagu näete, see on palju selgitama. Disainerid kasutavad UX-visandite loomiseks väga erinevaid tööriistu, tehnikaid ja lähenemisviise ning see on tegelikult mõnevõrra subjektiivne. Mõni tehnika võib erinevate projektidega töötavate inimeste jaoks töötada või mitte. Kui te alles alustate, peaksite katsetama.

Pidev harjutamine ja katsetamine aitab leida teile sobivaima.

Teie otsustada on tehnikad ja näpunäited, mis sobivad kõige paremini teie projekti ja teie lähenemisviisiga disainile. Kas teil on nõuandeid Visandamine kolleegidele lisa UXers ? Jagage neid enesekindlalt kommentaaride jaotises.

Seotud: Sisuka UX-i disaini kunst