{"id":108,"date":"2019-04-04T10:42:28","date_gmt":"2019-04-04T09:42:28","guid":{"rendered":"https:\/\/weart.hu\/blog\/ez-az-5-legaltalanosabb-weboldal-tervezes-hiba\/"},"modified":"2021-04-02T15:16:05","modified_gmt":"2021-04-02T14:16:05","slug":"ez-az-5-legaltalanosabb-weboldal-tervezes-hiba","status":"publish","type":"post","link":"https:\/\/weart.hu\/posts\/ez-az-5-legaltalanosabb-weboldal-tervezes-hiba\/","title":{"rendered":"Ez az 5 leg\u00e1ltal\u00e1nosabb weboldal tervez\u00e9si hiba"},"content":{"rendered":"\n

Mint minden m\u00e1s az \u00e9letben a weboldal tervez\u00e9s\u00e9t is lehet j\u00f3l \u00e9s kifejezetten rosszul is csin\u00e1lni. A j\u00f3l tervezett webdiz\u00e1jn nem kelt felt\u0171n\u00e9st, egyszer\u0171en csak term\u00e9szetesen viselkedsz rajta, de ha rosszul tervezt\u00e9k meg akkor az egyb\u0151l felt\u0171nik a l\u00e1togat\u00f3nak. Itt van \u00f6t olyan hiba, amit majdnem minden weboldalon l\u00e1tni.<\/p>\n\n\n\n\n\n\n\n

  1. T\u00fal sok funkci\u00f3 a weboldalon<\/a><\/li>
  2. Beleszeret a kin\u00e9zetbe, amit k\u00e9sz\u00edtett<\/a>Teszteld a diz\u00e1jnt<\/a><\/li>
  3. Tesztelni kell a diz\u00e1jnt<\/a><\/li>
  4. Felt\u00e9telez\u00e9sek kutat\u00e1s helyett<\/a><\/li>
  5. \u00dajrafeltal\u00e1lja a kereket<\/a><\/li>
  6. \u00d6sszefoglal\u00e1s<\/a><\/li><\/ol>\n\n\n\n

    T\u00fal sok funkci\u00f3 a weboldalon<\/h3>\n\n\n\n

    Sok weboldal k\u00e9sz\u00edt\u0151 azonos\u00edtja a funkci\u00f3k sz\u00e1m\u00e1t a weboldal\n\u00e9rt\u00e9k\u00e9vel, ez\u00e9rt megpr\u00f3b\u00e1lnak min\u00e9l t\u00f6bb funkci\u00f3t belezs\u00fafolni a weboldalba \u00e9s\nnem n\u00e9zik azt, hogy ezzel a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra val\u00f3ban \u00e9rt\u00e9kes dolgot\n\u00e9p\u00edtettek-e a honlapba. Az eredm\u00e9ny pedig az lesz, hogy elveszik a weboldal\nval\u00f3di c\u00e9lja a funkci\u00f3k t\u00f6meg\u00e9ben, a felhaszn\u00e1l\u00f3 elveszik, megunja \u00e9s lel\u00e9p m\u00e9g\nmiel\u0151tt hasznot hozhatna nek\u00fcnk.<\/p>\n\n\n\n

    Ker\u00fcld el ezt a csapd\u00e1t, mindig hat\u00e1rozd meg a weboldal c\u00e9lj\u00e1t\n\u00e9s mindent ennek rendelj al\u00e1, ami nem szolg\u00e1lja szorosan ennek a c\u00e9lnak az\nel\u00e9r\u00e9s\u00e9t annak a funkci\u00f3t ki kell gyoml\u00e1lni. A weboldal c\u00e9lja b\u00e1rmi lehet, a\nmostani weboldallal a c\u00e9lom hogy tan\u00e1csot adjak \u00e9s aj\u00e1nlatk\u00e9r\u00e9seket kapjak. <\/p>\n\n\n\n

    A \u201emi\u00e9rt\u201d a helyes k\u00e9rd\u00e9s nem pedig a \u201ehogyan\u201d. Az \u00faj weboldal tervez\u00e9sekor mindig azt a k\u00e9rd\u00e9st tedd fel, hogy \u201emi\u00e9rt tervezed\u201d nem a technikai \u201ehogyant\u201d, azt majd a webfejleszt\u0151 megoldja. <\/p><\/blockquote>\n\n\n\n

    Beleszeret a kin\u00e9zetbe, amit k\u00e9sz\u00edtett<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    A grafikusok \u00e9s weboldal tulajdonos nagy r\u00e9sze is hajlamos\nbeleesni ebbe a csapd\u00e1ba. Egyszer\u0171en beleszeret egy diz\u00e1jnba, grafikai\nst\u00edlusba, esetleg a saj\u00e1t alkot\u00e1s\u00e1ba \u00e9s ez rettent\u0151en megnehez\u00edti sz\u00e1m\u00e1ra a\nweboldal \u00fajragondol\u00e1s\u00e1t \u00e9s az esetleges felesleges funkci\u00f3k t\u00f6rl\u00e9s\u00e9t. Amikor\nvalaki kritik\u00e1t mond a diz\u00e1jnra akkor azt szem\u00e9lyes s\u00e9rt\u00e9sk\u00e9nt kezeli. <\/p>\n\n\n\n

    Tesztelni kell a diz\u00e1jnt<\/h3>\n\n\n\n

    A fenti pont elker\u00fcl\u00e9se miatt van sz\u00fcks\u00e9g a tesztel\u00e9sre amikor weboldalt tervez valaki. Nyilv\u00e1n ez a legt\u00f6bb esetben nem t\u0171nik lehets\u00e9gesnek, de ha \u00e9pp egy weboldalt terveztetsz, akkor az elk\u00e9sz\u00fclt l\u00e1tv\u00e1nytervet \u00e9rdemes min\u00e9l t\u00f6bb ismer\u0151snek megmutatni, mert a tervez\u00e9si hib\u00e1k nagyon nagy sz\u00e1zal\u00e9ka kisz\u0171rhet\u0151 vele. <\/p>\n\n\n\n

    Ha az oldal c\u00e9lja, hogy felh\u00edvjon az \u00fcgyf\u00e9l, de te megmutattad a diz\u00e1jnt otthon \u00e9s nem tal\u00e1lja rajta a csal\u00e1dtagod sem a telefonsz\u00e1mot akkor j\u00f3 es\u00e9llyel az \u00fcgyfeled sem fogja.<\/p><\/blockquote>\n\n\n\n

    Felt\u00e9telez\u00e9sek kutat\u00e1s helyett<\/h3>\n\n\n\n

    Amikor egy tervez\u0151 azt mondja, hogy nem kell ide nagy okoss\u00e1g \u201e\u00e9n is felhaszn\u00e1l\u00f3 vagyok m\u00e1sik oldalakon, pontosan tudom, hogy mi kell a t\u00f6bbi felhaszn\u00e1l\u00f3nak\u201d. Na ez az ami \u00e1ltal\u00e1ban nem m\u0171k\u00f6dik \u00e9s a legs\u00falyosabb UX (felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny) hib\u00e1khoz vezetnek. A weboldal tervez\u00e9se t\u00e9nyeken alapul\u00f3 folyamat, aminek nem r\u00e9sze a meg\u00e9rz\u00e9sekre val\u00f3 hallgat\u00e1s.<\/p>\n\n\n\n

    Az hogy valaki \u00fagy gondolja, hogy \u00e9rt hozz\u00e1, az nem biztos, hogy t\u00e9nyleg \u00fagy is van. Ahhoz hogy valaki j\u00f3l haszn\u00e1lhat\u00f3 weboldalt tervezzen sok\u00e9ves gyakorlatra van sz\u00fcks\u00e9g \u00e9s arra hogy a szem\u00e9lyes \u00e9rzelmei ne befoly\u00e1solj\u00e1k a munk\u00e1t. Minden diz\u00e1jnnak egy funkci\u00f3ja van a v\u00e9g\u00e9n, az pedig az, hogy a weboldal c\u00e9lj\u00e1r\u00f3l meggy\u0151zz\u00e9k a l\u00e1togat\u00f3t \u00e9s v\u00e1s\u00e1roljon.<\/p>\n\n\n\n

    Nem kell \u00fajra feltal\u00e1lni a kereket<\/h3>\n\n\n\n

    \u201eMindenki ugyanazt az unalmas diz\u00e1jnt csin\u00e1lja, valami\nizgalmasabb k\u00e9ne\u201d. Na, ez az a mondat amit\u0151l menek\u00fclj! Aki ilyen szeml\u00e9letben\ntervez weboldalt az \u00f6nmegval\u00f3s\u00edt, \u00e9s hajlamos elk\u00f6vetni a fenti hib\u00e1kat. Vagyis\nszerelembe esik a saj\u00e1t alkot\u00e1s\u00e1val \u00e9s figyelmen k\u00edv\u00fcl hagy minden m\u00e1st. <\/p>\n\n\n\n

    A felhaszn\u00e1l\u00f3k szeretnek els\u0151re eligazodni egy weboldalon,\nez\u00e9rt hasonl\u00f3an kell kin\u00e9znie mint amit megszokott. Legal\u00e1bbis fel\u00e9p\u00edt\u00e9sben,\nami nem egyenl\u0151 azzal hogy ne lehetne (\u00e9s kellene) bele egyedis\u00e9get vinni, de\nnem a fel\u00e9p\u00edt\u00e9sben, mert a felhaszn\u00e1l\u00f3k a megszokott dolgaikat ugyanott fogj\u00e1k\nkeresni. A weboldalak fel\u00e9p\u00edt\u00e9se nem v\u00e9letlen\u00fcl ugyanaz.<\/p>\n\n\n\n

    Gondolj csak a mobilmen\u00fc <\/a>hamburger ikonj\u00e1ra. Ha nem a jobb fels\u0151 sarokban lenne \u00e9s nem h\u00e1rom vonal lenne a jele, hanem mondjuk h\u00e1romsz\u00f6g, akkor te megtal\u00e1ln\u00e1d? <\/p>\n\n\n\n

    \u00d6sszefoglal\u00e1s<\/h3>\n\n\n\n

    A j\u00f3 diz\u00e1jn tesztel\u00e9sen \u00e9s tapasztalaton alapul. Nem szabad felt\u00e9telez\u00e9sekre \u00e9s el\u0151\u00edt\u00e9ltekre alapozni a tervez\u00e9st, mert a v\u00e9g\u00e9n csak egy olyan diz\u00e1jnunk lesz amit mi ugyan j\u00f3l tudunk haszn\u00e1lni \u00e9s tetszik is nek\u00fcnk, de a c\u00e9lt vagyis a v\u00e1llalkoz\u00e1s c\u00e9lj\u00e1t nem \u00e9rj\u00fck el vele. <\/p>\n\n\n\n

    Nem az a j\u00f3 diz\u00e1jn ami nek\u00fcnk tetszik, hanem ami a felhaszn\u00e1l\u00f3knak.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Mint minden m\u00e1s az \u00e9letben a weboldal tervez\u00e9s\u00e9t is lehet j\u00f3l \u00e9s kifejezetten rosszul is csin\u00e1lni. A j\u00f3l tervezett webdiz\u00e1jn nem kelt felt\u0171n\u00e9st, egyszer\u0171en csak term\u00e9szetesen viselkedsz rajta, de ha rosszul tervezt\u00e9k meg akkor az egyb\u0151l felt\u0171nik a l\u00e1togat\u00f3nak. Itt van \u00f6t olyan hiba, amit majdnem minden weboldalon l\u00e1tni.<\/p>\n","protected":false},"author":2,"featured_media":109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[12,13],"acf":[],"_links":{"self":[{"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/posts\/108"}],"collection":[{"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":1,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":1405,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/posts\/108\/revisions\/1405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/media\/109"}],"wp:attachment":[{"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weart.hu\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}