{"id":8397,"date":"2016-08-15T13:39:09","date_gmt":"2016-08-15T11:39:09","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=8397"},"modified":"2023-09-13T13:05:46","modified_gmt":"2023-09-13T11:05:46","slug":"en-iyi-6-web-tasarim-tavsiyesi","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/en-iyi-6-web-tasarim-tavsiyesi\/","title":{"rendered":"En \u0130yi 6 Web Tasar\u0131m Tavsiyesi"},"content":{"rendered":"

Tasar\u0131m trendleri, internet \u00fczerinden \u00e7ok h\u0131zl\u0131 bir \u015fekilde yay\u0131ld\u0131. Hatta yo\u011fun bir \u015fekilde tasar\u0131m trendlerini aramam\u0131\u015f olsan\u0131z bile, bahse gireriz ki son birka\u00e7 y\u0131l i\u00e7inde y\u00fczlerce \u00f6rne\u011fini g\u00f6rd\u00fcn\u00fcz. Bu trendlerin etkileri, kullan\u0131c\u0131lar bu trendleri i\u00e7eren premium temalar\u0131 kullanmaya ba\u015flad\u0131klar\u0131 andan itibaren, WordPress tabanl\u0131 web sitelerinde de g\u00f6r\u00fclmeye ba\u015fland\u0131. Ayr\u0131ca bunlar\u0131n b\u00fcy\u00fck bir k\u0131sm\u0131, sat\u0131\u015f noktalar\u0131nda bunlardan yararlanmak i\u00e7in kullan\u0131l\u0131yor.<\/span><\/p>\n

Bu trendlerin sitenizin bir par\u00e7as\u0131 olmas\u0131na izin vermeniz, web tasar\u0131m\u0131ndaki son geli\u015fmeler ile birlikte sizin de g\u00fcncel kalman\u0131zda herhangi bir yanl\u0131\u015f\u0131n olmad\u0131\u011f\u0131 anlam\u0131na geliyor. Ancak tasar\u0131mlar\u0131n\u0131zda en iyi uygulamalar\u0131 kullanmaya ba\u015flad\u0131\u011f\u0131n\u0131zda, son trendleri gereksiz yere tasar\u0131mlar\u0131n\u0131za dahil etmeniz, kullan\u0131c\u0131lar\u0131n\u0131z\u0131n k\u00f6t\u00fc bir deneyim ya\u015famalar\u0131na neden olabilir.<\/span><\/p>\n

Web tasar\u0131m\u0131<\/a> i\u00e7in en iyi uygulamalar listesini derlemek, olduk\u00e7a zor bir g\u00f6revdir, fakat biz size 6 se\u00e7enekli k\u0131sa ve \u00f6z bir liste olu\u015fturduk. Bu sayede tasar\u0131m trendlerini bulmak i\u00e7in \u00f6zveride bulunman\u0131za gerek kalmad\u0131.<\/span><\/p>\n

    \n
  1. Tasar\u0131m\u0131 Ak\u0131lda De\u011fi\u015ftirme<\/strong><\/span><\/li>\n<\/ol>\n

    \"en-iyi-web-tasarim\"<\/p>\n

    Trend halindeki en iyi uygulamalar\u0131 direkt sitenize uygulaman\u0131z, tasar\u0131m\u0131n\u0131z\u0131 akl\u0131n\u0131z ile d\u00f6n\u00fc\u015ft\u00fcrmeniz anlam\u0131na gelmiyor. Bu ba\u015fl\u0131 ba\u015f\u0131na \u00e7ok basit bir tuza\u011f\u0131n i\u00e7ine d\u00fc\u015fmek demektir. Farkl\u0131 bir deyi\u015fle, neredeyse t\u00fcm WordPress projelerinin tek bir amac\u0131 vard\u0131r. Web tasar\u0131mc\u0131lar\u0131 bu amaca ula\u015fabilmek i\u00e7in, d\u00f6n\u00fc\u015f\u00fcmleri optimize etmeliler ve bunun i\u00e7in de ellerindeki her arac\u0131 kullanmal\u0131lar. Yeni bir tasar\u0131m ile ilgileniyor olsan\u0131z bile, alternatif se\u00e7eneklere kar\u015f\u0131 nas\u0131l performanslar g\u00f6stereceklerini g\u00f6rebilmek i\u00e7in \u00e7e\u015fitli testler uygulaman\u0131z gerekiyor.<\/span><\/p>\n

    A\/B testi, tasar\u0131mlar\u0131n\u0131z\u0131n daha iyi performanslar g\u00f6stermesini sa\u011flamak i\u00e7in \u00e7ok \u00f6nemli bir ara\u00e7t\u0131r ve WordPress \u00fczerinde bu testleri uygulayabilmenize yard\u0131mc\u0131 olmak i\u00e7in mevcut bir \u00e7ok ara\u00e7 da vard\u0131r. \u00d6rne\u011fin Google Analytics Experiments<\/strong> and Optimizely gibi olduk\u00e7a pop\u00fcler alternatifler de mevcut.<\/span><\/p>\n

    \u00d6nerimiz sadece b\u00fcy\u00fck tasar\u0131m revizyonlar\u0131 i\u00e7in de\u011fil, ayn\u0131 zamanda WordPress web sitenizin t\u00fcm g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve hislerini olu\u015fturan ufak tefek \u015feyler i\u00e7in de ge\u00e7erlidir(hangi g\u00f6r\u00fcnt\u00fclerin kullan\u0131laca\u011f\u0131, hangi renk paletinin uygulanaca\u011f\u0131, sayfan\u0131z boyunca hangi fontlar\u0131n kullan\u0131laca\u011f\u0131, sitenizin seyir d\u00fczeninin nas\u0131l olaca\u011f\u0131 gibi). Tasar\u0131mlar\u0131n\u0131z numaralar ve istatistikler dahilinde \u015fekil al\u0131rsa biraz ho\u015fnutsuz g\u00f6z\u00fckebilir, fakat bu durum genellikle ziyaret\u00e7ilerinizin daha y\u00fcksek oranlarda ba\u011fl\u0131l\u0131klar\u0131 ile sonu\u00e7lan\u0131r.<\/span><\/p>\n

      \n
    1. Net Harekete Ge\u00e7irici Mesajlar (CTA)<\/strong><\/span><\/li>\n<\/ol>\n

      K\u0131sa ve \u00f6z Call to Action’lar (harekete ge\u00e7irici mesajlar) kullanmak en basit yollardan biridir ve WordPress web sitenizin getirilerini maksimize etmenin en etkili yoludur. CTA\u2019lar b\u00fclteniniz i\u00e7in daha fazla e-posta, daha fazla sat\u0131\u015f ya da sadece abonelikler sa\u011flayabilir ve bazen problemlerinizin \u00e7\u00f6z\u00fcm\u00fc bu isteklerinizi size kar\u015f\u0131l\u0131ks\u0131z vermek isteyen insanlar\u0131n olmas\u0131 kadar basittir.<\/span><\/p>\n

      Harekete ge\u00e7irici eylemlere g\u00f6re, CTA\u2019lerinizi daha az g\u00f6r\u00fcn\u00fcr hale getiren herhangi tasar\u0131m de\u011fi\u015fikliklerini sitenizden uzak tutmal\u0131s\u0131n\u0131z. Sonu\u00e7ta CTA’lerinizin daha etkili olabilmesi i\u00e7in g\u00f6r\u00fcnmesi gerekir ve g\u00f6r\u00fcnmesi i\u00e7in de siteniz dahilinde \u00f6nemli noktalara konulmalar\u0131 gerekir. Yeni bir web sitesinde<\/a> tak\u0131l\u0131rken g\u00f6zleriniz genelde nereye bak\u0131yor bir d\u00fc\u015f\u00fcn\u00fcn… Kayd\u0131rma \u00e7ubu\u011funda (Genellikle \u00fcst ya da yan tarafta bulunur), ekran\u0131n en \u00fcst k\u0131sm\u0131nda (bug\u00fcnlerde buralarda bir kayd\u0131rma galerisi ya da tam geni\u015fli\u011fe sahip bir ba\u015fl\u0131k g\u00f6rmeniz olas\u0131d\u0131r) ya da vb. yerlerde. T\u00fcm bu konumlar CTA yerle\u015ftirmek i\u00e7in m\u00fcthi\u015f noktalard\u0131r.<\/span><\/p>\n

      Konum tabanl\u0131 endi\u015feleri bir kenara b\u0131rakacak olursak, ayr\u0131ca harekete ge\u00e7irici mesajlar\u0131n\u0131z\u0131n rengini, boyutunu ve \u015feklini de dikkate almal\u0131s\u0131n\u0131z ve yeni bir tasar\u0131m trendini bu ana fakt\u00f6rler ile tasarlamal\u0131s\u0131n\u0131z. \u00d6rne\u011fin tasar\u0131m\u0131n\u0131z, hareketli bir arka plandaki bir harekete ge\u00e7irici mesajla olu\u015fturuldu\u011funda itici bir g\u00f6r\u00fcnt\u00fc olu\u015fturabilir ve t\u0131klanma oran\u0131n\u0131z\u0131 azaltabilir.<\/span><\/p>\n

      Yukar\u0131daki web sitesi, \u00fczerinde z\u0131t beyaz \u015feritler olan \u015feffaf bir CTA ile koyu bir video arka plan\u0131 kullanarak olduk\u00e7a zarif bir g\u00f6r\u00fcn\u00fcm elde etmi\u015f. Ayr\u0131ca arka plan\u0131n\u0131za tezat bi\u00e7imde olu\u015fturulmu\u015f bir ba\u015fl\u0131\u011f\u0131n ne kadar \u00f6nemli oldu\u011funa da dikkat edin.<\/span><\/p>\n

        \n
      1. Kullan\u0131\u015fl\u0131 Arama Kutular\u0131<\/strong><\/span><\/li>\n<\/ol>\n

        Sitenizde kullanaca\u011f\u0131n\u0131z basit bir men\u00fc, kullan\u0131c\u0131lar\u0131n kendi yollar\u0131n\u0131 bulmalar\u0131n\u0131 ve ge\u00e7mi\u015fte inceledikleri bir i\u00e7eri\u011fi bulmalar\u0131n\u0131 daha kolay hale getirmek i\u00e7in yeterli olmayacakt\u0131r ve kullan\u0131c\u0131lar\u0131z\u0131n g\u00f6zleri arama kutunuzun nerede oldu\u011funu arayacakt\u0131r. Her ne olursa olsun WordPress web sitenizin i\u00e7ine bu i\u015flevi, Google Search gibi bir eklenti arac\u0131l\u0131\u011f\u0131 ile yerle\u015ftirebilirsiniz. Bunun yan\u0131nda bu arama kutular\u0131n\u0131n, g\u00f6r\u00fcnt\u00fclemesi gereken i\u00e7erikleri kolayca tan\u0131mas\u0131 da gerekiyor.<\/span><\/p>\n

        Arama kutunuzu nas\u0131l kullan\u0131\u015fl\u0131 bir hale getirebilece\u011finiz konusuna girmeden \u00f6nce, her web sitesi i\u00e7in bir arama kutusunun \u015fart olmad\u0131\u011f\u0131n\u0131 hat\u0131rlatal\u0131m. Bug\u00fcnlerde arama kutular\u0131 sitelerde olmas\u0131 beklenen en \u00f6nemli i\u015flevlerden birisi haline geldi, fakat baz\u0131 durumlarda bu arama kutular\u0131 gereksizdir. \u00d6rne\u011fin, d\u00fczenli olarak g\u00fcncellenmeyecek olan ve sahiplerinin sosyal medya arac\u0131l\u0131\u011f\u0131 ile ileti\u015fim kurmay\u0131 tercih etti\u011fi basit bir bro\u015f\u00fcr tarz\u0131 web site tasarl\u0131yorsan\u0131z, bu siteye arama kutusu eklemenizin ne anlam\u0131 var? Fakat, e\u011fer web sitenizin zamanla b\u00fcy\u00fcmesini bekliyorsan\u0131z, i\u015fte o zaman bu arama kutular\u0131 sizin i\u00e7in ka\u00e7\u0131n\u0131lmaz olacakt\u0131r.<\/span><\/p>\n

        Basit bir arama kutusu, iki basit bile\u015feni b\u00fcnyesinde bar\u0131nd\u0131r\u0131r: bir giri\u015f alan\u0131 ve sunma i\u015flemi. Bu kutunun benzersiz olmas\u0131 gerekmez \u00e7\u00fcnk\u00fc bu kutular sitenizin ana i\u015flevlerinden biri olarak kabul g\u00f6rmelidir. Fakat buna ra\u011fmen arama kutunuzun tasar\u0131m\u0131n\u0131 \u00f6zelle\u015ftirmek isterseniz a\u015fa\u011f\u0131daki sorular\u0131 dikkate alman\u0131z gerekiyor.<\/span><\/p>\n