![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Siiski muutub see \u00fcheveeruliseks paigutuseks peidetud men\u00fc\u00fcga nii tahvelarvutis kui ka mobiilis. T\u00f6\u00f6lauaversiooni veebisaidi men\u00fc\u00fcs on ka sildid ja ikoonid, mis muudavad vanemate p\u00f5lvkondade jaoks (kes kasutavad t\u00f5en\u00e4olisemalt laua- v\u00f5i s\u00fclearvutit) h\u00f5lpsamini aru.\n<\/p>\n
\n Sujuv navigeerimine m\u00e4ngib olulist rolli potentsiaalsete klientide pikemaajal hoidmisel teie veebisaidil. Kasutajad on kannatamatud. Nad ei oota igavesti, kui nad ei leia seda, mida nad tahavad. Selle tulemusena v\u00f5ib halb navigeerimine otseselt m\u00f5jutada teie konversioonim\u00e4\u00e4ra ja seega ka teie kasumit. Seega peaksid kasutajad saama teie veebisaidile sujuvalt juurde p\u00e4\u00e4seda ja navigeerida k\u00f5igis seadmetes.\n<\/p>\n \n Kui r\u00e4\u00e4kida veebisaidil navigeerimisest, siis tavaliselt v\u00e4hem on rohkem. Seega v\u00e4hendage navigeerimislinkide arvu nii palju kui v\u00f5imalik. Te ei soovi kasutajaid liigsete valikuv\u00f5imalustega \u00fcle koormata. Paljude linkide pakkumine v\u00f5ib negatiivselt m\u00f5jutada ka teie SEO-d, kuna veebiindeksoijatel on raske sellist sisu de\u0161ifreerida.\n<\/p>\n \n Seega lisage kindlasti lingid sobivatele m\u00e4rks\u00f5nadele ja fraasidele. Parandage k\u00f5ik katkised lingid niipea kui v\u00f5imalik. Kui olete asendanud vana veebilehe uuega, looge kindlasti sobiv \u00fcmbersuunamislink.\n<\/p>\n \n V\u00e4ltige liiga palju oma loovusega m\u00e4ngimist. Sageli on parem j\u00e4\u00e4da standardse navigeerimisarhitektuuri juurde. Lootuses teistest eristuda kasutavad inimesed sageli liiga palju animatsioone v\u00f5i graafikat ning avaldavad kasutajatele t\u00e4pselt vastupidist m\u00f5ju.\n<\/p>\n \n Siiski on soovitav lisada oma veebisaidile uusimad navigatsioonitrendid. N\u00e4iteks 2017. aastal suurenes oluliselt muu hulgas kleepuvate navigeerimisribade, megamen\u00fc\u00fcde ja tundlike alamnavigatsioonimen\u00fc\u00fcde arv. Nende funktsioonide kasutamine oma veebisaidil on t\u00f5en\u00e4oliselt hea m\u00f5te.\n<\/p>\n \n San Francisco moodsa kunsti muuseumi veebisait on v\u00f5ib-olla parim kombinatsioon lihtsast navigeerimisest ja vapustavast graafikast. Lihtne, kuid elegantne peamen\u00fc\u00fc sisaldab linke k\u00f5ige olulisemaks, sealhulgas n\u00e4ituste, projektide, kunstiteoste, piletim\u00fc\u00fcgi \u00fcksikasjade, k\u00fclastusaegade ja liikmelisuse kohta.\n<\/p>\n \n K\u00f5igi nende linkide n\u00e4gemiseks ei pea te avalehte allapoole kerima. Teksti ja piltide asemel on nad kasutanud videoid, mis tekitavad tunde, nagu seisaks muuseumis.\n<\/p>\n \n Samuti on nad kogu saidil s\u00e4ilitanud intuitiivse navigeerimisraamistiku puutumatuna. \u00dcksk\u00f5ik, kas vaatate kunstiteoseid v\u00f5i projekte, ei tunne te end kunagi eksinud. Veebisait edastab kunsti ja maalide keerukuse suhteliselt lihtsal viisil, just nii, nagu tavainimesed seda kogeda tahaksid.\n<\/p>\n \n K\u00f5ik teavad, et veebisaidi kiirus on oluline. Kuid see, kui kiire teie veebisait peab olema, on vaidluse k\u00fcsimus. Google'i hiljuti avaldatud uuringu kohaselt on \u00fcks sekund ideaalne veebilehe laadimisaeg. Kui aga teie veebisaidi laadimiseks kulub kuni kolm sekundit, l\u00e4heb teil ikka h\u00e4sti, kuna p\u00f5rkem\u00e4\u00e4r ei \u00fcleta 32%. Kuid kui laadimisaeg pikeneb veelgi, n\u00e4iteks kuni viis sekundit, on p\u00f5rkem\u00e4\u00e4r 90%, samas kui k\u00fcmnesekundiline viivitus suurendab 123%.\n<\/p>\n \n Google on juba m\u00f5nda aega eelistanud kiiresti laadivaid veebisaite. See piirdus siiski ainult personaalarvutitega. Kuna aga mobiiltelefonide veebiliiklus kasvab, on Google otsustanud alates 2018. aasta juulist v\u00f5tta mobiiliotsingutes j\u00e4rjestusteguriks lehe kiirust. Seega peab saidi laadimiskiirus olema v\u00f5imalikult suur.\n<\/p>\n \n Esimese asjana peate v\u00e4lja selgitama, kui palju aega kulub teie veebisaidi iga veebilehe erinevate osade laadimiseks. Kuigi saate kasutada kiirusanal\u00fcsaatori t\u00f6\u00f6riistu, nagu WebPageTest<\/strong> v\u00f5i Pingdom<\/strong>, ei piisa neist.\n<\/p>\n \n Saidi iga elemendi laadimise kiiruse n\u00e4gemiseks paremkl\u00f5psake anal\u00fc\u00fcsitavat lehte, kl\u00f5psake nuppu \u201eKontrolli” ja seej\u00e4rel vahekaarti \u201eV\u00f5rk”. Seda saate teha mis tahes brauseris. N\u00e4iteks laadimine Allpool on kujutatud Firefoxi brauseris veebilehel http:\/\/www.instantshift.com\/category\/web-design\/<\/a> olevate erinevate elementide jaoks kuluvat aega.See anal\u00fc\u00fcs annab teile andmed aeglase laadimise elemendi tuvastamiseks igal veebilehel.\n<\/p>\n \n Samuti n\u00e4itab see teile, mitu HTTP-p\u00e4ringut teie sait teeb. HTTP-p\u00e4ringute arvu v\u00e4hendamine on suurep\u00e4rane viis selle kiiruse parandamiseks. Tuvastage ja k\u00f5rvaldage mittevajalikud pildid, tekstid v\u00f5i graafika, kui neid on.\n<\/p>\n \n Muud kiiruse parandamise sammud h\u00f5lmavad sisuedastusv\u00f5rgu (CDN) kasutamist, CDN-iga toetatud k\u00fcpsisefailideta domeeni kasutamist staatiliste failide majutamiseks, HTML-, CSS- ja JavaScript-failide v\u00e4hendamist ja kombineerimist, Google PageSpeedi installimist serverisse ja muu hulgas JavaScripti laadimise edasil\u00fckkamine.\n<\/p>\n \n Nii tekst kui ka visuaal on veebisaidi kriitilised tegurid. Siiski ei saa teie sait meelitada rohkem veebiliiklust, kui pole nende kahe elemendi vahel \u00f5iget tasakaalu saavutanud. Teisis\u00f5nu, graafika ei tohiks tekstile \u00fcle j\u00f5u k\u00e4ia ja vastupidi.\n<\/p>\n \n Inimese aju aga kipub visuaale paremini ja kauem meeles pidama. Tegelikult suudavad inimesed meenutada 65% visuaalidest peaaegu kolm p\u00e4eva hiljem, v\u00f5rreldes 10% tekstisisuga samal perioodil. Teie sisu v\u00f5ib tekitada kuni 94% rohkem vaatamisi, kui lisate sellele k\u00f6itvaid visuaalseid elemente ja graafikat.\n<\/p>\n \n Lisaks v\u00f5ib viiruslik visuaalne sisu (videod, GIF-id ja pildid) luua rohkem sissetulevaid linke. Pealegi p\u00e4\u00e4seb \u00fcha suurem hulk inimesi, eriti noor p\u00f5lvkond, oma mobiiltelefonidest veebi juurde. Rohkemate visuaalide kasutamine on m\u00f5ttekas, sest video vaatamine on palju lihtsam v\u00f5rreldes mobiilis pika l\u00f5igu lugemisega.\n<\/p>\n \n Siiski on konks. Rohkem k\u00f5rglahutusega videoid, graafikat ja pilte t\u00e4hendab, et teie veebisait laaditakse aeglasemalt. Nagu eelmises punktis mainitud, p\u00f5hjustavad aeglasema laadimise veebisaidid suuremat p\u00f5rkem\u00e4\u00e4ra. Otsingumootoritel on tekstiga v\u00f5rreldes raske \u00e4ra tunda ka visuaale. \u00dcks v\u00f5imalus sellest probleemist \u00fcle saada on lisada piltidele sobiv alternatiivtekst.\n<\/p>\n \n Alternatiivse teksti kasutamisel keskenduge mitte ainult m\u00e4rks\u00f5na sihtimisele, vaid ka kasutaja kavatsusele. N\u00e4iteks vaadake j\u00e4rgmist pilti. See v\u00f5ib t\u00e4hendada mitmesuguseid asju. Seda pilti v\u00f5ite tajuda \u00f5nne v\u00f5i motivatsiooni m\u00e4rgina v\u00f5i isegi saavutustundena.\n<\/p>\n \n Seega, kui teie veebisait tegeleb millegi n\u00e4iteks isikliku v\u00f5i t\u00f6\u00f6alase eduga, on alternatiivses tekstis \u201eeesm\u00e4rgi saavutamise viiside” mainimine palju parem kui lihtsalt \u201et\u00fcdruk, kes h\u00fcppab p\u00e4ikeseloojangupunktis”.\n<\/p>\n \n Teisest k\u00fcljest peaks depressiooni ja n\u00f5ustamist k\u00e4sitlev veebisait kasutama midagi sarnast “masendusest \u00fclesaamise loomup\u00e4rase \u00f5nnega”. V\u00e4ltige aga kirjeldusega liialdamist. See ei tohiks v\u00e4lja n\u00e4ha ebaloomulik, kuna otsingumootoritele ei meeldi m\u00e4rks\u00f5nade t\u00e4itmine. Kasutage asjakohast ja sisukat kirjeldust.\n<\/p>\n \n Visuaalne ja teksti tasakaal ei tohiks aga tingimata s\u00fcmmeetriline olla. Saate need kaks elementi paigutada as\u00fcmmeetriliselt, eriti kui soovite anda oma veebikujundusele mitteametlikuma, kaasaegsema v\u00f5i pingevabama ilme.\n<\/p>\n \n Dropboxi<\/strong> koduleht on n\u00e4ide teksti ja visuaalide as\u00fcmmeetrilisest paigutusest. See juhib kasutaja t\u00e4helepanu kohe fookuspunktidele. Kuid ei visuaal ega tekst ei n\u00e4i \u00fcksteist \u00fcletavat.\n<\/p>\n \n Seedlip<\/strong>, destilleeritud alkoholivabu kangeid alkohoolseid jooke m\u00fc\u00fcv ettev\u00f5te, kasutab v\u00f5imalusel ohtralt t\u00fchikuid, paksu kirjat\u00fc\u00fcpi ja lihtsat teksti. See on \u00f5ige tasakaal teksti ja visuaalse vahel, mis on m\u00f5eldud nende sihtr\u00fchma jaoks h\u00e4sti teenima.\n<\/p>\n \n Hoolimata k\u00f5igist ettevaatusabin\u00f5udest v\u00f5ivad asjad siiski valesti minna, mille tulemuseks on veebisaidi vead. Kuigi te ei saa neid ebasoodsaid vigu t\u00e4ielikult v\u00e4ltida, v\u00f5ite need kindlasti armuga omaks v\u00f5tta. Teie potentsiaalsed kliendid tunnevad end juba vigase veebilehega kokku puutudes \u00e4rritununa. Miks h\u00f5\u00f5ruda soola nende haavale m\u00fcrava (v\u00f5i lausa t\u00fc\u00fctu) veateate abil? Kahjuks j\u00e4\u00e4b see veebikujunduse aspekt suures osas t\u00e4helepanuta.\n<\/p>\n \n Isegi kui teie kasutajad on sisestanud vale kasutajanime v\u00f5i URL-aadressi, v\u00e4ltige iga hinna eest nende s\u00fc\u00fcdistamist. Vastupidi, veateated peavad olema v\u00f5imalikult kasutajas\u00f5bralikud. Kasutage veale osutades alati viisakat keelt. N\u00e4iteks selle asemel, et kasutada standardset teadet, n\u00e4iteks “Sisestatud e-posti aadress on vale”, kasutab Mail Chimp<\/strong> j\u00e4rgmist veak\u00e4sitluse kirjeldust.\n<\/p>\n \n Piccsy<\/strong> viib vigade k\u00e4sitlemise kerge huumori abil t\u00e4iesti uuele tasemele. Kui leiate nende veebisaidil vea “404 \u2013 lehte ei leitud”, n\u00e4ete seda.\n<\/p>\n<\/a><\/p>\n\n 2 Lihtne navigeerimine
\n<\/h3>\n\n A. V\u00e4hem on rohkem
\n<\/h5>\n\n B. Liiga palju loovust v\u00f5ib olla kahjulik
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Kiiresti laaditav veebisait
\n<\/h3>\n<\/a><\/p>\n\n A. M\u00e4\u00e4rake iga elemendi laadimisaeg
\n<\/h5>\n<\/a><\/p>\n\n B. V\u00e4hendage HTTP-p\u00e4ringute arvu
\n<\/h5>\n\n 4 Visuaalide ja teksti tasakaalustatud kasutamine
\n<\/h3>\n\n V. J\u00e4tame visuaalid kergesti meelde
\n<\/h5>\n<\/a><\/p>\n\n B. Visuaalid on tasulised
\n<\/h5>\n<\/a><\/p>\n\n C. Toimib ka as\u00fcmmeetriline visuaalide ja tekstide tasakaal
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 \u00d5ige veak\u00e4sitlus
\n<\/h3>\n\n A. Ole viisakas
\n<\/h5>\n<\/a><\/p>\n\n B. Kasutage kerget huumorit
\n<\/h5>\n