{"id":6924,"date":"2020-07-08T11:56:51","date_gmt":"2020-07-08T09:56:51","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=6924"},"modified":"2020-07-08T11:56:53","modified_gmt":"2020-07-08T09:56:53","slug":"webdesign-mitoszok","status":"publish","type":"post","link":"http:\/\/blog.webshark.hu\/2020\/07\/08\/webdesign-mitoszok\/","title":{"rendered":"N\u00e9h\u00e1ny webdesign-m\u00edtosz, amin most m\u00e1r \u00e9rdemes lenne t\u00fall\u00e9pni"},"content":{"rendered":"\n

Akadnak olyan hiedelmek a weboldal-k\u00e9sz\u00edt\u00e9sben<\/a>, melyek nagyon ber\u00f6gz\u00fcltek sokak gondolkod\u00e1s\u00e1ba, pedig ma m\u00e1r nincs igaz\u00e1n l\u00e9tjogosults\u00e1guk, vagy csak nem igazak.<\/strong><\/p>\n\n\n\n\n\n\n\n

A Design Shack egy bejegyz\u00e9sben<\/a> most \u00e1tp\u00f6rgetett n\u00e9h\u00e1ny olyan hiedelmet, melyeken \u00e9rdemes lenne lassan t\u00fall\u00e9pni.<\/p>\n\n\n\n

A felhaszn\u00e1l\u00f3k szeretik a slidereket?<\/h3>\n\n\n\n

Mikor fordult el\u0151 utolj\u00e1ra, hogy megv\u00e1rtad egy slider k\u00e9peit vagy, vagy kattintott\u00e1l r\u00e1juk? Hab\u00e1r a sliderek m\u00e9g mindig n\u00e9pszer\u0171ek, nem t\u00fal hasznosak. A felhaszn\u00e1l\u00f3k aktivit\u00e1sa a sliderekn\u00e9l vagy a karuszelekn\u00e9l rendk\u00edv\u00fcl alacsony. Yoast gy\u0171jt\u00f6tt \u00f6ssze n\u00e9h\u00e1ny olyan t\u00e9nyt, melyek megfontol\u00e1sra k\u00e9sztethetnek b\u00e1rkit, aki slidereket haszn\u00e1l:<\/p>\n\n\n\n

  • Mind\u00f6ssze a felhaszn\u00e1l\u00f3k egy sz\u00e1zal\u00e9ka kattint a sliderekre<\/li>
  • A sliderek t\u00fal sok inform\u00e1ci\u00f3t tartalmaznak, ez\u00e9rt els\u0151sorban zavart okoznak<\/li>
  • Lelass\u00edtj\u00e1k a weboldalt<\/li>
  • A felhaszn\u00e1l\u00f3k \u00e1tugorhatj\u00e1k az egy\u00e9bk\u00e9nt fontos \u00fczeneteket a weboldalon<\/li><\/ul>\n\n\n\n

    \u00c9rdemes teh\u00e1t m\u00e1s megold\u00e1sok ut\u00e1n n\u00e9zni, \u00e9s a slidereket lassan lehagyni a weboldalakr\u00f3l. Kreat\u00edv megold\u00e1sk\u00e9nt sz\u00f3ba j\u00f6het valamilyen parallax g\u00f6rget\u00e9s, de lehet, hogy hat\u00e9konyabb, ha az egyes slidereken szerepl\u0151 k\u00fcl\u00f6nb\u00f6z\u0151 inform\u00e1ci\u00f3knak t\u00f6bb c\u00e9loldalt hozol l\u00e9tre, mindegyikn\u00e9l egy saj\u00e1t t\u00f6lcs\u00e9rrel. <\/p>\n\n\n\n

    A design a sz\u00e9ps\u00e9gr\u0151l sz\u00f3l?<\/h3>\n\n\n\n

    Egy j\u00f3 design nem olyan, mint amikor egy v\u00e1szonra fest\u00fcnk. Term\u00e9szetesen hasznos, ha eszt\u00e9tikailag is rendben van egy weboldal, a j\u00f3 design azonban a sz\u00e9ps\u00e9g mellett els\u0151sorban m\u0171k\u00f6d\u0151k\u00e9pes. Nem el\u00e9g, hogy egy olyan dolgot hozol l\u00e9tre, ami j\u00f3l n\u00e9z ki, gondolnod kell a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre is, ami a design r\u00e9sze. Hogyan fognak kapcsolatba l\u00e9pni a designnal a l\u00e1togat\u00f3k? K\u00e9pesek lesznek v\u00e9grehajtani azt a feladatot, ami\u00e9rt \u00e9rkeztek, k\u00f6sz\u00f6nhet\u0151en a vizu\u00e1lis jelz\u00e9seknek?<\/p>\n\n\n\n

    A designfolyamatra mindig \u00fagy gondolj, mint ami t\u00f6bb, mint egy vizu\u00e1lis megjelen\u00e9s. Ahogy elkezded felv\u00e1zolni a projekted, vedd figyelembe a funkci\u00f3kat, melyek megjelen\u00edt\u00e9s\u00e9re felhaszn\u00e1lod a vizu\u00e1lis elemeket. Ett\u0151l lesz mindig egyre jobb a design. Egy j\u00f3 megjelen\u00e9s seg\u00edt a felhaszn\u00e1l\u00f3knak megoldani a probl\u00e9m\u00e1ikat, \u00e9s megtal\u00e1lni a legfontosabb inform\u00e1ci\u00f3kat. Ebbe pedig beletartozik minden, a k\u00e9pekt\u0151l a sz\u00edneken kereszt\u00fcl a bet\u0171t\u00edpusokig.<\/p>\n\n\n\n

    Az egyszer\u0171s\u00e9g azonos a minimalizmussal?<\/h3>\n\n\n\n

    Egy egyszer\u0171 design nem felt\u00e9tlen\u00fcl minimalista. Az egyszer\u0171 design l\u00e9nyege, hogy k\u00f6nny\u0171 meg\u00e9rteni, mert nem terheli a felhaszn\u00e1l\u00f3t az \u00f6sszetetts\u00e9ggel. Egyfajta megk\u00f6zel\u00edt\u00e9se annak, hogy hat\u00e9konyan kommunik\u00e1lj, \u00e9s seg\u00edtsd a weboldalad l\u00e1togat\u00f3it. <\/p>\n\n\n\n

    A minimalizmus viszont egy st\u00edlus, mely saj\u00e1t elvei alapj\u00e1n \u00e9p\u00fcl fel, teh\u00e1t t\u00f6bb ann\u00e1l, mint hogy egyszer\u0171en elhagyja a felesleget egy \u00e1ramvonalasabb vizu\u00e1lis megjelen\u00e9s\u00e9rt. A minimalizmus els\u0151sorban a vizu\u00e1lis megjelen\u00e9sr\u0151l sz\u00f3l, m\u00edg az egyszer\u0171s\u00e9g egyben funkcion\u00e1lis is. <\/p>\n\n\n\n

    A felhaszn\u00e1l\u00f3k nem g\u00f6rgetnek?<\/h3>\n\n\n\n

    Volt egy id\u0151szak, amikor a legfontosabb webdesign-tan\u00e1cs az volt, hogy minden fontos inform\u00e1ci\u00f3t a hajt\u00e1s f\u00f6l\u00e9 helyezz\u00fcnk, mert a felhaszn\u00e1l\u00f3k nem g\u00f6rgetnek, \u00edgy pedig soha nem fogj\u00e1k l\u00e1tni ezeket az inform\u00e1ci\u00f3kat. Ez a megk\u00f6zel\u00edt\u00e9s azonban fokozatosan v\u00e1ltozik:<\/p>\n\n\n\n

    • A g\u00f6rget\u00e9s mennyis\u00e9ge att\u00f3l f\u00fcgg\u0151en k\u00fcl\u00f6nb\u00f6zik, hogy milyen kijelz\u0151n n\u00e9zik a felhaszn\u00e1l\u00f3k a weboldalt (desktop vagy mobil).<\/li>
    • Az emberek egyre gyakorlottabban g\u00f6rgetnek \u00e9s hat\u00e9konyabban futj\u00e1k \u00e1t a legfontosabb inform\u00e1ci\u00f3kat a weboldalakon, m\u00e9g azt megel\u0151z\u0151en, hogy eld\u00f6nten\u00e9k: otthagyj\u00e1k az oldalt. <\/li><\/ul>\n\n\n\n

      Ez azt jelenti, hogy \u00e9rdemes \u00e9rdekes tartalmakat elhelyezni a weboldal t\u00f6bb r\u00e9sz\u00e9n is. Ebbe beletartozik a hajt\u00e1s feletti r\u00e9sz a felhaszn\u00e1l\u00f3k azon r\u00e9sze \u00e9rdek\u00e9ben, akik m\u00e9gsem g\u00f6rgetnek tov\u00e1bb, de a weboldal lejjebb l\u00e9v\u0151 r\u00e9szei is l\u00e9nyegesek azok miatt, akik \u00e1tfutj\u00e1k az oldal marad\u00e9k\u00e1t is, legal\u00e1bbis r\u00e9szben. <\/p>\n\n\n\n

      Ha tov\u00e1bbra is agg\u00f3dsz amiatt, hogy a l\u00e1togat\u00f3id nem fognak g\u00f6rgetni, akkor helyezz el olyan vizu\u00e1lis jeleket, melyek el\u0151seg\u00edtik a g\u00f6rget\u00e9st. Az is fontos, hogy az \u00e9rdekes inform\u00e1ci\u00f3s r\u00e9szeket valamik\u00e9ppen emeld ki, hogy felfigyeljenek r\u00e1 a felhaszn\u00e1l\u00f3k, \u00e9s meg\u00e1lljanak \u00e1ttanulm\u00e1nyozni. Ezzel egy \u00fajabb es\u00e9lyt adsz annak, hogy a l\u00e1togat\u00f3k konvert\u00e1ljanak az oldalon. <\/p>\n\n\n\n

      Minden oldalnak szerepelnie kellene a navig\u00e1ci\u00f3s men\u00fcben?<\/h3>\n\n\n\n

      Ahogy telnek az \u00e9vek, azt l\u00e1tjuk, hogy m\u00e9g az \u00f3ri\u00e1si mega-men\u00fck elkezdtek karcs\u00fasodni. Mi az oka ennek? Az, hogy a v\u00e1laszt\u00e1si lehet\u0151s\u00e9gek t\u00fal nagy sz\u00e1ma nyomaszt\u00f3an hat a felhaszn\u00e1l\u00f3kra, \u00e9s nem \u00f6szt\u00f6nzi \u0151ket a kattint\u00e1sra, hanem elrettenti \u0151ket a weboldalr\u00f3l.<\/p>\n\n\n\n

      Sokkal jobb megold\u00e1s, ha a men\u00fcben csak a legn\u00e9pszer\u0171bb oldalaid linkjei szerepelnek, valamint tartalmaz egy keres\u0151mez\u0151t azok sz\u00e1m\u00e1ra, akik nem tal\u00e1lj\u00e1k meg itt, amit keresnek. Ez\u00e1ltal a navig\u00e1ci\u00f3s men\u00fc sokkal \u00e1tl\u00e1that\u00f3bb\u00e1 v\u00e1lik, \u00e9s sokkal egyszer\u0171bb kezelni mobileszk\u00f6z\u00f6k\u00f6n. <\/p>\n\n\n\n

      A weboldalakon sans serifet lehet csak haszn\u00e1lni?<\/h3>\n\n\n\n

      Hab\u00e1r kor\u00e1bban hasznos volt az a tan\u00e1cs, hogy a weboldalakon els\u0151sorban a sans serif bet\u0171kb\u0151l \u00e9rdemes v\u00e1logatni, m\u00e1ra idej\u00e9tm\u00falt\u00e1 v\u00e1lt. A nagyfelbont\u00e1s\u00fa kijelz\u0151knek k\u00f6sz\u00f6nhet\u0151en m\u00e1r nem okoz gondot a serif vagy a k\u00e9zzel \u00edrott bet\u0171k olvashat\u00f3s\u00e1ga sem – m\u00e1r persze, ha a sz\u00ednek \u00e9s a kontraszt rendben van. \u00dagyhogy b\u00e1tran v\u00e1logathatsz a bet\u0171t\u00edpusok teljes v\u00e1laszt\u00e9k\u00e1b\u00f3l, nem kell ragaszkodnod a sans serifekhez.<\/p>\n\n\n\n

      Csak a f\u0151oldal sz\u00e1m\u00edt?<\/h3>\n\n\n\n

      Szint\u00e9n halv\u00e1nyul\u00f3 trend, hogy miden inform\u00e1ci\u00f3t a f\u0151oldalra pr\u00f3b\u00e1ltak zs\u00fafolni a weboldaltulajdonosok. Ez most m\u00e1r csak akkor j\u00f3 \u00f6tlet, ha val\u00f3ban korl\u00e1tozott mennyis\u00e9g\u0171 tartalmad van. Az ilyen egyetlen oldalra \u00e9p\u00edt\u0151 design kifejezetten korl\u00e1toz\u00f3v\u00e1 v\u00e1lik, amikor elkezd n\u00f6vekedni a c\u00e9ged. <\/p>\n\n\n\n

      A legt\u00f6bb weboldal sokkal jobban kezelhet\u0151, ha t\u00f6bb, egyform\u00e1n fontos oldala, illetve t\u00f6bb bel\u00e9p\u00e9si pontja is van. Persze akadnak olyanok, akik k\u00f6zvetlen\u00fcl a f\u0151oldalra \u00e9rkeznek az URL-c\u00edm beg\u00e9pel\u00e9s\u00e9vel, nagyon sokan a keres\u0151b\u0151l \u00e9rkeznek, m\u00e9gpedig nem felt\u00e9tlen\u00fcl a f\u0151oldalra.<\/p>\n\n\n\n

      A t\u00f6bb oldal r\u00e9v\u00e9n mindegyiknek k\u00f6nnyebben beazonos\u00edthat\u00f3 lesz a tartalma, \u00edgy jobban ki tudod szolg\u00e1lni azon l\u00e1togat\u00f3k ig\u00e9ny\u00e9t, akik egy bizonyos t\u00e9m\u00e1ra k\u00edv\u00e1ncsiak. Az oldalak k\u00f6z\u00e9 tartoznak a blogbejegyz\u00e9sek oldalai, ahogy a kapcsolati inform\u00e1ci\u00f3k vagy a \u201cr\u00f3lunk\u201d oldal is.<\/p>\n\n\n\n

      Sz\u00fcks\u00e9g van k\u00f6z\u00f6ss\u00e9gi m\u00e9dia feedre a weboldaladon?<\/h3>\n\n\n\n

      A k\u00f6z\u00f6ss\u00e9gi m\u00e9dia feedek haszn\u00e1lata hasonl\u00f3 n\u00e9pszer\u0171s\u00e9gnek \u00f6rvend, mint a sliderek\u00e9. Ugyanakkor \u00e9rdemes \u00e1tgondolni, hogy vajon milyen el\u0151ny\u00f6d sz\u00e1rmazik abb\u00f3l, ha elfoglalja a weboldalad egy r\u00e9sz\u00e9t a Facebook-feeded egy bizonyos verzi\u00f3ja. <\/p>\n\n\n\n

      Az persze el\u0151ny\u00f6s lehet, ha a felhaszn\u00e1l\u00f3k egyetlen gombnyom\u00e1ssal megoszthatnak tartalmakat a k\u00f6z\u00f6ss\u00e9gi m\u00e9di\u00e1ban, vagy k\u00f6vethetnek, ugyanakkor a feedre nem igaz\u00e1n van sz\u00fcks\u00e9g. <\/p>\n\n\n\n

      Amit mindezek alapj\u00e1n fontos meg\u00e9rteni, hogy az id\u0151 m\u00fal\u00e1s\u00e1val v\u00e1ltozik a webdesign is, amihez pedig neked is alkalmazkodnod kell a weboldaladdal.<\/p>\n\r\n