{"id":247722,"date":"2023-07-01T09:52:00","date_gmt":"2023-07-01T06:52:00","guid":{"rendered":"https:\/\/inform.click\/e-kaubanduse-mobiilse-disaini-pohimotete-juhend\/"},"modified":"2023-07-01T10:10:00","modified_gmt":"2023-07-01T07:10:00","slug":"e-kaubanduse-mobiilse-disaini-pohimotete-juhend","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/e-kaubanduse-mobiilse-disaini-pohimotete-juhend\/","title":{"rendered":"E-kaubanduse mobiilse disaini p\u00f5him\u00f5tete juhend"},"content":{"rendered":"<p>\n  Me elame k\u00f5rgtehnoloogilises maailmas, kus peaaegu igal inimesel on igap\u00e4evane juurdep\u00e4\u00e4s Internetile erinevate seadmete kaudu.\n<\/p>\n<p>\n  Veel paar aastat tagasi kasutas enamik meist selleks ainult lauaarvuteid, kuid viimastel aastatel on olukord muutunud. Mobiilseadmed on n\u00fc\u00fcd juhtpositsioonil, sest \u00fcha enam inimesi eelistab Internetis surfamiseks kasutada tahvelarvuteid ja mobiiltelefone.\n<\/p>\n<p>\n  E-kaubanduse sf\u00e4\u00e4r ei ole erand; Samuti suureneb mobiilseadmete kasutamine. Mobiilis\u00f5bralikkus on t\u00e4nap\u00e4eval iga e-kaubanduse saidi jaoks kohustuslik. Isegi Google k\u00e4sitleb mobiilis\u00f5bralikkust j\u00e4rjestussignaalina. Siin on \u00fclevaade mobiilisaitide t\u00fc\u00fcpidest ja \u00fcksikasjalik juhend e-kaubanduse mobiilikujunduse p\u00f5him\u00f5tete kohta.\n<\/p>\n<p>\n  Mobiilis\u00f5bralike saitide t\u00fc\u00fcbid\n<\/p>\n<p>\n  Mobiilis\u00f5bralike saitide loomiseks on mitu v\u00f5imalust ja siin on k\u00f5ige levinumad: tundlik disain, mobiilirakendus ja saidi eraldi mobiiliversioon. Igal neist t\u00fc\u00fcpidest on oma plussid ja miinused, mida tuleks hoolikalt kaaluda, enne kui valite oma ettev\u00f5ttele k\u00f5ige sobivama. Siin on iga mobiilis\u00f5braliku saidi lahenduse \u00fcksikasjalikum \u00fclevaade.\n<\/p>\n<h5>\n  Vastupidav disain<br \/>\n<\/h5>\n<p>\n  See on l\u00e4henemine, kui teil on \u00fcks sait, mis muudetakse v\u00f5rdselt heaks k\u00f5ikides seadmetes: lauaarvutis, tahvelarvutis ja erinevates mobiiltelefonides. Saidi elementide (pildid, fondid, plokid jne) suurust muudetakse vastavalt teie kasutatavale ekraani eraldusv\u00f5imele.\n<\/p>\n<p>\n  Responsiivse disaini suur eelis on see, et kasutaja n\u00e4eb k\u00f5igis oma seadmetes sama saiti. Kuid samal ajal on m\u00f5ned puudused, millest peamine on vajadus v\u00f5tta arvesse k\u00f5iki v\u00f5imalikke stsenaariume ja laialt levinud ekraani eraldusv\u00f5imet. Disainer peaks otsustama, millised elemendid kuvatakse k\u00f5igis seadmetes ja millised elemendid on v\u00e4hem olulised ja mida saab v\u00e4ikestel ekraanidel \u00e4ra j\u00e4tta. Lisaks n\u00f5uavad adaptiivsed paigutused rohkem kodeerimist, mis v\u00f5ib m\u00f5nikord saidi h\u00e4vitada.\n<\/p>\n<p>\n  Seda t\u00fc\u00fcpi mobiilisait on hea valik v\u00e4ikestele ja keskmise suurusega veebipoodidele.\n<\/p>\n<h5>\n  Mobiilirakendus<br \/>\n<\/h5>\n<p>\n  Mobiilirakendus on hea v\u00f5imalus anda klientidele kasutajas\u00f5bralikult kogu vajalik info. Kuid samas n\u00f5uab see lahendus suuri ressursse, kuna mobiilirakendust arendatakse p\u00f5hisaidist eraldi. Lisaks tuleks v\u00e4lja t\u00f6\u00f6tada rakendus k\u00f5ikidele platvormidele: iOS, Android, Windows Phone.\n<\/p>\n<p>\n  Mobiilirakendus on hea valik suurtele veebipoodidele, kus on palju kategooriaid ja tooteid. Kui klient k\u00fclastab saiti \u00fcsna sageli, et midagi leida, osta v\u00f5i k\u00fcsida, on seda lihtsam teha rakenduse, mitte saidi kaudu.\n<\/p>\n<h5>\n  Mobiilne versioon<br \/>\n<\/h5>\n<p>\n  Mobiilisaidi versioon \u00fchendab endas responsiivse disaini ja mobiilirakenduse eelised, seega on see optimaalne viis mobiilis\u00f5bralikuks muutumiseks.\n<\/p>\n<p>\n  \u00dchest k\u00fcljest t\u00f6\u00f6tatakse mobiiliversioon v\u00e4lja t\u00f6\u00f6laua saidist eraldi ja see v\u00f5ib sisaldada ainult vajalikke plokke, millel on v\u00e4hem koodi. Teisest k\u00fcljest ei ole vaja iga platvormi jaoks eraldi mobiiliversiooni kujundada ja arendada, kuna mobiilisaidi versioon n\u00e4eb hea v\u00e4lja k\u00f5ikidel seadmetel ja ekraanidel.\n<\/p>\n<p>\n  M\u00f5ned suured poed kombineerivad \u00fclalmainitud t\u00fc\u00fcpe ja pakuvad korraga kahte varianti: mobiiliversiooni ja rakendust. Klient peab lihtsalt otsustama, mis tema jaoks k\u00f5ige paremini sobib.\n<\/p>\n<p>\n  Olenemata sellest, millist varianti kaupmees vajab, peaks disainer mobiilisaidi kujundamisel j\u00e4rgima teatud p\u00f5him\u00f5tteid. Toon neist allpool v\u00e4lja olulisemad. Peamiselt r\u00e4\u00e4gin mobiiliversioonidest, kuna need \u00fchendavad tundliku disaini ideid ja rakendust.\n<\/p>\n<h3>\n  E-kaubanduse mobiilidisaini peamised p\u00f5him\u00f5tted<br \/>\n<\/h3>\n<p>\n  Kui teil on kogemusi ainult lauaarvutisaitide kujundamisel, v\u00f5ib teil olla mobiilseadmete jaoks keeruline kujundada. Teie disain ei peaks olema mitte ainult atraktiivne, vaid ka s\u00f5bralik mobiilikasutajatele.\n<\/p>\n<p>\n  Mobiilseadmete disainimisel on peamine probleem ekraani suurus. Tahvelarvutitel ja mobiiltelefonidel on palju v\u00e4iksemad ekraanid kui lauaarvutitel. Kuid siiski peaksite suutma pakkuda mobiilik\u00fclastajatele mugavat navigeerimist ja tagada sujuv kasutuskogemus.\n<\/p>\n<h5>\n  1 p\u00f5him\u00f5te: kasutatavus<br \/>\n<\/h5>\n<p>\n  T\u00e4nap\u00e4eval peaks disainer looma kauneid liideseid, pidades silmas kasutatavust. Selleks, et saavutada kavandatava veebipoe maksimaalne t\u00f5husus, peaksite seda paremini tundma. Alustage uurimist\u00f6\u00f6st ja vastake j\u00e4rgmistele k\u00fcsimustele:\n<\/p>\n<ul>\n<li>Milliseid tooteid siin m\u00fc\u00fcakse?\n  <\/li>\n<li>Kes on selle poe keskmine klient?\n  <\/li>\n<li>Millised valikud peaksid olema saadaval? Milline neist valikutest on olulisem?\n  <\/li>\n<\/ul>\n<p>\n  V\u00f5ite m\u00f5elda: kuidas on see k\u00f5ik seotud mobiilse disainiga? Mul on hea meel, et k\u00fcsisite! P\u00f5hjus peitub v\u00e4ikeses ekraanisuuruses, mis peaks sisaldama ainult neid plokke ja valikuid, mida t\u00f5esti vaja l\u00e4heb.\n<\/p>\n<p>\n  Kasutatavus ei ole see, mida klient n\u00e4eb, vaid see on midagi, mida ta tunneb mobiilipoodi sirvides. Las ta tunneb end koduselt.\n<\/p>\n<h5>\n  2 p\u00f5him\u00f5te: protot\u00fc\u00fcpimine<br \/>\n<\/h5>\n<p>\n  Kui olete ettev\u00f5tte kohta kogu vajaliku teabe kogunud, v\u00f5ite asuda selle mobiilisaidi kujundamisele. Parem on alustada protot\u00fc\u00fcbiga, mis lihtsustab oluliselt protsessi. Protot\u00fc\u00fcp peaks sisaldama k\u00f5iki lehe struktuurielemente: tekstiplokke, pilte, linke, nuppe, pealkirju ja pealkirju, sisendeid jne. Protot\u00fc\u00fcpe saate luua erinevates programmides nagu Photoshop v\u00f5i Axure v\u00f5i isegi paberil.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cd14bf5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cd14bf5.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Esiteks aitab protot\u00fc\u00fcp teil projekti paremini m\u00f5ista. Seda luues m\u00f5tlete hoolikalt l\u00e4bi k\u00f5ik elemendid ja nende asukohad, nii et j\u00e4rgmine etapp \u2013 disaini joonistamine \u2013 on palju lihtsam.\n<\/p>\n<p>\n  Teiseks s\u00e4\u00e4state protot\u00fc\u00fcbi loomisega palju aega tulevaste paranduste jaoks: parem on teha need sellel etapil kui j\u00e4rgmistel.\n<\/p>\n<p>\n  Enne protot\u00fc\u00fcbi loomist peaksite otsustama, millise seadme jaoks te selle loote: mobiiltelefoni v\u00f5i tahvelarvuti jaoks. Lisaks arvestage, et k\u00f5igil neil seadmetel on portree- ja r\u00f5htpaigutusre\u017eiimid. M\u00e4rkige \u00fcles k\u00f5ik konstruktsioonielemendid, mis peaksid teie protot\u00fc\u00fcbil leiduma, et mitte midagi unustada.\n<\/p>\n<p>\n  N\u00e4iteks e-poe avalehe jaoks vajame: logo, kassasse, otsinguriba, navigatsiooni, tooteplokke koos piltide, pealkirjade, l\u00fchikirjelduste ja hinna ning ka \u00fcldist poe teksti. Kui k\u00f5ik need elemendid on loendatud, v\u00f5ite hakata looma 4 protot\u00fc\u00fcpi: portree- ja r\u00f5htpaigutusre\u017eiimiga mobiiltelefonile ning portree- ja r\u00f5htpaigutusre\u017eiimiga tahvelarvutile.\n<\/p>\n<p>\n  Kui teie protot\u00fc\u00fcbid on valmis ja heaks kiidetud, v\u00f5ite alustada liidese kujundamist.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cf9b544.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cf9b544.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  3 p\u00f5him\u00f5te: liides<br \/>\n<\/h5>\n<p>\n  Liides on esimene asi, mida k\u00fclastaja veebipoodi sattudes n\u00e4eb. Liides m\u00e4\u00e4rab poe tooni, mis on v\u00e4ga oluline, nii et teie kui disaineri missioon on muuta see toon positiivseks ja kujundada positiivset suhtumist.\n<\/p>\n<p>\n  Aidake k\u00fclastajatel kiiresti aru saada, kus nad asuvad, mida nad saavad, milliseid funktsioone ja funktsioone nad saavad kasutada. Seda saab saavutada konkreetsete v\u00e4rvide kasutamise, taande, ikoonide ja fontidega. Kui teil on vaja kuvada kassasse &#8211; lisage kassa ikoon; kui teil on vaja linki sisestada, t\u00f5stke see v\u00e4rviga esile.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d205006.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d205006.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  4 p\u00f5him\u00f5te: suurused<br \/>\n<\/h5>\n<p>\n  Mobiilseadmetel on kaks p\u00f5hilist erip\u00e4ra: nende suurus ja viis, kuidas kasutaja nende seadmete kaudu saidiga suhtleb: ta kasutab oma s\u00f5rmi, mis on palju suuremad kui t\u00f6\u00f6laual kursor. Mobiilseadmetele disainimisel peaksite neid ise\u00e4rasusi silmas pidama.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d3b318d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d3b318d.webp\" alt=\"\" \/><\/a><\/p>\n<ul>\n<li>\n<p>\n      <strong>Kl\u00f5psatava ala suurus:<\/strong>\n    <\/p>\n<p>\n      Mobiilseadmete \u00fclalnimetatud omaduste t\u00f5ttu peaks optimaalne klikitava ala suurus olema suurem kui 44&#215;44 pikslit. Kui te ei soovi oma k\u00fclastajaid valesti tehtud kl\u00f5psamisega h\u00e4irida, proovige muuta k\u00f5ik klikitavad elemendid (lingid, nupud, otsinguriba jne) 44 x 44 pikslit v\u00f5i suuremaks Android-seadmete mdpi eraldusv\u00f5ime ja iOS-i seadmete jaoks mitte-v\u00f5rkkestade ekraanide jaoks.. Muude eraldusv\u00f5imete puhul peaksite seda suurendama.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Fontide suurus:<\/strong>\n    <\/p>\n<p>\n      Peaksite pakkuma oma k\u00fclastajatele kiireid skannimisv\u00f5imalusi ja \u00e4rge unustage samal ajal nende n\u00e4gemist. Sellep\u00e4rast ei tohiks teie fondi suurus olla v\u00e4iksem kui 11 pt. See suurus tagab hea loetavuse tingimusel, et seda kasutatakse kontrastse taustaga. 11pt sobib aga pigem kohahoidjate, vihjete ja v\u00e4hem olulise info jaoks. Tootekirjelduste ja oluliste tekstiplokkide jaoks sobib rohkem 13pt.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Toote piltide suurus:<\/strong>\n    <\/p>\n<p>\n      Pole liialdus, kui \u00fctlen, et tootepildid vastutavad toodete m\u00fc\u00fcgi eest (enamasti). Paljud inimesed j\u00e4tavad \u00fcksikasjade lugemise vahele, nad vajavad lihtsalt pilte, mis n\u00e4itavad toodet k\u00f5igist v\u00f5imalikest vaatenurkadest. See t\u00e4hendab, et tootepildid peaksid olema m\u00e4rgatavad ja piisavalt suured, et kliendid saaksid toodet \u00fcksikasjalikult uurida. Selleks saate isegi lisada suumi.\n    <\/p>\n<p>\n      Toote kujutis peaks vertikaalses asendis h\u00f5ivama v\u00e4hemalt 45% mobiiltelefoni ekraani laiusest; ja \u00fcle 30% maastiku orientatsioonis. See aitab kliendil n\u00e4ha nii toote \u00fcksikasju \u00fcldiselt kui ka m\u00e4rgata selle ise\u00e4rasusi. Mis puutub tahvelarvutitesse, siis saate parima pildi suuruse ise v\u00e4lja m\u00f5elda.\n    <\/p>\n<p>\n      Lisaks pildi suurusele peaksite t\u00e4helepanu p\u00f6\u00f6rama ka piltide kvaliteedile. Asi on selles, et enamik kaasaegseid mobiilseadmeid kasutavad v\u00f5rkkesta ekraani, nii et 360 x 640 piksli ekraani eraldusv\u00f5imega pildid ei n\u00e4e 720 x 1280 pikslit v\u00f5i 1080 x 1920 pikslit eraldusv\u00f5imega ekraanidel head v\u00e4lja. Peaksite alati meeles pidama, et piltide kvaliteet on veebipoe jaoks \u00fcks olulisemaid asju.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Ikoonide suurus:<\/strong>\n    <\/p>\n<p>\n      Ikoone tajutakse palju lihtsamini kui teksti, seet\u00f5ttu kasutatakse vihjeteks teksti asemel ikoone. \u00dchest k\u00fcljest peaksid ikoonid olema m\u00e4rgatavad; kuid teisest k\u00fcljest ei tohiks need olla liiga silmapaistvad, kuna neil on teisej\u00e4rguline roll. N\u00e4iteks kui lisate otsinguriba k\u00f5rgusega 44 pikslit, lisage suurendusklaas suurusega 24 \u00d7 24 pikslit. Sellest piisaks, et kasutaja saaks aru selle riba eesm\u00e4rgist ja see n\u00e4eb kena v\u00e4lja.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Vormi suurus:<\/strong>\n    <\/p>\n<p>\n      Allpool olen r\u00e4\u00e4kinud \u00fcksikute elementide suurustest, n\u00fc\u00fcd on aeg r\u00e4\u00e4kida olulise ploki \u2013 vormi \u2013 suurusest.\n    <\/p>\n<p>\n      Mobiiltelefoni ekraani suurus on piiratud ja kui kliendil on vaja ankeet t\u00e4ita, kuvatakse klaviatuur, mis kattub umbes poole ekraani suurusest. See erip\u00e4ra n\u00f5uab mobiilsete vormide hoidmist v\u00f5imalikult minimalistlikult. Need peaksid sisaldama ainult neid v\u00e4lju, mis on t\u00f5esti vajalikud: nt nimi, aadress, e-post. Muide, seda reeglit saab rakendada ka t\u00f6\u00f6lauasaitidele, kui soovite m\u00fc\u00fcgivihjeid suurendada: mida v\u00e4hem v\u00e4lju on vormil, seda rohkem inimesi selle t\u00f5en\u00e4oliselt esitab.\n    <\/p>\n<p>\n      Pikk ja igav tee \u00fchest sisendist teiseni v\u00f5ib tekitada kliendile meeleh\u00e4rmi ja panna ta poest lahkuma.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  5 p\u00f5him\u00f5te: v\u00e4rv<br \/>\n<\/h5>\n<p>\n  Br\u00e4ndi stiili tuleks j\u00e4lgida mitte ainult logo, visiitkaartide ja bro\u0161\u00fc\u00fcride puhul, vaid ka mobiilisaidil. Enamasti on v\u00e4rv, mis aitab n\u00e4idata nii br\u00e4ndi stiili kui ka esile t\u00f5sta iga lehe p\u00f5hielementi.\n<\/p>\n<p>\n  Enne liidese kujundamist peaksite m\u00f5tlema, milliseid v\u00e4rve kasutatakse, ja looma palett. Kui kasutate v\u00e4he v\u00e4rve, tundub liides igav; kui kasutate liiga palju v\u00e4rve, tundub liides liiga r\u00e4pane ja h\u00e4iriv. Seega on parem hoida tasakaalu ja kasutada 6-10 v\u00e4rvi. See on optimaalne arv, kuid loomulikult v\u00f5ib olla ka erandeid.\n<\/p>\n<p>\n  Siin on samm-sammult juhend e-kaubanduse saidi v\u00e4rvide valimiseks:\n<\/p>\n<p>\n  Teie loodud v\u00e4rvikombinatsioonid peaksid olema harmoonilised. Pidage meeles kontrasti, kuna see aitab k\u00f6ita k\u00fclastajate t\u00e4helepanu k\u00f5ige olulisematele elementidele, n\u00e4iteks nupule &#8220;Lisa ostukorvi&#8221;.\n<\/p>\n<ol>\n<li>Valige saidi p\u00f5hiv\u00e4rv. Ta vastutab meeleolu edastamise eest.\n  <\/li>\n<li>Valige sekundaarne v\u00e4rv. See aitab p\u00f5hiv\u00e4rvil erinevaid elemente esile t\u00f5sta.\n  <\/li>\n<li>Valige tootekirjelduste jaoks p\u00f5hiv\u00e4rv.\n  <\/li>\n<li>Valige pealkirjade v\u00e4rv. Pealkirjad peaksid olema m\u00e4rgatavad.\n  <\/li>\n<li>Pidage meeles, et erinevad vihjed v\u00f5i vihjed ei tohiks silma paista, kuid peaksid siiski olema n\u00e4htavad.\n  <\/li>\n<li>Toote hind on oluline element, t\u00f5sta see v\u00e4rviga esile.\n  <\/li>\n<li>Linke, nuppe ja navigeerimiselemente tuleks tajuda klikitavate elementidena, seda on v\u00f5imalik saavutada ka v\u00e4rviga.\n  <\/li>\n<li>Vajadusel saate valitud v\u00e4rvidest valida veel m\u00f5ned toonid.\n  <\/li>\n<\/ol>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d592881.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d592881.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  6 p\u00f5him\u00f5te: fondid<br \/>\n<\/h5>\n<p>\n  Nagu v\u00e4rvide puhul, saate ka kasutatavate fontide jaoks luua &#8220;paleti&#8221;: koostage fontide nimede, suuruste ja stiilide loend.\n<\/p>\n<p>\n  Fondid peaksid olema h\u00e4sti loetavad ja edastama teabe h\u00f5lpsalt potentsiaalsetele klientidele. Seet\u00f5ttu v\u00e4ltige liiga keerulisi fonte, mida on raske lugeda: kliendid ei kaota aega, p\u00fc\u00fcdes m\u00f5ista, mida proovite pakkuda.\n<\/p>\n<p>\n  Teie fondipalett v\u00f5ib tunduda lihtsa txt-failina, kuhu salvestate j\u00e4rgmise teabe:\n<\/p>\n<p>\n  Rubriik 1 \u2013 RobotoLight 36pt\n<\/p>\n<p>\n  Millist fonti selle v\u00f5i selle elemendi jaoks kasutada, on teie otsustada. Igal fondil on oma t\u00e4hendus ja iseloom, mis saidile edastatakse, seega peaksite olema \u00f5igete fontide valimisel ettevaatlik.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d79dd6d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d79dd6d.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  7 p\u00f5him\u00f5te: kohanemine<br \/>\n<\/h5>\n<p>\n  Kui olete mobiilse e-poe UX-lahendused l\u00e4bi m\u00f5elnud, protot\u00fc\u00fcbi loonud, v\u00e4rvi- ja fondipaletid ning l\u00f5pliku liidese joonistanud, pole t\u00f6\u00f6 veel l\u00f5ppenud: on aeg kohanemiseks.\n<\/p>\n<p>\n  Loote veebipoe, mida k\u00fclastajad oma mobiilseadmetes n\u00e4evad. T\u00e4nap\u00e4eval on saadaval suur valik erineva suuruse ja eraldusv\u00f5imega mobiilseadmeid. K\u00f5igile neist protot\u00fc\u00fcbi loomine oleks ebaproduktiivne. See t\u00e4hendab, et peamise protot\u00fc\u00fcbi loomisel peaksite arvestama, milliseid elemente muudetakse, venitatakse v\u00f5i isegi v\u00e4lja j\u00e4etakse olenevalt kasutatavast seadmest.\n<\/p>\n<p>\n  Kohanemine on mobiilse disaini jaoks v\u00e4ga oluline. Proovige oma protot\u00fc\u00fcpi testida v\u00e4hemalt k\u00f5ige populaarsemate eraldusv\u00f5imetega.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d99f749.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d99f749.webp\" alt=\"\" \/><\/a><\/p>\n<h3>\n  Viimased M\u00f5tted<br \/>\n<\/h3>\n<p>\n  Kuigi see artikkel on p\u00fchendatud mobiilsete e-kaubanduse saitide kujundamise p\u00f5him\u00f5tetele, saab m\u00f5nda punkti kasutada ka lauaarvutisaitide puhul: liides, v\u00e4rvid, kasutatavus, fondid.\n<\/p>\n<p>\n  Pidage meeles, et p\u00f5him\u00f5tted ei ole ranged seadused; te ei pruugi neid kogu aeg j\u00e4lgida. K\u00f5ige olulisem on kujundada kasutatavust silmas pidades ja sihtr\u00fchmale m\u00f5eldes.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/11\/26\/ecommerce-mobile-design-principles\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Me elame k\u00f5rgtehnoloogilises maailmas, kus peaaegu igal inimesel on igap\u00e4evane juurdep\u00e4\u00e4s Internetile erinevate seadmete kaudu. Veel paar aastat tagasi kasutas enamik meist selleks ainult lauaarvuteid, kuid viimastel aastatel on olukord muutunud. Mobiilseadmed on n\u00fc\u00fcd juhtpositsioonil, sest \u00fcha enam inimesi eelistab Internetis surfamiseks kasutada tahvelarvuteid ja mobiiltelefone. E-kaubanduse sf\u00e4\u00e4r ei ole erand; Samuti suureneb mobiilseadmete kasutamine. Mobiilis\u00f5bralikkus on t\u00e4nap\u00e4eval iga e-kaubanduse saidi jaoks kohustuslik. Isegi Google k\u00e4sitleb mobiilis\u00f5bralikkust j\u00e4rjestussignaalina. Nii et siin\u2026<\/p>\n","protected":false},"author":1,"featured_media":149017,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[520,689,598,195,117,52],"tags":[],"class_list":["post-247722","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-raznoe","category-mobiilne","category-tehnoloogia-ja-palju-muud","category-veebikujundus","category-veebitooriistad","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247722"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247722\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/149017"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}