Veebidisaini inspiratsioon: referentsidest selge briifini

Inspiratsioon on kasulik siis, kui sellest saab otsus

Ilusate veebilehtede vaatamine on lihtne. Nende muutmine paremaks tooteotsuseks on keerulisem. Tugev veebibriif ei ütle “teeme nagu see auhinnatud leht”. See selgitab, millised osad on asjakohased: navigatsioon, toote selgitamine, usaldus, rütm, checkout, tüpograafia või liikumine.

Kui inspiratsioon jääb ainult moodboardiks, tekib kallis maitse ilma ärilise põhjuseta. Kui see tõlgitakse otsusteks, aitab see luua lehe, mis on eristuv, aga töötab ka müügi, otsingu ja mobiilikasutajate jaoks.

Alusta ärilisest probleemist

Enne näidete kogumist määra, mida veeb peab parandama. Teenuseettevõttel võib vaja olla selgemat positsioneerimist ja paremaid päringuid. E-poel võib vaja olla paremat tooteleidmist, tugevamat usaldust ja mobiilis töötavat checkouti. Rakenduse või SaaS-projekti puhul võib fookus olla demoteel ja onboardingul.

Fookus muudab seda, mida koguda. E-poe puhul vaata tootelehti, filtreid, tarneinfot ja mobiilset ostukorvi. Teenuselehtede puhul vaata tõestusplokke, hinnastuse selgitust, KKK-d ja vorme. Laiema projekti puhul võrdle vajadusi veebilehe arenduse ja UI/UX disaini mustritega.

Eralda visuaalne maitse UX-tõestusest

Referents võib olla visuaalselt tugev, aga äriliselt nõrk. Enne paigutuse kopeerimist küsi, mis tööd see teeb. Kas hero selgitab pakkumist? Kas CTA on nähtav ilma surveta? Kas case study’d on skaneeritavad? Kas mobiilivaade kannab sama argumenti? Kas pildid aitavad või lihtsalt täidavad ruumi?

Kasuta lihtsat tabelit: mis töötab, miks töötab, kus võib läbi kukkuda ja kas see sobib sinu sihtrühmale. See viib arutelu maitselt mõõdetavate otsusteni.

Kasuta näiteid piirangute määramiseks

Parim inspiratsioon näitab sageli piiranguid, mitte dekoratsioone. Võib-olla peab menüüs olema vähem linke. Võib-olla peab tüpograafia kandma pikki eesti- või venekeelseid sõnu. Võib-olla vajavad tootekaardid rohkem ruumi tarne ja maksete jaoks. Võib-olla peab animatsiooni piirama, sest kiirus on tähtsam kui efekt.

Need piirangud peavad jõudma briifi enne disaini algust. Nii saab disainer luua süsteemi, mis töötab maandumislehtedel, blogis, teenuselehtedel ja tulevastes kampaaniates.

Koosta referentside komplekt, mitte kollaaž

Kasulik komplekt sisaldab tavaliselt viit kuni kümmet näidet rollidega: struktuur, toon, tüpograafia, tõestus, mobiilne flow ja konversioon. Ära sega liiga palju eri stiile. Advokaadibüroo, moepood ja krüptoleht võivad kõik olla muljetavaldavad, kuid koos annavad nad sageli segase suuna.

Kohaliku ettevõtte puhul lisa ka praktilisi näiteid oma valdkonnast. Vaiksema visuaaliga konkurent võib lahendada usalduse, tarne, keelevahetuse või hinnastuse paremini kui rahvusvaheline auhinnaleht.

Muuda inspiratsioon briifiks

Lõpptulemus peaks olema lühike loov- ja UX-briif: sihtrühm, peamine konversioon, vajalikud lehed, tõestus, sisulüngad, visuaalne suund, tehnilised piirangud ja analüütika plaan. See on väärtuslikum kui kaust ekraanipilte.

Major Source kasutab referentse joondamise kiirendamiseks, mitte kopeerimiseks. Kui sul on juba näiteid, mis meeldivad, too need esimesse arutelusse. Me eraldame maitse funktsioonist ja muudame kasulikud osad suunaks, mida saab disainida, arendada ja mõõta.

Et referentsid seostuksid päris teostusega, võrdle briifi enne visuaalse suuna kinnitamist portfelli näidetega.

Kuidas hinnata, kas referents on asjakohane

Kasulik referents vastab praktilisele küsimusele. Kas see lahendab suure teenusemenüü navigeerimise? Kas see teeb tehnilise pakkumise kiiresti arusaadavaks? Kas see näitab tõestust ilma lehte aeglaseks muutmata? Kas CTA jääb mobiilis nähtavaks? Kui referents näeb hea välja ainult desktopi screenshotil, ei pruugi see projekti aidata.

Enne suuna kinnitamist vaata sama näidet mobiilis, kontrolli kui kiiresti esimene ekraan pakkumist selgitab ja märgi, millised osad vajavad päris sisu või fotosid. Nii ei sõltu disainisuund materjalidest, mida ettevõttel tegelikult pole.

Muuda referentsid briifiks

• Kirjelda UX-mustrit, mitte ainult visuaalset stiili.
• Määra, millised plokid vajavad päris projektitõestust või ekraanipilte.
• Otsusta, mis peab jääma kiireks ja CMS-is lihtsalt muudetavaks.
• Seo visuaalne suund veebidisaini Tallinnas eesmärkide ja mõõdetavate konversioonidega.

Mida mitte kopeerida

Kopeerida ei tasu lahendusi, mille taga on teistsugune ärimudel, teine sihtrühm või suur sisutiim. Kui referents kasutab palju videoid, 3D-d või kampaaniafotosid, aga sinu projektis neid varasid pole, muutub sama layout tühjaks. Kui referents on ehitatud ühe toote ümber, ei pruugi see sobida mitme teenusega ettevõttele.

Kasuta referentsi pigem küsimuste allikana: kuidas nad selgitavad väärtust, kus nad näitavad usaldust, kuidas nad juhivad kasutajat edasi ja mida nad mobiilis lihtsustavad. Nendest vastustest sünnib parem brief kui screenshotide kopeerimisest.

Kuidas referentse kliendiga arutada

Arutelu on parem, kui iga näide seotakse otsusega: mida see aitab müüa, mida see lihtsustab ja mida see nõuab sisult. Nii ei muutu koosolek maitsevaidluseks. Kui referents vajab palju animatsiooni, fotosid või erilahendusi, peab see olema teadlik valik, mitte vaikimisi eeldus.

Hea briif eristab kolm taset: mida kasutame strateegiana, mida kasutame UX-mustrina ja mida väldime. See aitab tiimil säilitada originaalsuse ning samal ajal mitte unustada praktilisi piiranguid nagu kiirus, CMS-i muutmine, mobiilne lugemine ja SEO-struktuur.