\n Saate luua maailma k\u00f5ige l\u00f5ugavama disaini ja see ei \u00f5nnestu, kui see ei rahulda kasutatavust.\n<\/p>\n
\n K\u00f5ik alates hambaorkest kuni kommertslennukiteni n\u00f5uab funktsioneerimiseks ja m\u00fc\u00fcmiseks kasutatavust, vastasel juhul on selle disain hukule m\u00e4\u00e4ratud. Samamoodi kasutatakse veebimaailmas terminit UX, kui veebisaiti kasutatakse ja hinnatakse.\n<\/p>\n
\n UX on l\u00fchend s\u00f5nadest kasutajakogemus, mille veebikasutaja omandab veebisaidil surfates ning selle elementide ja funktsioonidega suhtlemisel. Kui kogemus on eba\u00fchtlane ja mal otsitud, siis veebileht ei ole midagi, vedeleb pr\u00fcgi Internetis kedagi ei huvita. UX saab \u00fcksi otsustada, kas veebisaiti saab kasutada v\u00f5i m\u00fc\u00fca, mist\u00f5ttu on selle arvestamine disaineri jaoks h\u00e4davajalik. Selles artiklis jagame 10 p\u00f5hireeglit kasutatavuse kohta, mida iga veebidisainer peab teadma enne veebisaidi valmimise l\u00f5ppfaasi.\n<\/p>\n
\n UX-i ja kasutajaliidese vahele on t\u00f5mmatud peen joon. Isegi kui olete erinevusest teadlik, v\u00f5ite seda \u00fchel v\u00f5i teisel hetkel kliendilt kuulda, kuid kui saabub aeg, peate suutma erinevust v\u00f5imalikult h\u00e4sti selgitada. Kasutajaliides on defineeritud kui tegelik s\u00fcsteem, samas kui kasutajakogemus on emotsionaalne tulemus p\u00e4rast s\u00fcsteemiga suhtlemist.\n<\/p>\n
\n Microsoft Windows on kasutajaliides, samas kui emotsionaalne rahulolu p\u00e4rast selle kasutamist on UX. Kahe m\u00f5iste segi ajamine v\u00f5ib mitte ainult kahjustada teie enda t\u00f6\u00f6d, vaid ka koormata teid millegagi, mis pole t\u00e4ielikult teie t\u00f6\u00f6.\n<\/p>\n
\n Hea disainer mitte ainult ei tea erinevust, vaid suudab seda ka kliendile selgitada, kui ta teeb ettepaneku oma t\u00f6\u00f6 esitlemiseks.\n<\/p>\n
\n Veebikujundus on midagi enamat kui see, mis esmapilgul paistab. K\u00f5ik, alates visuaalsetest detailidest, kasutatavast tootest ja k\u00fclastatavatest kohtadest, on kirjutatud UX-i. Pr\u00fcgiautoga s\u00f5itmine on halb kogemus, samas kui pakitud kasti lihtne avamine on hea. V\u00f5rgu\u00fchenduseta UX-turundus v\u00f5ib tunduda erineva kleidina, kuid algselt on see l\u00f5igatud samast riidest. Kuigi see pole t\u00e4iesti sama ja seda ei saa m\u00f5ne n\u00e4itega p\u00f5hjendada, toodab UX-i kogemus materiaalsel ja mittemateriaalsel platvormil teie ajus samu hormoone. N\u00e4iteks avastas keegi, et inimesed eelistavad teavet vasakult paremale ja vasakpoolsed elemendid v\u00f5tavad v\u00e4hem vertikaalset ruumi ja omavad v\u00f5rdset visuaalset kaalu.\n<\/p>\n
\n 2000 aastal hakkas trend muutuma ja veebidisainerid hakkasid paigutama navigeerimisribasid veebilehe vasakpoolsele paneelile. See v\u00f5imaldas kasutajatel sisu kiiremini ja paremini skannida, v\u00f5imaldades samal ajal veebisaidi sisu paremini n\u00e4ha. Veebidisainerina v\u00f5imaldab teil m\u00f5lemas meediumis t\u00f6\u00f6tamine \u00fcletada oma m\u00f5tteid ja laiendada oma teadmisi, et hinnata ja luua projekte elavamast vaatenurgast.\n<\/p>\n
\n Kunst ja teadus k\u00e4ivad UX-i osas k\u00e4sik\u00e4es. Nende sidemete t\u00e4psem m\u00f5istmine on h\u00e4davajalik, eriti projekteerimisprotsessi ajal. Teaduslikult on olemas probleemilahenduse stsenaarium, kus projekteerija peab koostama tegevuskava ja teoreetilise lahendusega probleeme lahendama. N\u00e4iteks on veebisaidi m\u00fc\u00fcgitulu drastiliselt madal. Disainer soovitab veebisaiti v\u00e4rskendada, testida ja t\u00f5rkeotsingut teha, millest saab lahendus. Siin astub sisse kunst.\n<\/p>\n
\n Lahenduses soovitatakse k\u00f5iki aspekte ja elemente, nagu v\u00e4rvid, kirjat\u00fc\u00fcbid, paigutus, tekst ja visuaalne sisu, et muuta veebisait atraktiivseks nii esteetiliselt kui ka funktsionaalselt. Seda testitakse rohkem, kuni sellel \u00f5nnestub kasutajalt soovitud emotsionaalne reaktsioon esile kutsuda. See v\u00e4ljapoole suunatud k\u00e4itumise suunamine teadusliku teostuse kaudu teeb kunstist ja teadusest veidra, kuid v\u00f5imsa paari.\n<\/p>\n
\n Pole saladus, et disainerid tegelevad klientidega, kes soovivad, et asjad toimuksid nende raamatute j\u00e4rgi. See loob r\u00e4gastiku, mis ei vii kuhugi, kuna klient ei tea paljusid asju, millest teab ainult disainer. Sarnaselt on disainerid m\u00f5nikord kaldunud tegema asju omamoodi, samal ajal kui muud meetodid on samuti laual ja v\u00f5ivad paremini toimida.\n<\/p>\n
\n UX-i rikkaliku veebidisaini kujundamisel ei ole kunagi kasulik s\u00e4ilitada \u00fchtne l\u00e4henemisviis. Hea kasutajakogemus on saavutatav ainult eesm\u00e4rgip\u00f5hise l\u00e4henemisviisiga, mis keskendub parimale saadaolevale lahendusele. N\u00e4iteks soovib klient viia klientide iseloomustuste lingi lehe \u00fclaserva, et saada rohkem n\u00e4htavust ja kutsuda rohkem liiklust. Probleem ei seisne aga lingi paigutuses, vaid asukohalingis endas, kuna see ei t\u00f5mba liiklust ligi. Seega saate lingi ka parandada, muutes selle uude asukohta teisaldamise asemel n\u00e4htavamaks. Probleemi lahendamiseks saab kasutada m\u00f5lemat lahendust ja teil tuleb see valik avatuks j\u00e4tta. Seda nimetatakse eesm\u00e4rgip\u00f5hiseks disainiks.\n<\/p>\n
\n Br\u00e4ndi identiteet on suurep\u00e4rase kasutajakogemuse loomise peamiste eesm\u00e4rkide hulgas. Kui UX j\u00e4tab kasutajate rahulolu oma j\u00e4lje, peegeldab see palju br\u00e4ndi, mis selle kogemuse v\u00f5imalikuks tegi. Oluline on, et te ei segaks end kliendi eelistustele vastava v\u00e4limuse loomisel. Hea disain, millel peab olema \u00f5ige kombinatsioon funktsionaalsusest ja funktsioonidest, mis mitte ainult ei muuda kasutajakogemust nauditavaks, vaid kirjeldavad ka investeeringuid, mida br\u00e4nd on selle edukaks muutmiseks teinud. See otsustab, kas kasutaja k\u00fclastab veebisaiti uuesti.\n<\/p>\n
\n Veendumaks, et teie kujundusse on juurdunud kliendi vaatenurk, teavitage teda igast liigutusest ja tehke k\u00f5ik vajalikud muudatused, mida saab kujundusse mahutada. Samuti on oluline, et arvestaksite kliendi eelistuste lisamisel suuremat pilti, et kasutajakogemus ei muutuks protsessi k\u00e4igus.\n<\/p>\n
\n \u00c4rge kunagi saage oma kujutlusv\u00f5ime ohvriks. Kuna teil on veebisaidi kujundamisel m\u00f5ningane loominguline vabadus, on \u00fclioluline, et te seda ei kuritarvitaks. Sel konkreetsel juhul on teil kliendi juhised ja teie eelistused s\u00fcgavalt juurdunud, kuid unustasite kasutaja vaatenurga t\u00e4ielikult. Disainerina on oluline, et te ei lase oma kujutlusv\u00f5imel kunagi k\u00f5rvale juhtida, et saavutada seda, mida klient ja kasutaja soovivad. Kasutajap\u00f5hisel disainil on parimad v\u00f5imalused luua v\u00f5itnud kasutajakogemus kui mis tahes muul l\u00e4henemisviisil.\n<\/p>\n
\n Veendumaks, et olete \u00f5igel teel, uurige oma disainini\u0161i kasutajaid ja tutvuge nende vajaduste ja soovidega teie konkreetse kujundusega. Enne kui olete selle k\u00e4ivitamiseks valmis, kasutage A\/B-testimist, et kontrollida, kas teie disain vastab n\u00f5uetele. Pidage meeles, et kasutaja vajadused on olulisemad kui teie isiklik panus, sest l\u00f5puks hakkavad nad seda kasutama.\n<\/p>\n
\n K\u00e4itumuslikud p\u00e4\u00e4stikud p\u00f5hinevad inimese ps\u00fchholoogial, mis stimuleerib kasutaja emotsionaalset reaktsiooni. Head disainerid oskavad kvalitatiivselt hinnata kasutaja m\u00f5tteviisi ja tuletada sisuga emotsionaalset seost. Need emotsionaalsed sidemed on veebikujunduses elava kasutajakogemuse loomiseks h\u00e4davajalikud. V\u00f5tke n\u00e4iteks teatised. V\u00f5ib-olla olete kogenud t\u00fc\u00fctut h\u00fcpikakna teavitusfunktsiooni, mis saadab teid veebisaidilt v\u00e4ljap\u00e4\u00e4sul ukse kinni. Kuigi see on osaliselt kliendi huvides, tagades samal ajal jaem\u00fc\u00fcjale konversioonid, on selle n\u00e4itamine kohe p\u00e4rast kliendi veebisaidile j\u00f5udmist kohutav m\u00f5te.\n<\/p>\n
\n Kujutage ette, et j\u00f5uate oma kontorisse ja teid k\u00e4stakse teha oma t\u00f6\u00f6d ilma hinge t\u00f5mbamata v\u00f5i sooja kohvi nautimata. Ajastus on siin otsustava t\u00e4htsusega. Kui tunnete inimese ps\u00fc\u00fchikat, ei alusta te kunagi h\u00fcpikaknaga, mis katab \u00fcle poole ekraanist. Selle asemel v\u00f5ite oodata, kuni k\u00fclastaja sisu l\u00e4bi vaatab, ja seej\u00e4rel alustada oma h\u00e4\u00e4lek\u00f5nega. Nii v\u00f5etakse sama teade avas\u00fcli vastu, sest n\u00fc\u00fcd saab kasutaja tegelikult tegelemiseks aega varuda. UX toetub suuresti tarbija ps\u00fc\u00fchikale ja seep\u00e4rast peate integreerima terve annuse k\u00e4itumuslikke k\u00e4ivitajaid, samas olema ettevaatlik, kui see on vajalik.\n<\/p>\n
\n Kui te minu k\u00e4est k\u00fcsite, t\u00f6\u00f6tab kerimine nagu v\u00f5lu. See saadab teavet otsiva kasutaja saidile s\u00fcgavamale, suurendades nende v\u00f5imalusi konversiooniks. T\u00f5en\u00e4oliselt paneb enamik disainereid oma CTA-d lehe allossa, kus kerimine l\u00f5peb.\n<\/p>\n
\n Isegi “armastus esimesest silmapilgust” l\u00e4henemine v\u00f5ib edendada kerimist, kus kujundus n\u00e4itab lehe \u00fclaosas CTA-sid. Selliseid lehti saate optimeerida kerimisn\u00e4pun\u00e4idete kasutuselev\u00f5tuga. Kerimise vihjed v\u00f5ivad ulatuda nooltest kuni k\u00f6itvate graafiliste elementideni. N\u00e4iteks Nooli saab kasutada juhiste n\u00e4itamiseks j\u00e4rgmise sisuosa jaoks, samas kui graafilised elemendid v\u00f5ivad viia kasutaja otse j\u00e4rgmisele slaidile, kui nad sellega suhtlevad.\n<\/p>\n
\n Kui panete oma sisu Internetti otse \u00fcles, peate eeldama, et sellega kohtuvad k\u00f5ikv\u00f5imaliku taustaga inimesed. K\u00f5ik ei jaga teie seisukohti nii, nagu te kavatsete neid v\u00e4lja pakkuda. Seet\u00f5ttu peaks teie sisu olema absorbeeritav, et kasutaja ei vajaks t\u00e4iendavaid pingutusi, et m\u00f5ista, mida te neile pakute. Kui sisu on seeditav, konverteerib kasutaja kiiremini.\n<\/p>\n
\n Anna neile \u00fcks suut\u00e4is korraga. K\u00f5ike, mida saate \u00fche korraga n\u00e4idata, mitte ainult ei sega kasutajat, vaid peegeldab ka teie poole meeleheidet. Veendumaks, et teie disain on hingav ja h\u00f5lpsasti omastatav, kasutage oma elementide \u00fcmber palju valgeid t\u00fchikuid, et neid oleks lihtne eristada. Samuti looge n\u00e4idete ja oma narratiividega sisu, mis on arusaadav k\u00f5ikv\u00f5imalikule publikule. N\u00e4idake end nende s\u00f5brana, mitte \u00e4rimehena.\n<\/p>\n
\n Lehek\u00fclje elemendid on veebikujunduse lahutamatu osa. Nad t\u00e4idavad kasutajate jaoks olulisi funktsioone ja s\u00e4ilitavad UX-is emotsionaalse harmoonia. Kuid mittevajalike leheelementide lisamine v\u00f5ib olla ohtlik teie veebisaidile ja ka kasutajale.\n<\/p>\n
\n Leheelemendid, n\u00e4iteks CTA, millel on mitu k\u00e4sku \u00fche asemel, pilt, mis h\u00e4irib piisavalt t\u00e4helepanu, et t\u00f5mmata pilk teemalt eemale, v\u00f5i lehe keskel olev tekstil\u00f5ik, mis eksitab klienti. Nende elementide lisamine m\u00f5jutab m\u00f5ttetult teie veebidisaini usaldusv\u00e4\u00e4rsust, aeglustades samal ajal selle laadimiskiirust. N\u00e4iteks HD-pildid v\u00f5ivad olla teie veebilehtede viivitustehased. Need n\u00f5uavad palju ribalaiust ja v\u00f5tavad konversioonis\u00f5braliku veebisaidi jaoks ideaalse laadimisaja. Aeglane laadimine veebisait on viimane asi, mida oma veebisaidi UX-is soovite.\n<\/p>\n
\n Veebidisainerina peate v\u00f5rrandisse v\u00f5tma k\u00f5ik elemendid, aspektid ja l\u00e4henemisviisid. Teie eesm\u00e4rk on luua disain, mis mitte ainult ei v\u00f5ida kliente, vaid pakub ka rahuldavat kasutuskogemust. Nende 10 p\u00f5hireegli abil loote ideaalse veebidisaini, mis tagab kasutatavuse iga v\u00f5imaliku nurga alt.\n<\/p>\n<\/p>\n