okt
06
Írta: Tupacko, 2007-10-06, (Alapok, Blogolok, Design, Web)

Figyelem!Azért született ez a bejegyzés, mint a webdesignerek hét bűne, mert rengeteg idegesítő weboldalt lát az ember nap, mint nap. Ezen lehet segíteni, mindössze oda kell egy kicsit figyelni, hogy mik az esztétikum határai. Nem akarok most minden apró hibát felsorolni, éppen ezért összegeztem a, szerintem, legnagyobb bakikat.
.1. A leggyakoribb hiba a rossz színek választása. A nem jól összeválasztott szín paletta, főleg az éles színek, ?szétverik? a weboldal kinézetét, sértővé vállnak a szem számára és olvashatatlan oldalt eredményeznek. Persze a hasonló oldalakon nem is időznek sokáig a látogatók.
.2. A második leggyakoribb hiba a fontok nem megfelelő összeválasztása. Maradjunk meg az alap betűtípusoknál, vagy legalább a legeltrejettebeknél. Ha nem ezt tesszük, akkor a látogató egy csúnya oldalt fog látni, annak ellenére, hogy a mi gépünkön gyönyörű. Mi erre a magyarázat? Az, hogy mi nem az alap fontot méretezzük, hanem a sajátunkat. Más és más fontok, más és másként méreteződnek, ezért szétnyomhatja az oldalt, vagy éppen olvashatatlanul picik lesznek a betűk. Ha a Photoshoppos tervezésre gondolunk, ott ne használjunk anti-alias effektet, mivel valóságban nem azt fogjuk kapni, amikor lekódoljuk az oldalt.
.3. Óriás méretek, a harmadik probléma. Emlékszem még az időre, amikor mindent hatalmasra készítettem én is :) Nem szabad, ugyan úgy, ahogyan nem szabad mindent túl picire sem készíteni. Sajnos sokszor a nem megfelelő képernyőfelbontás vezet rossz irányba. Általában igazítsuk a designt a 9-12 pontos betűmérethez (akarattal nem képpont, nem pixel, hanem point).
.4. Árnyék és fényhatás, az örök probléma. Sokan azt hiszik, ha megtanulják használni a shadow és outer glow effekteket, akkor azokat mindenre kell alkalmazni, mint ha az egy affajta etalon lenne. Elég őket csak diszkréten alkalmazni, mert elronthatja a kinézet összképét.
.5. A következő, és sajnos egyre terjedő, probléma az erős, vagy egymásra merőleges színátmenetek. Próbáljunk meg csak egy irányban használni színátmenetet, de főleg legyen halvány, mert hanem nagyon szörnyű lesz az oldal. Bizony, egy afféle alap a web 2.0ban a színátmenet, a tükrözés és az árnyékolás, de haloványan kell mindezt végezni.
.6. Olyat rajzolsz vagy képzelsz el, amit szinte lehetetlen lekódolni. Az ötös pontban említett, sokirányú színátmenetek okozhatják főleg, vagy ha az oldal kinézetét túlbonyolítod. Nem érdemes bonyolult szerkezeten gondolkodni, mivel az adatok akkor nem lesznek szembetűnők, így az olvasó információvesztéssel szembesülhet.
.7. Sokan azt hisszük, vagy talán mind, hogy az elkészült design egy tökély. Nem biztos, sőt, több mint valószínű, hogy nem az. Fektessünk erőt abba, hogy mások véleményét is kikérjük, illetve meghallgassuk azt. Próbáljunk meg tenni az érdekében, hogy minél több embernek teszteljen a design, mivel nem mindenkinek, szerencsére, egyforma az ízlése.
Többek közt ezeket a pontokat találtam a témára keresve és átgondolva azt, ami valóban fennáll.

Ezek az ikonok ún. közösségi könyvjelző oldalakra mutatnak, ahol meg lehet osztani másokkal is amit fontosnak találsz.
  • Book.mark.hu
  • blogtercimlap
  • Linkter
  • Digg
  • del.icio.us
  • NewsVine
  • Furl
  • blogmarks
  • Reddit
  • Spurl
  • Technorati
  • YahooMyWeb
(2 szavazat)
Loading ... Loading ...



Hozzaszólások:
28 hozzaszólás a "A webdesignerek hét bűne" bejegyzéshez.
nullstring, weboldala, 2007. október 7., 18:47

csodálatosan sikerült kiemelned a lényeges pontokat, gratulálok :D

a 2-es ponthoz megjegyezném, hogy nem csak az lehet probléma, hogy nincs a látogató gépén olyan font, ami oda lett tervezve, mert meg lehet azt a szöveget csinálni képből is, pl ha egy h1-ről beszélünk, de ott máris jön a sávszélesség mint szűk keresztmetszet… pl..
vagy az, hogy azokat mindig le kell generálni, vagy manuálisan, vagy automatikusan. egyik sem jó megoldás.


