Jopar lista van netszerte a web design hibak temajaban. A legtobbjuk a "Leggyakoribb" vagy a "Top 10" hibak cim alatt talalhato. Akarhanyszor talalkoztam egy ilyen listaval, mindig arra kellett gondolnom: "Az lehetetlen, hogy csak 10 hibat lehessen elkovetni ... " Ezert ugy dontottem, hogy leirom mindazokat, amelyek eszembe jutnak, es ugy egy fel ora alatt eszembe jutott vagy harminc. Meg keresgeltem egy kicsit a neten, es a lista 43-ra nott.

A kovetkezo lepesben odabiggyesztettem mindegyik melle egy rovid leirast, az eredmeny pedig a lehetseges hibak alabbi listaja lett. Nehanyuk teljesen egyertelmu, mig masok a vita targyat kepezhetik. A legtobbjuk megis alkalmazhato barmilyen website-on, legyen az egy uzleti oldal vagy egy blog.


  1. A felhasznalonak par masodperc alatt tudnia kell, hogy mirol szol az oldal: a figyelem felkeltes a legertekesebb penznem az interneten. Ha a latogato par masodperc alatt nem jon ra arra, hogy mirol szol az oldal, akkor valoszinuleg mashova fog menni. Mondd el, hogy miert toltsem az oldaladon az idomet, es ezt GYORSAN!
  2. Az oldalad legyen atlathato:Ez az Internet, nem egy konyv, szoval felejtsd el a hosszu bekezdeseket. Lehet, hogy akkor latogatom meg az oldalad, amikor epp dolgozom, vagy valami mast csinalok, szoval csinald ugy, hogy gyorsan meg tudjam ragadni a lenyeget. Felsorolasok, fejlecek, alcimek, listak. Barmi, ami segiti az olvasot abban, hogy kiszurje azt, ami utan keresgel.
  3. Ne hasznalj flancos betuket, amik olvashatatlanok: biztos van jopar betutipus ami kifinomult kinezetet ad az oldalodnak. De olvashatoak? Ha a fo celod, hogy atadj egy "uzenetet" akkor a latogatodnak el kell olvasnia a tartalmat, es ezt bizony kenyelmesse kell tenned.
  4. Ne hasznalj aprocska betuket: Folytatva az elobbi gondolatot, Te azt akarod, hogy az olvasoid kenyelmesen elolvassak a tartalmadat. A Firefoxom tud zoomolni, de ha erre szukseg van az oldaladon, akkor legkozelebb mar nem latogatlak meg.
  5. Ne nyitogass uj ablakokat: Annak idejen en is ezt tettem. A gondolat egyszeru, ha uj ablakot nyitok, amikor a felhasznalo egy kifele mutato linkre klikkel, akkor sose hagyja el az en oldalamat. HIBAS! Engedd meg a felhasznalonak, hogy o mondja meg, hogy hova nyissa meg az uj oldalt. Ezert van minden browsernek egy hatalmas "Back" gombja. Ne aggodj amiatt, hogy egy masik weboldalra kuldod a latogatodat, vissza fog terni hozzad, ha akar (meg a porno oldalak is megfontoljak ezt a tanacsot az utobbi idoben).
  6. Ne allitgasd a browser meretet: a felhasznalonak nem szabad elvesziteni a kontrollt a bongeszoje felett. Ha atallitod a browsert, akkor azzal azt veszelyteted, hogy valamit elbenazol a kepernyojen, vagy ami meg rosszabb, elveszted a hiteledet elotte.
  7. Ne regisztraltass, ha nem szukseges: mondjuk ki nyiltan, amikor szorfozunk a neten es informacio utan nezunk, akkor semmi kedvunk ezt hatulrol, kerulo uton tenni. Ne kenyszerits arra, hogy regisztraljak es megadjam az emailcimem vagy egyeb adatot, kiveve ha mindenkepp szukseges (pl. ha az ajanlatod annyira jo, hogy elnezo leszek a regiszralasert).
  8. Soha ne irasd fel a latogatot semmire a beleegyezese nelkul: ne irasd fel automatikusan semmilyen levelezolistara ha regisztral a site-odon. Ha keretlen leveleket kuldozgetsz korbe, az nem a legjobb modja, hogy baratokat szerezzel.
  9. Ne hasznalj tul sok Flash-t: eltekintve attol, hogy noveli a site letoltesi idejet, a Flash tulzott hasznalata zavarhatja a latogatot. Csak akkor hasznald, ha valami olyat akarsz mutatni, ami statikus oldalon nem megcsinalhato.
  10. Keruld a zenet: Az Internet korai eveiben a web-fejlesztok folyamatosan probalkoztak, hogy a zenet integraljak a website-jukba. Kepzeld, gyalazatosan szornyu volt. Ne hasznalj zenet, soha.
  11. Ha MUSZAJ zenet lejatszanod, akkor ezt hagyd a felhasznalora: vannak helyezetek, amelyek igenylik, hogy zenet jatszal le. Ha szoveget kell eljuttatnod a juzerhez, vagy a bemutatodnak van audio komponense. Ez oke. De legyen O a nyeregben, hagyd, hogy megnyomja a "Play" gombot, ellentetben azzal, ha egybol az arcaba nyavogod a zenedet, amint belep az oldalra.
  12. Ne pakold tele az oldalad logokkal: eloszor is, halozatok es community site-ok logoival teletuzdelt oldal nem nez ki profin. Meg akkor is, ha dijakrol, elismeresekrol beszelunk. Ha van ilyened, akkor helyezd oket az "Abous Us" oldalra.
  13. Ne hasznald a homepaget belepokent az "igazi" oldaladra: minnel kevesebb lepest kell megtennie a usernek, hogy megkapja a tartalmadat, annal jobb.
  14. Legyenek reszletek: nincs rosszabb annal, mint egy oldal, amin nincsenek reszletek. Ez nem csak a latogatoknak rossz, de neked is. Fontos visszajelzesektol eshetsz el, hogy igy teszel.
  15. "Back" gomb mukodjon: ez egy nagyon fontos a hasznalhatosag szempontjabol. Soha ne akaszd meg a "Back" gomb hasznalatat, semmilyen korulmenyek kozott. Ha uj ablak megnyitasaes nehany javascript peldaul ilyen.
  16. Ne villogtasd a szoveget: kiveve ha a latogatod 1996-bol erkezik, kozvetlenul.
  17. Keruld a bonyolult URL-eket: egyszeru, kulcso alapu URL struktura nem csak noveli a keresoben a helyezesed, de az olvaso szamara is azonosithatobba teszi az oldal tartalmat, mielott meglatogatja.
  18. Hasznalj CSS-t HTML tablak helyett: HTML tablakat azert hasznaltunk, hogy az oldalnak format adjunk. A CSS megjelenesevel, akarhogy is , nincs rajuk szukseg. CSS gyorsabb, megbizhatobb es sokkal tobbet nyujt.
  19. Tedd kereshetove az egesz website-ot: oka van annak, hogy a keresok forradalmasitottak az Internetet. Valoszinuleg mar te is sejtetted, ez azert van hogy konnyebben megtalalhassa az olvaso az informaciot, amit keres. Ne tagadd ezt meg az oldaladon.
  20. Ne hasznalj "drop down" menuket: a felhasznalo jo, ha kozvetlenul latja a navigacios lehetosegeket. Drop down menuket hasznalata osszekeverheti a dolgokat, es elrejti az olvaso elol, hogy eppen mit keresgel.
  21. Hasznalj szoveges linkeket: Gyorsabb es hasznosabb, raadasul nehany olvaso szorfoles kozben kikapcsolja a kepeket.
  22. Ha PDF-re linkelsz, tedd nyilvanvalova: klikkeltel mar valaha is egy linkre, hogy aztan lasd ahogy lefagy a browser-ed amig elindul az Acrobat Reader, hogy megnyissa a (keretlen) PDF file-t? Eleg zavaro, ugyhogy inkabb tedd nyilvanvalova, hogy a link egy PDF file-ra mutat, hogy megfeleloen lehessen kezelni.
  23. Ne zavard ossze a latogatot tul sok verzioval: ne kavard ossze a latogatoidat, hogy tul sok verziot kinalsz a weblapodrol. Milyen savszelesseget szeressek? 56kbit, 128kbit? Fflash vagy html? Ember, csak mutasd a tartalmat!
  24. Ne nyomj reklamot a tartalom koze: Ha Adsense jellegu reklamot raksz a sorok koze, akkor az rovid tavon emelheti a tovabb-click-eles ertekedet. Hosszutavon, csokkenti az olvasobazisodat. Es egy bosszus latogato egy elvesztett latogato.
  25. Hasznalj egyszeru navigacios strukturat: neha a kevesebb tobb. Ezt a szabalyt alkalmazhatod az emberekre meg a valasztasokra is. A weblapodnak legyen egy, atlathato navigacios strukturaja. A legutolso dolog, amit akarsz, hogy az olvasot elbizonytalanitsd, hogy merre kell mennie, ha egy informaciot keres.
  26. Keruld az introkat: ne iteld a felhasznalot arra, hogy megnezzen vagy elolvasson barmit is, mielott az igazi tartalomhoz hozzajut. Ez egyszeruen bosszanto, es csak akkor fog maradni az olvasod, ha tenyleg nagyon egyedi az, amit kinalsz.
  27. Ne hasznalj FrontPage-et: inkabb valassz egy masik, olcso HTML editort (van ingyenes is am!). Habar a FrontPage-dzsel egyszerubbnek tunik a dizajn elkeszitese, addig az eredmeny (html source) eleg szegenyes, raadasul inkompatibilis mas browserekkel, es jopar bugot is tartalmaz.
  28. Legyen az oldalad browser fuggetlen: a bongeszok nem egyformak, raadasul nem egyforman ertelmezik a CSS-t vagy mas nyelveket (pl. javascript). Akar tetszik, akar nem, bongeszo fuggetlenne kell tenned az oldalad, legalabbis a leggyakrabban hasznalt bongeszokkel, vagy olvasokat vesztesz el hosszu tavon.
  29. Legyen anchor texted a linkeden: Bevallom, en is elkovettem korabban ezt a hibat. Annyival egyszerubb azt mondani az embereknek "Klikkelj ide". De ez nem hatekony. Tegyel a linkhez anchor textet, igy az olvasok legalabb tudjak, hogy hova mennek, ha raklikkelnek a linkre, es kulso oldal szamara SEO elonyoket jelent, ahova a link mutat.
  30. Ne alcazd a linket: eltekintve attol, hogy a linknek legyen leirasa, a felhasznalonak azt is latnia kell, hogy hova mutat a link, mondjuk a bongeszo status bar-jaban. Ha elrejted a linket (mert beolvasztasra kerult, vagy mas okokbol) az oldalad hitelet veszti.
  31. Legyen a link lathato: a latogatok szamara konnyen eszrevehetonek kell lennie, hogy mi klikkelheto es mi nem. A link szine legyen kontrasztos (a standard kek a legtobb esetben optimalis). Lehetoleg legyen alahuzva.
  32. Ne huzd ala vagy szinezd a normal szoveget: hacsak nem feltetlen szukseges, akkor ne huzz ala normal szoveget. Ahogy a felhasznalok szamara szukseges, hogy a linkek jol felismerhetoek legyenek, ugy jobb, ha nem gondolnak arra, hogy valami klikkelheto, ha nem az.
  33. Mar latogatott linket szinezd maskepp: ez egy eleg fontos pont a weboldalad hasznalhatosaga szempontjabol. Ha latogatott linkek szine mas, akkor a user sokkal konnyebben eligazodik az oldaladon, es biztos lehet abban, hogy nem nezi meg ujra es ujra ugyanazt az oldalt akaratlanul is.
  34. Ne hasznalj animalt GIF-et: kiveve ha reklam bannereden fel akarod kelteni a figyelmet, jobb ha tartozkodsz az animalt gifektol. Ettol az oldalad benanak fog tunni, raadasul eltereli a figyelmet a lenyegtol.
  35. Hasznald az ALT es a TITLE tag-eket a kepeknel: nemcsak hogy a SEO-nal hasznalatodra lehet, ha hasznalod a kep ALT es TITLE attributumjait, de a vakok szamara is nagyon fontos.
  36. Ne hasznalj harsany szineket: ha a felhasznalodnak fejfajasa van az oldalad olvasasa kozben 10 perc utan, akkor jobb ha egy masik szinmintat hasznalsz. Alkoss egy szinpalettat a celjaid kore (peldaul: hangulat atadasa, a tartalomra valo fokusz, stb).
  37. Ne hasznalj felnyilo ablakokat: ez a popup-ok minden tipusara vonatkozik. Meg a felhasznalo altal igenyelt popup is rossz otlet, ha az ember az egyre nagyobb szamban jelen levo popup-blocker-ekre gondol.
  38. Keruld a javascript linkeket: ezek a linkek egy kis javascriptet futtatnak le, ha rajukklikkelsz. Keruld oket, mert gyakran okoznak problemat a felhasznaloknak.
  39. Helyezz hasznos linkeket a labreszbe: az emberek le szoktak scrollozni a lap aljara ha nem talaljak a keresett informaciot. A legkevesebb, hogy berakjad a linket a homepage-re es lehetoleg egy linket a "Contact Us" oldalra.
  40. Keruld a hosszu oldalakat: ha az olvasonak az idok vegezeteig kell scrolloznia, hogy eljusson a tartalomig, akkor valoszinuleg kihagyja az egeszet. Ebben az esetben keszitsd rovidebbre a oldalt es fejleszd a navigacios struktruradat.
  41. Vizszintes scroll: egyertelmuen tilos. Mig a fuggoleges scrollozast elfogadjak, ugyanez nem mondhato el a vizszintes scrollozasrol. A leggyakrabban hasznalt felbontas manapsag a 1024 x 768 pixel, ugyhogy bizonyosodj meg arrol, hogy ezen a felbontason is nezheto a honlapod.
  42. Elutesek vagy nyelvtani hibak: ugyan ez nem a web dizajner hibaja, de az egyik legfontosabb mutatoja a weblap altalanos minosegenek. Figyelj arra, hogy a linkek es a szovegek ne tartalmazzanak elutest vagy nyelvtani hibat.
  43. Ha CAPTCHA-t hasznalsz, legyen olvashato: jopar oldal hasznal CAPTCHA szurot, hogy csokkentse a spam-et a hozzaszolasokban es a regisztracios formulaknal. Ezzel csak egy gond van, a legtobb esetben a komplett csaladjat segitsegul kell hivnia, hogy kisilabizaljak a betuket.

