Általam készített weboldal véleményezése

Üdv,

Tudom, hogy forráskód nélkül nehéz véleményezni egy weboldalt, de úgy döntöttem, hogy kikérem a szakmabeliek véleményét a most elkészített weboldalról, jó lenne a visszacsatolás. Építő jellegű kritikára (meg nem építő jellegűre is) vevő vagyok.

http://kameleonmuterem.hu

Köszönettel,
A.

Hozzászólások

Ja, az a slider nagyon gaz, hanyingerem lesz tole.

A galeria oldalon tul lassu az attunes effektus a fotok kozott. A menuben idegesito, hogy szinte csak a link szovege viselkedik linkkent, ki kene nyujtani mindket iranyba, hogy teljesen kitoltse a szulo elemet.

----------------------
"ONE OF THESE DAYS I'M GOING TO CUT YOU INTO LITTLE PIECES!!!$E$%#$#%^*^"
--> YouTube csatornám

"A slidert lassítottam"

Meg igy is nagyon zavaro, kellemetlenul hat ha ekkora teruleten gorgetsz, inkabb valami attunest javasolnek, de azt a fotosorozatot valahogy feleslegesnek erzem a fejlecben levo fotok es a jobb oldali "Pillanatok" miatt.

"az áttűnést gyorsítottam."

Meg mindig tul lassu, nekem max 300ms lenne elfogadhato, jelenleg ugy tunik, legalabb 2 masodpercig tart az attunes. Par foto meg nagy, lassan toltodnek be, ezt is lehetne optimalizalni.

"A menüben az "Állandó programjaink" almenüpontjaira gondolsz?"

Ott erezheto ez jobban, de a fomenu elemei kozul is kiiktatnam a hezagot.

----------------------
"ONE OF THESE DAYS I'M GOING TO CUT YOU INTO LITTLE PIECES!!!$E$%#$#%^*^"
--> YouTube csatornám

Miért egy olyan Wordpress sablont választottál ami több mint 2 éves, és kompatibilitási problémák lehetnek vele?

Inkább szerver oldalon lehetne variálni, ha van hozzáférésed, az oldal maga szerintem tetszetős, bár a 404-es oldal félig english :)
Minify plugin helyett használj inkább mod_pagespeed-et (evvel tudod szeparálni a statikus tartalmat is külön url-re, azokat meg nginx-szel jól el lehet cache-elni, és több requestet tudsz így egyszerre kezelni).
Használj rewrite-ot, hogy az oldal automatikusan www.domain.tld-re menjen, ha domain.tld-vel hívják (ha mod_pagespeed-del képzel static url-t, akkor jól jön).
Az nginx verziót tüntesd el a response headerből.
Az oldal így is gyors (GTmetrix-szel néztem), de ezen mod_pagespeed-del még lehet sokat javítani.

Pl.:
Összevonja a css-eket (csökken a requestek száma). Ugyanezt js-ekkel is megteszi, a rövidebb kódokat, ha külön fájlban vannak, inline beteszi a kódba.
Az inline beillesztést kisebb képfájlokra is érdemes beállítani (pl. ikonok).
Képes a képfájlok méretét (ha nincs a html-ben direkt megadva) automatikusan a html kódba illeszteni (ez is gyorsít) - pl. gallery thumbnails esetében.
Az optimalizált kódot be lehet dobálni memcached-be (nagyobb látogatottság mellett csökken a szerver IO igény).
And many more.
--
PtY - www.onlinedemo.hu, www.westeros.hu

Köszönöm a válaszodat.

A 404-es oldalig még nem jutottam, mindjárt megcsinálom :)

Hostgatoron vagyok, osztott tárhelyen, ott sajnos nincs mod_pagespeed, pedig egyébként ismerem, hasznos dolog.

A rewrite nálam pont fordítva van, www esetén domain.tld-re megy. Ha nem használok mod_pagespeed-et, akkor is jobb lenne fordítva?

Ha jól gondolom, akkor nincs lehetőségem eltüntetni az ngnix verzióját sem osztott tárhelyen.

Mindegy, hogy www-ről, vagy www-re írsz át. Csak akkor hasznos a www-t használni alapból, ha van mod_pagespeed (nginx esetében ahhoz amúgy is buildelni kell, mert nem moduláris a kód). Apache-csal könnyebb, de azt sem tartom kizártnak, hogy Apache a kiszolgálód, csak van előtte egy reverse proxy. Ez igazából mellékes, ha nem férsz hozzá szerver szinten.
Az nginx verzió szerintem csak a fő konfigban vehető ki.
--
PtY - www.onlinedemo.hu, www.westeros.hu