Janoszen, weboldala, 2007. október 7., 18:51

8. Kontraszt, kontraszt, kontraszt!

A többire is rengeteg példát láttam, nagyon igaz, egy-kettőnél föl is nevettem. :)


Tupacko, weboldala, 2007. október 7., 19:30

H1 és hasnoló kiememlési lehetőségeket azért sem szabad képpel elérni, mert sokat számít SEOban.
Janoszen, írtam a kontrasztot is, az az első, csak másként fogalmaztam, talán rosszúl: “nem jól összeválasztott szín paletta, főleg az éles színek”.


Janoszen, weboldala, 2007. október 7., 22:02

A H1-et meg lehet oldani CSS-ből is, ha éppen úgy adódik. :)


Tupacko, weboldala, 2007. október 8., 14:57

Pontosan, éppen azért kell hasznláni címeknél a H1-et, mert így is úgy is olyanra formáljuk, amilyenre akarjuk, de a keresőmotor csak H1-et ismeri címnek (még), nem a méreteket nézi és a többi formázást :)


Tupacko, weboldala, 2007. október 8., 15:16

9. A kezdők sokszor használnak kezdőoldalt és csak azt követően engedik a látogatót tovább. Ez nem helyes! Rengeteg látogatót elijeszt vagy éppen csak félrevezet, hogy nincs tartalom az oldalon. Hasonló problémát eredményeznek az “under construction” oldalak is …


Suco, weboldala, 2007. október 9., 12:47

Ne felejtsük el a túlzott javascript használatát, ami nem köthető az oldal funkcionális működéséhez, csak kint van az oldalon. Ez inkább akkor baj, ha nagyon sok dolog van egy egy oldalon, ami belassítja az egéssz oldal töltődését. Persze néha kimondottan jól lehet használni a javascriptet vagy az ajaxot. Az egyre jobban terjedő gagyi warezolásról már nem is beszélek, az sms warezről meg pláne. Még idegesítőbb amikor egy oldalt megnyitsz és három, négy esetleg több popup oldal nyíllik meg magától ha bezárod, újból megjelenik. Nem tudom ki az aki ezen az oldalon megmarad két másodpercnél tovább ? Persze így lehet növelni egy egy oldal fantomstisztikáját, de ezzel el is vágták azt az oldalt.


Tupacko, weboldala, 2007. október 9., 17:29

Sajnos sok a fölösleges JS, az tény. Popup nem gond, ha az ember megfelelő böngészőt és kiegészítőket használ :)


Beni, weboldala, 2007. október 23., 14:15

Szia, én a nyelvválasztás miatt használok kezdőlapot. Ez hogy oldjam meg máshogyan? az oldalon belülre tegyek nyelvválaszto gombokat?


Tupacko, weboldala, 2007. október 23., 15:19

Szerintem ilyen esetben nem rossz, mert a további oldalon maradás függ a helyes nyelvtől. Én főleg az értelmetlen, üres kezdőoldalakra gondoltam.
Természetesen megoldaható másként is:
bejön egyik nyelv, lehetőleg az ország nyelve vagy az angol, és kiteszel nyelvválasztási lehetőségeket. Elönyös zászlokat (is) használni, mert vizuálisan hamarabb reagál az ember, mint hogy elolvassa a sok értelmetlen szöveget.


Beni, weboldala, 2007. október 23., 15:44

szeva, kösz a gyors választ. lenne most egy nagyon fontos kérdésem. rátaláltam a függőleges menü css-sel nevű tutorialodra, amit meg is valósítottam, de nekem ugyan ez kellene legördülő menüvel. nagyon örülnék ha mielőbb válaszolnál. előre is kösz : Bence


Tupacko, weboldala, 2007. október 23., 16:09

human, weboldala, 2007. december 6., 16:01

Tudok egyet ami kimaradt, az pedig a sorkizárás. Ez az oldal például használja, és átlagnetezőnek zavaró. Még nekem is, elég csak megnézni, hogy a kommentek mennyivel jobban olvashatóak. A nem pont egyforma hosszú sorok azért jók, mert könnyű megtalálni a következőt, na meg mert a szavak közötti távolság egyforma végig, és az jó a szemnek.

nyomtatásban más a sorkizárás, de most webdesignerekről van szó.


Tupacko, weboldala, 2007. december 6., 22:58

Nem tudom, ha igazad van. Én abszolut nem tartom rossz dolognak a sorkizárást, ami azt illeti mástól sem hallotam, még. Lehet igazad van, szvsz ránézetre szebb, ha nem cikk-cakkosan végződik a bekezdés jobb oldala sem. A kommentekben azért nincs alkalmazva, mert elfelejtettem, de most már így marad, mert változatosabb az oldal :)


