pre-alpha template demo - trgovine Merkanty
17 naročnikov
17 naročnikov
tukaj je demo 1. template-a nase eCommerce platforme...
template je nekje na 55%...pa me zanima, ce menite, da je zadosti pregleden, jasen in uporaben...oz. ce sem na pravi poti...
ce manjkajo kaki pomembni elementi
cilj tega template-a je
-preprostost (cimmanj motecih elementov in balasta, produkti v ospredju)
- hitrost (ceprav se thumbnail slikce niso zoptimizirane in js/css asseti se niso zdruzeni)...
- uporabnost... s cimmanj kliki do kosarice in narocila
- neka elegantnost
to do:
-one page checkut
- media queries (da deluje na vseh resolucijah in napravah)
- SEO friendly...ceprav je trgovina vecinoma propelirana prek ajaxa, se URLji pravilno prikazujejo in tudi vsebina je prikazana brez JSja...vendar se ne povsod (prikaz produkta in podstrani)
- optimizacija slik
- popup produkta - thumbnaili in social layer (ikonce)
- izpostavljeni placilni pogoji
- spisek priljubljenih / primerjava produktov med seboj
- VSEBINA - torej novice, pogoji uporabe, kdo smo, etc..
- ogromno manjsih bugfixov..tak da namen te teme ni bug report ;)
46 odgovorov
@perunpro: Super hvala za ves cas in natancen pregled strani.
In kako bo trgovec to vedel?
Kaj kako bo vedel? Vsak trgovec se odloci po svoje kater tempalte mu je vsec in kateri ne. Jaz lahko le svetujem.
Po mal scrollanja ima stran 11MB, s tem da ne dela tekoce scroll na i7, ssd in najnovejsem FF.
400+ za JS? Res rabis vse to?
Ne, definitivno ne, saj pravim, da so slike neoptimizirane. tudi produkti se bodo tako nalagali, da se bodo prejsnje strani iz DOMa brisale... tako da bo v teoriji vedno enaka velikost. Poleg tega, sedaj asseti (js in css niso zoptimizirani, ker je se globoko v razvojni razlicici)...
Meni je muka klikat - za vecino stvari ne vem kaj delajo, prevec je migotanja, ko s svojo 5000+dpi misko potegnem cez page je kot da bi se odprl ciganski voz.
Kaj zdaj ti je muka klikat ali muka it samo z misko cez? Nekateri imajo raje, da se jim zadeve odpirajo na klik, drugi na hover. Vsak bo imel normalno moznost dolocat. Tudi to, da je anvigacijski menu za kategorije odprt na levi (kot standardno).
Za veliko stvari ne vem kaj delajo, KAKO delajo... ce jaz ne vem, potem povprecni uporabnik sploh ne bo vedel.
katere stvari ne ves? spisek produktov, podrobnosti produkta -> daj v kosarico. V kosarici gres na blagajno. To je bistvo trgovine.
vse drugo je postranskega pomena. Na Mesetarju vam ni vsec, da je vsega prevec, tle pa dam je premalo opisno kaj kaj pomeni? hmm..
Poskusam razumeti, kaj vas moti, ker bi res rad naredil odlicno stvar. Se pravi bi po tvojem mnenju raje v osnovnem demotu dal na klik? Pa navigacijo v osnovi ze odprto?
Da se da slike menjat s dragom sem se spomnil iz neke prejsne teme - tvoje prejsne teme, ne ker bi bilo to logicno ali da bi intuitivno vedel.
to da se jo da dragat ali ne, sploh nima veze. noben sploh ne rabi vedet za to funkcionalnost. Glavno je, da ti slike vidis, ko gres v detajle produkta... tukaj na spisku je samo dodatna funkcionalnost. nobenega ne moti ce je ne pozna, ne? ;)
Ne dela pregled izglelka
res ne? kaj pa ti naredi? sem probal na vecih racunalnikih in meni dela ok.
ko kliknem na "dodaj v kosarico" se ikona zamenja, kosarica ostane prazna, tako da bolj ali manj komentiram prvo stran.
hvala za info. sem videl, da sem imel se eno stvar za log v firebugu in pol ni delalo, zdaj je odpravljeno.
Dodatno mi manjka se ustrezni kurzorji - ce grem cez nekaj, kar odpre neko okno, pricakujem da ne bo kurzor tak kot da berem tekst :)
se popolnoma strinjam, to je obveza... se dela na vseh mogocih indikatorjih in povratnih informacijah.... definitivno bodo tudi kurzorji postimani v nulo.
se enkrat res full ti hvala, da si si vzel cas. (in vsi ostali) very appreciated!
Še jaz te opomnim na par morebitnih napak.
In sicer še vedno se včasih zgodi da ko kliknem na podrobnost izdelka, se izpiše nek java alert "not equal..". No ko pa mi uspe odpreti se zgornji del izdelka odreže, verjetno ker imamo premajhno resolucijo. Malo me moti, da ko imam odprte podrobnosti in da grem čez košarico je sama košarica skrita za izdelkom. Ne vem zdaj ali to je pač tako zasnovano, namreč jaz bi še vedno dal prioriteto košarici.
No potem, ko podrobnosti izdelka zaprem je url naslov še vedno url od izdelka. če stran iz bilo katerega razloga osvežim se odpre stran z izdelkom, vendar je popolnoma polomljena :D
To je zaenkrat vse, kar sem na hitro preklikal. Če ne so mi nekatere ideje všečne. Naj pa še povem mojem mnenje o nekaterih gumbih. Nekako se mi zdi, da tej gumbi ne preveč pašejo na to stran.. vse preveč spominjajo na mešetarja, kar pa me ne moti, sam pač ne pašejo v obliko strani. Je pa to moje osebno in subjektivno mnenje.
Lep pozdrav.
ja, to da url gori ostaja, je tudi seveda na todo listi...
da je kosarica za produktom in da je produkt odrezan, pa je seveda produkt tega, da se je sedaj razvijalo samo na fullHD resoluciji... imam pa pripravljeno ze za media querije za druge resolucije, da bo polno responsive!
kake gumbe pa bi ti dal? cilj je bil narediti cimbolj dinamicno zadevo, torej da je vecina CSS...in da izstopajo iz sheme kot CTA ampak da vseeno deujejo kot del teme (da so kao zlati)
imas kak drugi predlog? kje pa ti vidis podobnost z mesetarjem pa nimam pojma :S
hvala za feedback!
No, da ti še jaz malo pokomentiram tale templejt ... na prvi pogled deluje zadeva prijetno, na drugi pogled, me pa kar nekaj stvari zmoti.
Moti me odsotnost neke jasne centralizirane navigacije; zgoraj imaš novice, pogoji, varen nakup - vse nekaj na majhno (verjetno je mišljen kot sekundarni menu), potem imaš pa nekaj, kar spominja na glavni menu, vendar mi je za glavno navigacijo porijneno preveč na vrh, v kot - je višje od logotipa. Potem je pa še tretji del navigacije, ki zdrobljen pod bannerjem ... skratka, jaz bi to vse skupaj lepo centraliziral, naredil en pas lepo med logotipom in bannerjem in tam umestil glavno navigacijo - tako, kot bi verjetno večina uporabnikov to pričakovalo. Nimam nekega občutka preglednosti nad ponudbo te, sicer namišljene, trgovine.
Druga stvar, ki me zmoti, je prikaz izdelkov. Generalno mi je ta pintereset-ajax stil všečen, ampak da ima svoj namen, ne zato ker je pač tako zdej 'in' - kaj določa višino posameznega stolpca? Slike so generalno vse v razmerju 3:4 in kot taka ne more diktirat velikosti (oz. lahko minimalno če so fotke obrezane), edino kar pomislim je opis izdelka, ki ga trenutno tudi pogrešam ... ampak spet, ali se bodo prikazovali dejansko celotni opisi izdelkov znotraj teh enot? Ni mi najboljše utemljen sistem, ki je sicer idealen za nek feed, kjer uporabniki komentirajo objave, da se lahko jasno vidi št. komentarjev - za trgovino se mi to zdi pogojno uporabno.
Potem pa sam grafični stil; ni slab, deluje sveže in sodobno, všeč mi je ta light-shady vtis, deluje vse lahkotno in 'HD', manjka mi pa vpeljava sekundarne barve, ki bi morala biti predvidena za kasnejšo prilagoditev posamezni trgovini. Namreč ljudje imajo razne celostne podobe za svoje dejavnosti oz. trgovine, ki prepoznavnost negujejo tudi na račun barve in potrebno je premislit kje in kako se bo barvni sistem integriral v celoto. Potem tale tekstura v ozadju - why so blurred? :) Lepše bi bilo če bi bil vzorec jasen in oster, vendar na nizkem opacityju; mislim, da bi tako izgledalo še bolj 'HD'.
Svetujem, da poskusite to trgovino konkretizirat na nekem bolj konkretnem namišljenem primeru, na način, da bomo lahko tukaj testirali to zadevo kot nek realen produkt, da damo kakšen izdelek v košaro, preberemo opise, jih primerjamo ... hkrati bo pa tako tudi vam lažje načrtovat izkušnjo uporabnika za to trgovino.
No, pa veliko sreče pri nadaljnem delu :)
@ž: kot vedno, fenomenalen post.
bom na kratko odgovoril.
sekundarna barva je v tem primeru zlata, primarna pa srebrno siva. Templatiranje bo omogocilo neomejeno barv, v osnovi pa triazni sistem (lahko bos dolocil primarno barvo in ti po sistem sam dolocil 2 komplementarne barve in temu priredil celotno shemo... ki pa jo bos lahko posebej nastavljal do najmanjsega gradnika)... v osnovi bo pa avtomatizem.
Primarna navigacija. cilj tega template-a je minimalizem. Torej zgornji(sekundarni) menu je zgoraj, ker ga tam uporabniki najveckrat iscejo (novice, o podjetju, placilni pogoji, etc). Glavna navigacija pa je zdruzena z navigacijo pos traneh in z iskalnikom. V startu je bila postavljena nad banner/slider. Ampak je potem prevec odmaknjena od spiska in deluje nepovezano. Pa tudi ta navigacija je logicno pvoezana samo s spiskom (produktov) in ne s sliderjem/bannerjem. Torej je po logiki banner visje.
Bom pa pripravil naslendji template z bolj standardno navigacijo...
- Ja, ta demo trgovina poskusa biti cimbolj priblizek realni trgovini. Torej opisi produktov so tako kot ponavadi pri nakitu minimalni in sekundarnega pomena... primarnega pomena je slika...ime (ki je obnem kratek opis) in cena. Sklepam da tudi material (zlato, diamanti, rubini, etc).. tak da bom verjetno tudi to vkljcil.
zdaj sem malenkostno zaposlen drugje, tak da bo se malenkostno pocakalo.. bom pa dal emkra t v roku 3 tednov ponovno v vpogled, ko bodo vasi predogi in pomisleki upostevani in bo na splosno predloga velik bolj izpiljena...
hvala za feedback
crazy stuff is happenin'... I'm tellin' ya ;)
nic pac petek je... in zadeve grejo lepo naprej... pa morem pac malo delit ;)