Eredetibol forditva: 43-web-design-mistakes-you-should-avoid

További érdekes témák, ötletek a Blogfórumon.

Tetszett a bejegyzés? Iratkozz fel az RSS értesítőre, a hírlevélre vagy ajánld barátaidnak a Twitteren vagy a freeblogon.

« Elejére | Újabbak

 
 
 
Blogfórum
 
 

(x)

 
 

Blogvilág java

  • Mi az a blog?
  • 23 kerdes jovobeni bloggereknek - Jo-e neked a bloggolas?
  • Hogyan alapozzuk meg a weben hírnevünket bármilyen témakörben?
  • 120 nap alatt a semmiből 2000 olvasó
  • Miért nem reagálnak egymásra a magyar blogok?
 
 

Linkek

Saját blogok:
  • Freeblog Sablonok
  • Geeklány
  • Focusize
Olvasásra ajánlott blogok:
  • SEO blog - Longhand
  • Link building blog
  • Marketing Izék
  • Bodzasfanta blogdolgai
  • Wyctim blogelete
  • Blogról | doransky
  • IT Megoldások
  • Keresőoptimalizálás, keresőmarketing, SEO blog
  • Webmánia
  • daily blog tips
  • doshdosh
 
 

Partnerek

Add to Technorati Favorites GeoURL Bloggers & Blogging Blogs - BlogCatalog Blog Directory

 
 

Szerzői jogok

Creative Commons License Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
 
Follow this blog