human, weboldala, 2007. december 8., 03:59

Leírtam, hogy miért nem ajánlott a használata. Amit már valaki tesztekkel kisakkozott, én sem az ujjamból szoptam.

Ha megnézed a nagyobb kinti vagy hazai siteokat, egyik sem használja. Sejtheted, hogy nem véletlenül. Még a papíralapú újsággal rendelkezők sem erőszakolták rá a webes megjelenésükre a sorkizárást (ugye nyomtatva szinte kötelező)


Tupacko, weboldala, 2007. december 8., 12:22

Mondtam, lehet igazad van. Én még nem tapasztaltam az általad leírt rossz hatásokat.


Max Logan, weboldala, 2007. december 12., 17:46

Én sok esetben fogom a FireBug-ot és átnyomom sokizárta a szöveget egy hosszabb cikknél, mert _engem_ zavar, hogy nem egyforma a sorok hossza. Ami a nyomtatást illeti, sajnos sok szakmai (programozás) könyvben sem sorkizárt a szöveg és attól is meg tudok őrülni.


Tupacko, weboldala, 2007. december 12., 20:28

Én is jobban szeretem a sorkizárt szöveget, de ha igény volt rá több részről is (és megnéztem néhány nagy blogot, ott sincs kihúzva), kiszedtem én is.


Vyktor, weboldala, 2008. január 31., 15:29

A sorkizárás egy bonyolult kérdés attól függetlenül is, amit eddig leírtatok…

Nézzétek meg a W3C validatorban… a HTML szabvány nem támogatja a justify értéket, tehát ha használod, akkor tuti nem lesz szabványos az oldalad.

Márpedig épp ezt szeretnék az igényesebb dizájnerek elérni, hogy végre tartsuk be a szabványokat (a Microsofttal kéne kezdeni…)

Kezdőoldal nem mindig rossz, ha látványos, akkor szórakoztató is lehet. De tehetsz rá tartalmat, mondjuk híreket, és akkor máris nem üres locsogás, hanem a site része. És persze megjelenésben nem szabad, hogy elüssön az oldal többi részétől.

Amúgy gratula a 7 pontért, nagyon igazad van, főleg ami a magyar viszonylatot illeti.


Tupacko, weboldala, 2008. január 31., 15:47

Nem is szabad HTMLben justify-t használni, mert az már nem mark-up, hanem formázás. A justify-t CSSből kell rátenni, ott viszont standard.


félmosoly, weboldala, 2008. január 31., 19:43

Tupacko és Suco!
Ismerem a munkáitok és nagyon tetszenek! :)))


Tupacko, weboldala, 2008. január 31., 19:55

Azt hiszem kettőnk nevében is megköszönhetem: köszönjük!


eternity, weboldala, 2008. január 31., 20:47

Én csak júzer vagyok, de szvsz van két dolog, ami még idegesítő tud lenni:
- a kikapcsolhatatlan zene
- és ha nem egyértelműek a menüpontok elnevezései (a Kapcsolat/elérhetőség menüpontot sokszor kifejezetten kihívás megtalálni, olyan jól eldugják)

Ó, és plusz egy: ha nincs “Vissza a főoldalra”.


Tupacko, weboldala, 2008. január 31., 20:50

Ez mind igaz is, bár szerintem még 1001 hiba létezik. A bejegyzés a leggyakoribb hibákat fikázza (főleg). Köszi, hogy megosztottad a véleményed!


félmosoly, weboldala, 2008. január 31., 23:31

még használtam is sokat a sablonotokat, azokból tanultam meg a dolgok nagyját :)
szóval én köszönöm :)


piszkafa, weboldala, 2008. február 1., 02:32

Utálom a túlcsicsázott, túl flash-elt túlprogramozott oldalakat és kész. Érték a mérték.
De!
Amíg gyakran azért fizetnek, amit egy-egy dilettáns elképzel, addig nincs miről beszélni.


Tupacko, weboldala, 2008. február 1., 11:02

Való igaz! Viszont ki tud ezen változtatni? A webdesigner! Nem vállal el minden kicsi rosszízű melót, mert adnak érte tíz garast.


szako, weboldala, 2008. április 14., 10:50

Jé, eddig soha nem tűnt fel, hogy a nagyobb híroldalak nem sorkizártak! Mindig tanul vmit az ember. :-)

Jó a cikk!


Szólj hozza!

Név: 
Email: 
Weboldal *
Hozzaszólás: 
*Nem kötelező megadni, ha nincs weboldalad, akkor hagyd üresen!