Lehet én néztem be a dolgot, de az a fura, a slideren ha a "pöttyökre" klikkelek, akkor jól lépteti a képet, ha pedig a nyilakra akkor 2-ket, tehát minden páros kimarad. Chrome alól.

------
3 fajta matematikus létezik. Aki tud számolni, és aki nem.

Nem "mobilbarát".
Nincs benne semmi különleges. (ez nem is előny, nem is hátrány)

a reszponzív kell anélkül semmit nem ér az egész. vannak szuper ingyenes sablonok amit szépen lehet egyedivé varázsolni pofonegyszerűen. pl.: nirvana.
kapcsolatnál egy captcha-t beraknék.

Négy dolog ami első ránézézésre eszembejutott:
- az oldal tetején lévő színes "csík" teljesen fölösleges, hogy animált legyen. Eltereli a látogató figyelmét.
- a főoldalon a slider fölösleges, a fejlécben és a bal oldali sávban is megtalálhatók ugyanazok a képek. a szöveg pedig elég strukturálatlan
- ha ez egy olyan oldal, ahol valamilyen szolgáltatást kínáltok, egy kicsit egyértelműbbé is tehetnétek (pl. call-to action elemek)
- a szövegbeviteli mezők egy stílust követhetnének az egész oldalon (keresés, jelentkezés, kapcsolat)

Köszönöm szépen. Igyekszem javítani.

Milyen egy weboldal? Ezt csak a célok ismeretében lehet eldönteni.

Két kérdést kell ilyenkor tisztázni:
- Az, aki ide téved, annak mi a célja
- Neked mi a célod.

A sorrend nem véletlen: a látogató millió weboldal közül fogja nézegetni a tiedet, és minden ami nem azzal kapcsolatos, amit épp el szeretne érni, mellékes.

Itt a klasszikus kísérlet egyik adaptációja: https://www.youtube.com/watch?v=xAFfYLR_IRY

A weboldaladat nézve, a látogató szülő. Gondolom a te ideális szülőd táborba, szakkörbe akarja iratni gyerekét hogy művészetileg kiélhesse magát/fejlődjön.

Az elsődleges célja biztos nem az, hogy az iskola után még magoltassanak vele művtörit például. Lehet, hogy előnyösnek tartja, ha történelmi kontextusba van helyezve a művészet, de hogy nem ez a legfontosabb dolog ami miatt keres, az biztos,

Szóval ha megszűntetnéd ezt a kiemelést, az pl. lehet jót tenne.

Nyilván a szülő azt is szeretné, ha jól érezné magát a gyerek és biztonságban lenne. Erre egész jól rájátszasz, csak egy picit tágabb kontextusba érdemes nézni: mi az, amitől egy szülő ezt fogja gondolni ezen kívül? Pl. más szülők ajánlása, szülői facebook-csoport, stb.

Nem irom ezt össze, Kolboid kb. megtette ( http://blog.kolboid.eu/67-modszer-hogyan-novelheted-a-konverziot/ ) ha már a Zurb library-t ( http://zurb.com/triggers ) nagyságrendileg szétbarmolták - az archive.org-on talán még van belőle rendes...

Pl. biztos nem árt, ha tudni lehet, hol a műterem, mert a 11. kerület egy elég tág fogalom, és ha nevetek-arcotok nincsen, egy aggódó szülő nem biztos, hogy meg tud különböztetni egy szervkereskedőtől... (Az oviban is van neve az ovónőknek!)

Na aztán. Hogy talál rád? Pl. guglizik, ugye? Mire guglizik?

"gyerek művészeti foglalkozás" vagy "művészeti szakkör"

Bejön az oldal (SEO-tól tekintsünk el), és hol van az ezzel kapcsolatos lényegi infó (jelentkezés?)

Jobboldalt, 13-as betűtípussal, ahelyett hogy legalább 18-assal vágná arcba középen az Órarend/Áraink oldal tartalma - nem linkje, tartalma. Az ember balról jobbra olvas, ráadásul kb. az oldal felső két sorát olvassa el, szóval ezen még volna mit javítani.

Szegény gugel viszont várhatóan az "A vizuális nyelv használatára fogékony tehetségek korai felismerésére és segítésére", kifejezést fogja kiírni az oldal alá, amiből én a vizuális nyelv kifejezést rögvest kivenném - a televízió kb. az egyetlen görög szó, amit hagynék egy weboldalon: "Graeca sunt, non leguntur".

Ezek jöttek szembe így elsőre, természetesen mivel ezzel foglalkozom, ha gondolod, keress meg, ha nem, akkor a 100 Dolog Amit Minden Tervezőnek Tudnia Kell (Kiskapu kiadó, 2011) tudom ajánlani.