{"id":32274,"date":"2018-10-24T12:44:03","date_gmt":"2018-10-24T12:44:03","guid":{"rendered":"https:\/\/dev.optiweb.com\/7-ux-features-for-a-better-product-page\/"},"modified":"2019-01-28T07:57:49","modified_gmt":"2019-01-28T07:57:49","slug":"7-ux-nasvetov-za-boljso-produktno-stran","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/7-ux-nasvetov-za-boljso-produktno-stran\/","title":{"rendered":"7 UX nasvetov za bolj\u0161o produktno stran"},"content":{"rendered":"
\n

Med procesom oblikovanja spletne trgovine je vedno pomembno, kateri del informacij vklju\u010dite na katero mesto<\/strong>. To lahko naredite tako, da se posvetite raziskavi dobrih praks, opazovanju uporabnikov ali enostavno sledite svoji presoji, a na koncu je vedno priporo\u010dljivo testirati in opazovati uporabnike<\/strong>, \u010de si res \u017eelite najbolj\u0161ih rezultatov s potencialnimi strankami, ki obi\u0161\u010dejo spletno trgovino.<\/p>\n

Nikoli ne veste, kak\u0161no zanimivo informacijo boste prejeli pri raziskovanju in \u010desa se boste iz tega nau\u010dili. Pri dolo\u010deni akciji, za katero ste predvidevali, da bo prava za va\u0161o ciljno publiko, se lahko le-ta na koncu izka\u017ee za povsem neprimerno.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/main><\/div><\/div>

\n

Vedno morate testirati in opazovati in \u0161e enkrat testirati in opazovati, \u010de \u017eelite dose\u010di relevantne rezultate.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Za\u010dnimo z vizualizacijo. To je prvi vtis, ki ga prejme potencialni kupec, ko obi\u0161\u010de spletno trgovino, in v kolikor mu je v\u0161e\u010d, kar vidi, je ve\u010d verjetnosti, da bo na strani ostal in pregledal vsebino strani, preiskal razloge, zakaj kupiti na tej strani, in posledi\u010dno obiskal produktno stran ter opravil nakup.<\/p>\n

Katere so torej dobre praske produktne strani, ki bodo prepri\u010dale kupce, da kupijo \u017eeleni izdelek?<\/p>\n

1. Opis produkta<\/h2>\n

Kolikokrat ste \u017ee iskali dolo\u010den produkt, nakup izdelka pa je zavisel od opisa na produktni strani, preko katerega ste se prepri\u010dali, da je to produkt, ki ga \u017eelite kupiti?<\/p>\n

V kolikor produkt ne zagotavlja dovolj informacij, se za\u010dnemo spra\u0161evati o sami uporabnosti produkta in kredibilnosti podjetja, kar pa seveda privede do odhoda kupca s strani in najverjetneje je, da bo izdelek raje poiskal na konkuren\u010dni strani, kjer bo morda prejel informacije, ki jih potrebuje.<\/p>\n

Poskusite se izogniti tak\u0161nim situacijam, ki lahko privedejo do izgube potencialnega kupca. Va\u0161 cilj mora biti, da kupcu predstavite, zakaj je va\u0161 produkt bolj\u0161i<\/strong> od produkta va\u0161ih konkurentov. Vpra\u0161ajte se, kak\u0161ne so prednosti va\u0161ega podjetja in zaradi katerih ugodnosti bo ta isti izdelek privla\u010dnej\u0161i za potencialne kupce. Naj bo na strani obrazlo\u017eeno, kako produkt deluje, iz katerih materialov je narejen, zakaj so ti materiali najbolj\u0161i, katere prednosti ima produkt in kako ter kdaj ga lahko uporabnik uporablja.<\/p>\n

Naj bo tudi jasno zapisano, katere komponente produkt vklju\u010duje pri nakupu. Za enostaven in hiter pregled je lahko to tabela z vsemi specifikacijami<\/strong>, da si kupec lahko enostavno vizualizira vse zna\u010dilnosti in prednosti.<\/p>\n

Spodaj lahko vidite dober primer produktnega opisa:<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Primer dobrega opisa produkta.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

2. Fotografije<\/h2>\n

Najbolj\u0161i primer, ki vam ga lahko podamo, ko pride do grafi\u010dnega materiala, je zagotovilo fotografij v visoki kakovosti<\/strong> in prikaz produkta z razli\u010dnih zornih kotov<\/strong>, saj lahko kupec tako vidi produkt z razli\u010dnih strani in pregleda morebitne detajle. Kupcu ponudite tudi mo\u017enost, da klikne na fotografijo produkta, ki mu fotografijo pove\u010da, saj bo lahko produkt tako pregledal od bli\u017eje. Prepri\u010dajte se, da imate vsaj eno fotografijo v prostoru oz. nekak\u0161no primerjavo, kjer je razvidna velikost produkta<\/strong>. V\u010dasih je zaradi razli\u010dnih dimenzij produkta te\u017eko definirati realno velikost.<\/p>\n

Ne pozabite dodati tudi fotografij, ki prikazujejo dodatke<\/strong>, ki jih kupec \u0161e prejme poleg glavnega produkta (v kolikor so dodatki vklju\u010deni). V nobenem primeru ne \u017eelimo kupca zmesti ali \u0161e slab\u0161e, razo\u010darati, ko prejme produkt. V kolikor so glavnemu produktu dodani dodatki, naj bo jasno zapisano, kaj produkt vklju\u010duje pri nakupu in \u010desa ne.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Poskrbite, da si lahko kupec ogleda produkt podrobneje.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Nekatere spletne trgovine imajo poleg fotografije produkta vklju\u010den tudi 3D prikaz produkta<\/strong>, kjer si lahko s premikom produkta okrog svoje osi enostavno pogledate vse strani izdelka\u00a0\u2013 kot da bi ga imeli dejansko pred seboj. \u010ceprav gre nedvomno za odli\u010dno funkcijo, je potrebno razmisliti, zakaj bi to funkcijo dodali prav na va\u0161o spletno trgovino. Bi jo uporabniki cenili kot neko dodano vrednost ali bi bila na stran ume\u0161\u010dena zgolj zaradi vizualne privla\u010dnosti?<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Na strani A1 je vklju\u010den 3D prikaz produkta, ki si ga lahko ogledate z razli\u010dnih strani.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Ko govorimo o obse\u017eni spletni trgovini z velikim \u0161tevilom produktov, lahko tako obse\u017ena funkcija mo\u010dno vpliva na hitrost strani<\/strong>. Upo\u010dasni lahko hitrost produktne strani, zato dobro premislite, kdaj je tovrstna funkcionalnost primerna in kdaj ne.<\/p>\n

3. Video<\/h2>\n

V kolikor imate produkt, ki je neobi\u010dajen, se ne uporablja dnevno ali ima druga\u010den sistem delovanja, kot so ga uporabniki vajeni, je potrebno uporabniku prikazati njegovo uporabo. To lahko storimo s podrobnimi fotografijami z opisi ali pa, \u0161e bolje, z video prikazom delovanja in uporabe produkta<\/strong>.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Blue Tomato nudi dober primer prikaza video vsebine na produkni strani.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

4. Barve<\/h2>\n

Imate na va\u0161i spletni strani omogo\u010den prikaz produkta v razli\u010dnih barvnih kombinacijah<\/strong>, med katerimi lahko kupec izbira? Super! V kolikor je mo\u017eno, jih poka\u017eite z uporabo barvnih sli\u010dic<\/strong>. Ko uporabnik izbere barvo produkta, za katerega se zanima, se mu prika\u017ee produkt v le tej izbrani barvi, in sicer z razli\u010dnih zornih kotov.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Intersport se je odlo\u010dil za prikaz izbire barv z manj\u0161imi sli\u010dicami, kar kupcu omogo\u010da pregled med barvami in ustrezno izbiro.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Naslednji dober primer je Iglu \u0160port<\/a>, ki uporabniku ponuja malce druga\u010dno uporabni\u0161ko izku\u0161njo pri izbiri barv produkta. Barvne sli\u010dice so dodali na njihovo levo stran in ko uporabnik klikne na eno izmed njih, avtomatsko izbere barvo produkta na desni strani, kjer ima uporabnik prav tako mo\u017enost izbire barve. Ob izbiri v “dropdown” meniju na desni strani in ob kliku sli\u010dice na levi strani se v sredinskem delu spremeni barva produkta v izbrano barvo.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Iglu \u0160port ima mo\u017enost izbire barve tako na levi strani, kjer so prikazane s sli\u010dicami, kot na desni strani v spustnem meniju. Ti dve funkcionalnosti sta med seboj povezani.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

5. Na voljo v fizi\u010dni trgovini<\/h2>\n

Imate poleg spletne trgovine v lasti tudi fizi\u010dno trgovino? Potemtakem je za vas zagotovo priporo\u010dljiva funkcionalnost, ki kar v spletni trgovini nudi prikaz zaloge v fizi\u010dnih trgovinah na razli\u010dnih lokacijah<\/strong>. V\u010dasih \u017eeli uporabnik v spletni trgovini le pridobiti ve\u010d informacij, nato pa v fizi\u010dni trgovini produkt dejansko preizkusiti\u00a0\u2013 sploh kadar gre za bolj delikaten oz. dra\u017eji produkt. V temu primeru je ve\u010d kot dobrodo\u0161la informacija, na katerih lokacijah se lahko produkt preizkusi in kupi.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Iglu \u0160port ima na produktnih straneh prikazano tabelo zalog produkta na razli\u010dnih lokacijah.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Intersport se je odlo\u010dil za funkcijo vpisa va\u0161e lokacije, na podlagi tega pa vam poi\u0161\u010de najbli\u017ejo fizi\u010dno trgovino v va\u0161i bli\u017eini.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

6. Mnenja strank<\/h2>\n

Kaj je lahko bolj\u0161ega od zadovoljne stranke? Stranke, ki podajo mnenje v va\u0161i spletni trgovini! Mnenja strank na produktni strani<\/strong>\u00a0lahko nudijo izjemno uporabne informacije za ostale kupce, ki se odlo\u010dajo za nakup istega produkta.<\/p>\n

Predvsem so te uporabne informacije pomembne takrat, ko imamo ve\u010d \u201cpodobnih\u201d produktov, med katerimi se odlo\u010damo, in ko je ta odlo\u010ditev med njimi te\u017eka. Mnenja strank nam pri tem pomagajo, saj lahko iz njih razberemo, s katerim produktom so bili kupci najbolj zadovoljni oz. kak\u0161ne so imeli te\u017eave<\/strong>.<\/p>\n

Dobra praksa prikaza mnenja strank je dodajanje fotografije in imena kupca<\/strong>, ki je ocenil izdelek. Pri potencialnem kupcu tako ustvarimo kredibilnost in veljavnost mnenja, saj le-to temelji na resni\u010dni osebi. Seveda pa vedno ne moremo pridobiti fotografije, zato je v tak\u0161nih primerih dobro povpra\u0161ati po starosti, kraju ali izobrazbi, ki ga lahko zraven imena \u0161e navedemo. Katere izmed teh podatkov boste navedli poleg imena, je odvisno tudi od tipa produkta. \u010ce gre za prodajo strokovnih knjig, bi bilo poleg imena priporo\u010dljivo navesti \u0161e izobrazbo in starost.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

KingsBox ima oceno strank dodano nad imenom produkta, kjer je takoj opazna.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Dobra praksa prikaza ocene strank<\/strong> je, da jo navedemo blizu produkta<\/strong>, ker jo vsak potencialni kupec takoj opazi. KingsBox<\/a> se je odlo\u010dil za izpostavitev v zgornjem delu, nad imenom produkta, kjer je uporabniku ocena takoj vidna. Pomembno je, da poleg ocene\u00a0vklju\u010dite tudi \u0161tevilo oddanih ocen<\/strong>, saj uporabnik tako takoj vidi, na podlagi koliko mnenj je prikazana dolo\u010dena \u0161tevilka. Dodatna dobra praksa, ki uporabniku omogo\u010da bolj\u0161i pregled nad mnenji, je prikaz zvezdice ali gumba s \u0161tevilom ocen, ki potencialnega kupca s klikom vodi do sekcije, kjer so zbrana vsa mnenja in ocene.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Pomemben nasvet:<\/em><\/strong> Ko dodajate vnosna polja za mnenja strank, si zapomnite, da je uporabnikom veliko enostavneje oddati povpra\u0161evanje, \u010de lahko to storijo kot gosti. To pomeni, da se jim za oddajo mnenja ni potrebno prijavljati v va\u0161o trgovino. Avtomatsko boste namre\u010d izgubili nekaj mnenj, \u010de boste od njih zahtevali prijavo.<\/i><\/em><\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Ne pozabite: za uporabnika je veliko enostavneje, \u010de lahko mnenje odda kot gost, torej brez vpisa.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

\u010ce i\u0161\u010dete \u0161e dodaten primer dobre prakse, ki bo pove\u010dala kredibilnost podjetja in kredibilnost va\u0161ega produkta, razmislite o uporabi realnih fotografij uporabnikov na produktni strani<\/strong>. S tem boste tudi pove\u010dali stopnjo konverzije v spletni trgovini.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Uporabniki naj z vami delijo fotografije uporabljenega produkta, te fotogafije pa za ve\u010djo kredibilnost vklju\u010dite na svojo spletno stran.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

7. Sorodni in dopolnilni produkti<\/h2>\n

Alternativni in dopolnilni produkti lahko uporabniku pri nakupu mo\u010dno pomagajo, saj mu s to funkcijo predlagamo produkte, ki sovpadajo s produktom, ki ga \u017eeli kupiti<\/strong>. \u010ce si stranka ogleduje zimske hla\u010de, ji lahko zraven ponudimo \u0161e zimsko jakno. V tem primeru uporabniku dodatne opreme ni potrebno iskati po celi trgovini, ampak mu to ponudimo \u017ee na sami produktni strani.<\/p>\n

Alternativni produkti uporabniku omogo\u010dajo pregled med sorodnimi produkti. S tem obdr\u017eimo uporabnike na strani, dokler ne najdejo to\u010dno tistega izdelka, ki je relevanten zanje.<\/p>\n

Sorodni in dopolnilni produkti na produktni strani nam slu\u017eijo ne le s poslovnega, temve\u010d tudi z uporabni\u0161kega vidika. In le kaj bi lahko bilo bolj\u0161e od tega? :)<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Intersport uporablja sekcijo \u201cDopolni izgled\u201d, ki je pozicioniran pod vsakim produktom.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div>

Intersport uporablja tudi sekcijo \u201cMorda ti bo v\u0161e\u010d\u201d, kjer lahko uporabniki pregledajo sorodne produkte.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Do sedaj je verjetno \u017ee jasno, da predlog o sorodnih in dopolnilnih produktih slu\u017ei razli\u010dnima namenoma. Prvi poi\u0161\u010de prave produkte za uporabnike, drugi pa poi\u0161\u010de prave dodatke, ki sodijo zraven. Naslednji dober primer smo na\u0161li na spletni strani podjetja Status<\/a>.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><\/div><\/div>

\n
<\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>
\n
<\/div>

\u010ce kupujete vakuumsko napravo, vam Status predlaga dodatke k produktu, ki bi jih po njihovem mnenju prav tako potrebovali, kot so na primer vakuumske role v razli\u010dnih dimenzijah.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>

\n

Povzetek<\/h2>\n

Upravljanje s spletno trgovino je vse prej kot enostavno. Zato vedno testirajte svoje uporabnike<\/strong>, \u010de le imate to mo\u017enost, saj boste le tako dobili kar najve\u010d pomembnih in koristnih informacij o izbolj\u0161avi spleti\u0161\u010da in s tem pove\u010dali \u0161tevilo nakupov. \u010ce boste sledili na\u0161im zgornjim zapisom dobre prakse, ste \u017ee na pravi poti. Seveda pa pred ve\u010djimi spremembami le dobro razmislite o tem, katere funkcije so za vas primerne in katere ne<\/strong>.<\/p>\n

Upamo, da smo vam s podanimi predlogi vsaj malce pomagali pri izbolj\u0161avi spletne trgovine. \u010ce pa bi potrebovali \u0161e dodatne nasvete in dobre prakse za va\u0161o specifi\u010dno storitev, nam lahko vedno pi\u0161ete<\/a>\u00a0in z veseljem vam\u00a0pomagamo. :)<\/p>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"

V procesu oblikovanja spletne trgovine je vedno pomembno, da se pravilno odlo\u010dite, katere informacije \u017eelite izpostaviti in kje. V na\u0161em \u010dlanku najdete 7 UX nasvetov, ki bodo va\u0161o produktno stran naredili bolj prodajno naravnano in uporabniku prijazno.<\/p>\n","protected":false},"author":1,"featured_media":32115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1030,1031],"tags":[],"_links":{"self":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/32274"}],"collection":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/comments?post=32274"}],"version-history":[{"count":14,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/32274\/revisions"}],"predecessor-version":[{"id":36142,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/32274\/revisions\/36142"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media\/32115"}],"wp:attachment":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media?parent=32274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/categories?post=32274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/tags?post=32274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}