{"id":567,"date":"2023-07-19T04:30:44","date_gmt":"2023-07-19T01:30:44","guid":{"rendered":"https:\/\/www.biltek.net.tr\/?p=567"},"modified":"2023-10-26T16:54:18","modified_gmt":"2023-10-26T13:54:18","slug":"web-tasarim-ve-ux-design-arasindaki-farklar-nelerdir","status":"publish","type":"post","link":"https:\/\/www.biltek.net.tr\/blog\/web-tasarim-ve-ux-design-arasindaki-farklar-nelerdir","title":{"rendered":"Web Tasar\u0131m ve UX Design Aras\u0131ndaki Farklar Nelerdir?"},"content":{"rendered":"
\n
\n

Web tasar\u0131m ve UX Design kavramlar\u0131 aras\u0131ndaki farklar genellikle en \u00e7ok birbirine kar\u0131\u015ft\u0131r\u0131lan kavramlard\u0131r. Bu yaz\u0131m\u0131zda web tasar\u0131m\u0131 ve UX design aras\u0131ndaki temel farklar\u0131 ke\u015ffedin.<\/span><\/p>\n<\/div>\n<\/div>\n

\n
\n

Web Tasar\u0131m ve UX Design Kavramlar\u0131<\/span><\/h2>\n

Web Tasar\u0131m\u0131<\/strong>\u00a0ve\u00a0UX Design<\/strong>\u00a0aras\u0131ndaki\u00a0farklara\u00a0<\/strong>ge\u00e7meden \u00f6nce\u00a0web tasar\u0131m<\/strong>\u00a0ve\u00a0UX design<\/strong>\u00a0kavramlar\u0131n\u0131n ne oldu\u011funu tam olarak anlaman\u0131z gerekir. Web tasar\u0131mc\u0131 ne yapar ve sorumluluklar\u0131 nelerdir? UX tasar\u0131mc\u0131s\u0131 ne yapar ve sorumluluklar\u0131 nelerdir? Bu cevaplar\u0131 anlad\u0131\u011f\u0131n\u0131zda web tasar\u0131m\u0131 ve UX design aras\u0131ndaki farklar\u0131 daha net bir \u015fekilde anlam\u0131\u015f olacaks\u0131n\u0131z.<\/span><\/p>\n

Web tasar\u0131m\u0131,\u00a0UX design<\/strong>\u00a0ve\u00a0UI design<\/strong>\u00a0kavramlar\u0131 genellikle birbirleri ile \u00e7ok kar\u0131\u015ft\u0131r\u0131lan ve tam farklar\u0131 bilinmeyen kavramlard\u0131r. Bu yaz\u0131m\u0131zda sizlere elimden geldi\u011fince\u00a0web tasar\u0131m ve UX design aras\u0131ndaki farklar\u0131<\/strong>\u00a0anlatmaya \u00e7al\u0131\u015faca\u011f\u0131m.<\/span><\/p>\n

Web Tasar\u0131m\u0131 Nedir?<\/span><\/h2>\n

Web tasar\u0131m\u0131<\/strong>\u00a0bir web sayfas\u0131n\u0131n d\u0131\u015f g\u00f6r\u00fcn\u00fc\u015f\u00fc, sayfa d\u00fczeni, renk uyumu, \u00a0mobil uyumlulu\u011fu, taray\u0131c\u0131 uyumlulu\u011fu, HTML, CSS, Javascript kodlamalar\u0131, butonlar\u0131 gibi unsurlar ile ilgilenir. Web tasar\u0131m\u0131 genellikle g\u00fczel, estetik ve sorunsuz \u00e7al\u0131\u015fan bir web sayfas\u0131 tasarlamak ile ilgilenmektedir.<\/span><\/p>\n

Site a\u00e7\u0131l\u0131\u015f h\u0131zlar\u0131, mobil uyumluluk sorunlar\u0131, taray\u0131c\u0131 uyumluluk sorunlar\u0131, W3C standartlar\u0131na uygun kodlama bi\u00e7imleri web tasar\u0131m\u0131n temel olarak ilgilendi\u011fi unsurlard\u0131r.<\/span><\/p>\n

UX Design Nedir?<\/span><\/h2>\n

UX\u00a0<\/strong>ingilizcede User Experience yani\u00a0Kullan\u0131c\u0131 Deneyimi<\/strong>\u00a0anlam\u0131na gelmektedir.\u00a0UX Design<\/strong>\u00a0ise \u201cKullan\u0131c\u0131 Deneyimi Tasar\u0131m\u0131<\/strong>\u201d demektir. UX design bir \u00fcr\u00fcn\u00fcn, uygulaman\u0131n ya da bir web sayfas\u0131n\u0131n tasar\u0131m\u0131ndan ziyade kullan\u0131c\u0131ya ve marka ileti\u015fimine odaklan\u0131r. UX Design temel olarak en iyi kullan\u0131c\u0131 deneyimini sunabilmek ad\u0131na yap\u0131lan \u00e7al\u0131\u015fmalar\u0131 kapsamaktad\u0131r.<\/span><\/p>\n

web tasar\u0131mc\u0131 olabilirsiniz ya da web tasar\u0131m\u0131 hakk\u0131nda bilgi sahibi olabilirsiniz. Ancak UX design ve Web tasar\u0131m\u0131 tamamen farkl\u0131 ve b\u00fct\u00fcnle\u015fik kavramlard\u0131r. \u0130yi bir\u00a0web tasar\u0131m\u0131<\/strong>\u00a0ve UI Design\u00a0UX Design<\/strong>\u00a0i\u00e7in hizmet eden elemanlard\u0131r.<\/span><\/p>\n

Bir \u00d6rnek Ele Alal\u0131m;<\/strong><\/span><\/p>\n

Herkesin \u00e7ok kolayl\u0131kla anlayabilece\u011fi g\u00fcnl\u00fck hayattan \u00e7ok basit bir \u00f6rnek ele alal\u0131m.<\/span>
\nBir AVM \u0130n\u015faat Projesi Hayal Ediniz.<\/strong><\/span><\/p>\n

\u0130n\u015faat projesi i\u00e7in ilk \u00f6nce gerekli olan bir\u00a0konum\u00a0<\/strong>yani lokasyondur. B\u00fcy\u00fck bir AVM projesi yap\u0131laca\u011f\u0131n\u0131 hayal edin. \u015eehirden \u00e7ok uzak bir lokasyonda ve i\u015flek olmayan bir konumda bu AVM projesini yapmak mant\u0131kl\u0131 olmayacakt\u0131r. Lokasyonun daha\u00a0merkezi\u00a0<\/strong>ve i\u015flek bir konumda olmas\u0131 gerekmektedir. \u0130yi bir lokasyon bulunduktan sonra mimarlar proje i\u00e7in m\u00fchendisler ile birlikte \u00e7al\u0131\u015fmaya ba\u015flayacaklard\u0131r.<\/span><\/p>\n

Projenin konsepti ve vizyonu olu\u015ftuktan sonra m\u00fc\u015fteriye iyi bir\u00a0deneyim\u00a0<\/strong>sunmak i\u00e7in proje prototipleri tasarlanmaya ba\u015flayacakt\u0131r. AVM nin i\u00e7erisinde bulunmas\u0131 gereken \u00f6\u011felerin do\u011fru konumland\u0131r\u0131lmas\u0131 \u00e7ok \u00f6nemlidir. Tuvaletler, revir, mescid, otoparklar gibi \u00f6\u011felerin en uygun \u015fekillerde planlanmas\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131maktad\u0131r. \u015e\u00f6yle d\u00fc\u015f\u00fcn\u00fcn \u00e7ok b\u00fcy\u00fck bir AVM ye gittiniz ve AVM de sadece bir adet tuvalet var ve bu da AVM nin di\u011fer bir ucunda. \u00d6zellikle \u00e7ocuklu aileler i\u00e7in \u00e7ok zor bir durum olacakt\u0131r. Ya da AVM ye her gitti\u011finizde\u00a0yetersiz otopark alan\u0131<\/strong>\u00a0y\u00fcz\u00fcnden arac\u0131n\u0131z\u0131 park etmek i\u00e7in saatlerce park yeri arad\u0131\u011f\u0131n\u0131z\u0131 hayal ediniz.<\/span><\/p>\n

\"UX<\/span><\/p>\n

Kullan\u0131c\u0131 olarak bu durumlar size iyi bir kullan\u0131c\u0131 deneyimi sunmam\u0131\u015f olacakt\u0131r. \u00a0Demek ki bu AVM de ciddi anlamda Kullan\u0131c\u0131 Deneyimi \u0130yile\u015ftirmeleri<\/strong>\u00a0yap\u0131lmas\u0131 gerekiyor anlam\u0131na gelmektedir. Yani ortada\u00a0kullan\u0131c\u0131 odakl\u0131 bir sorun var<\/strong>\u00a0ve projenin ba\u015far\u0131s\u0131 i\u00e7in bu sorunlar\u0131n en do\u011fru \u015fekilde tespit edilerek\u00a0\u00e7\u00f6z\u00fclmesi\u00a0<\/strong>gerekmektedir.<\/span><\/p>\n

Web Tasar\u0131m ve UX \u0130li\u015fkisine Geri D\u00f6nelim<\/span><\/h2>\n

\u015eimdi tekrar\u00a0web tasar\u0131m<\/strong>\u00a0ve\u00a0UX Design<\/strong>\u00a0s\u00fcre\u00e7lerine gelecek olursak yukar\u0131daki \u00f6rnekteki AVM projesinin tasar\u0131m\u0131 \u201cWeb Tasar\u0131m\u0131<\/strong>\u201d temsil etmekte, AVM nin tasar\u0131m s\u00fcreci, kullan\u0131c\u0131 sorunlar\u0131n\u0131n tespiti ve AVM\u2019nin tasar\u0131m\u0131n\u0131n tespit edilen sorunlar ile birlikte yenilenmesi veya revize edilmesi s\u00fcre\u00e7leri de\u00a0UX\u00a0<\/strong>yani\u00a0Kullan\u0131c\u0131 Deneyimi Tasar\u0131m\u0131n\u0131<\/strong>\u00a0temsil etmektedir.<\/span><\/p>\n

Yukar\u0131daki \u00f6rnekten de anla\u015f\u0131laca\u011f\u0131 gibi\u00a0UX design<\/strong>\u00a0tam olarak kullan\u0131c\u0131 odakl\u0131 \u00e7al\u0131\u015f\u0131r ve\u00a0kullan\u0131c\u0131 deneyimine odaklan\u0131r.\u00a0<\/strong><\/span><\/p>\n

Web Site Tasar\u0131m\u0131 ve UX Design Aras\u0131ndaki Temel Farklar Nelerdir?<\/span><\/h2>\n
    \n
  • Web tasar\u0131m i\u015fi ile u\u011fra\u015fan ki\u015filere\u00a0web tasar\u0131mc\u0131<\/strong>\u00a0ve kullan\u0131c\u0131 deneyimi ile u\u011fra\u015fan ki\u015filere de UX Designer denilmektedir. Web Tasar\u0131mc\u0131lar ile UX Tasar\u0131mc\u0131lar aras\u0131nda temel farklar vard\u0131r.<\/span><\/li>\n
  • Web Tasar\u0131m\u0131<\/strong>\u00a0ve web tasar\u0131mc\u0131lar en son web trendlerini takip eder ve web sitesinin d\u00fczeninden sorumlulard\u0131r.<\/span><\/li>\n
  • UX Design<\/strong>\u00a0ve UX tasar\u0131mc\u0131lar\u0131 da web siteye gelen ziyaret\u00e7ilerin neden form doldurmadan \u00e7\u0131kt\u0131klar\u0131, ya da neden sayfay\u0131 daha a\u015fa\u011f\u0131ya kadar kayd\u0131rmad\u0131klar\u0131, neden men\u00fc butonuna t\u0131klamad\u0131klar\u0131 ya da neden sepete eklenen \u00fcr\u00fcn\u00fc sat\u0131n almadan web siteden ayr\u0131ld\u0131klar\u0131 gibi konular ile ilgilenen ve sorunlar\u0131 tespit edip iyile\u015ftirme \u00f6nerileri sunan ki\u015filerdir.<\/span><\/li>\n
  • Web tasar\u0131m\u0131<\/strong>\u00a0sadece web taray\u0131c\u0131s\u0131nda var olan bir hizmeti kapsar.\u00a0UX\u00a0<\/strong>ise web, mobil uygulama, masa\u00fcst\u00fc yaz\u0131l\u0131m, di\u011fer donan\u0131mlar gibi kullan\u0131c\u0131s\u0131 olan t\u00fcm \u00fcr\u00fcnleri kapsamaktad\u0131r.<\/span><\/li>\n
  • Bir\u00a0web tasar\u0131mc\u0131<\/strong>\u00a0estetik ve belirli standartlara uygun \u015fekilde m\u00fc\u015fterisinin beklentisini kar\u015f\u0131layacak bir\u00a0site tasar\u0131m\u0131<\/strong>\u00a0in\u015fa etmekten sorumludur. Kullan\u0131c\u0131 Deneyimi (UX) alan\u0131nda bilgisi olmayan\u00a0web tasar\u0131mc\u0131lar<\/strong>\u00a0bazen m\u00fc\u015fteri taleplerini kar\u015f\u0131lamak ad\u0131na kullan\u0131c\u0131 deneyimini k\u00f6t\u00fc etkileyebilecek tasar\u0131mlar yapabilmektedir.<\/span><\/li>\n
  • UX Designer<\/strong>\u00a0kullan\u0131c\u0131 deneyimi \u00fczerine yapt\u0131\u011f\u0131 derin kullan\u0131c\u0131 deneyimi ara\u015ft\u0131rmalar\u0131 ve hedef kitlenin ne istedi\u011fi konusunda ayr\u0131nt\u0131l\u0131 bilgi sahibi oldu\u011fu i\u00e7in web site sahibini detayl\u0131 bir \u015fekilde bilgilendirir ve yap\u0131lmas\u0131 gereken revizeleri yap\u0131lan A\/B testleri ve kullan\u0131c\u0131 geri bildirimleri ile ger\u00e7ekle\u015ftirir.<\/span><\/li>\n
  • Web tasar\u0131mc\u0131n\u0131n<\/strong>\u00a0Photoshop, dreamweaver, \u00a0Visual Studio gibi programlara iyi derecede hakim olmas\u0131, geli\u015fen web teknolojilerini, taray\u0131c\u0131lar\u0131n destekledi\u011fi \u00f6zellikleri iyi derecede bilmesi ve d\u00fczenli olarak takip etmesi gerekir.\u00a0UX tasar\u0131mc\u0131n\u0131n<\/strong>\u00a0bu programlar\u0131 bilmesi ve bu alanda bu kadar detayl\u0131 bir teknik bilgiye sahip olmas\u0131 gerekmez. UX tasar\u0131mc\u0131s\u0131 kullan\u0131c\u0131 deneyimine ve d\u00f6n\u00fc\u015f\u00fcmlere odaklanarak iyile\u015ftirmeler tasarlar.<\/span><\/li>\n<\/ul>\n

    Web Tasar\u0131mc\u0131n\u0131n Odakland\u0131\u011f\u0131 Alanlar<\/span><\/h3>\n

    Modern\u00a0web tasar\u0131mc\u0131lar<\/strong>\u00a0belirli tasar\u0131m ve kodlama konusunda e\u011fitim alm\u0131\u015f ve kendini bu alanda s\u00fcrekli geli\u015ftiren ki\u015filerdir.<\/span><\/p>\n

    Bir\u00a0Web tasar\u0131mc\u0131n\u0131n<\/strong>\u00a0odakland\u0131\u011f\u0131 alanlar \u015funlard\u0131r;<\/span><\/h4>\n
      \n
    • Renk teorisi ve renk uyumu<\/span><\/li>\n
    • Yarat\u0131c\u0131 tasar\u0131mlar ortaya \u00e7\u0131karma<\/span><\/li>\n
    • Men\u00fc linkinin \u00fczerine geldi\u011finde nas\u0131l de\u011fi\u015fece\u011fi, a\u00e7\u0131l\u0131r men\u00fcler, sliderlar, call to action mesaj (harekete ge\u00e7irici mesaj) butonlar\u0131, formlar, sayfa animasyonlar\u0131 gibi etkile\u015fimli alanlar\u0131n tasar\u0131m\u0131 ve kodlamas\u0131<\/span><\/li>\n
    • Tipografi d\u00fczeni ve genel yaz\u0131 d\u00fczeni<\/span><\/li>\n
    • Web site layout (Web site d\u00fczeni)<\/span><\/li>\n
    • Mobil uyumluluk<\/span><\/li>\n
    • Taray\u0131c\u0131 uyumluluklar\u0131<\/span><\/li>\n<\/ul>\n

      UX Designer \u0130se \u015eu Alanlara Odaklan\u0131r;<\/span><\/h3>\n
        \n
      • Hedef kitleyi tan\u0131mak ve hedef kitlenin psikolojisini anlamak.<\/span><\/li>\n
      • \u00dcr\u00fcn \u00f6zelliklerine ayr\u0131nt\u0131l\u0131 bir \u015fekilde anlamak.<\/span><\/li>\n
      • Do\u011fru etkile\u015fim modelini belirleyerek en iyi kullan\u0131c\u0131 deneyimini sunmak.<\/span><\/li>\n
      • \u00c7ekici ve daha kullan\u0131\u015fl\u0131 tasar\u0131mlar olu\u015fturmak i\u00e7in web tasar\u0131mc\u0131lar ve UI (Kullan\u0131c\u0131 Aray\u00fcz\u00fc) tasar\u0131mc\u0131lar ile i\u015fbirli\u011fi yapmak.<\/span><\/li>\n
      • M\u00fc\u015fteri anketleri ve geri bildirimleri de\u011ferlendirerek \u00fcr\u00fcn ve uygulama etkile\u015fimindeki ya\u015fanan kullan\u0131c\u0131 deneyimi sorunlar\u0131n\u0131 tespit etmek.<\/span><\/li>\n
      • UX tasar\u0131mc\u0131n\u0131n<\/strong>\u00a0en temel g\u00f6revi bir \u00fcr\u00fcn\u00fc yada hizmeti, kullan\u0131labilir, e\u011flenceli ve eri\u015filebilir k\u0131lmaktad\u0131r.<\/span><\/li>\n
      • UX designer<\/strong>\u00a0ara\u015ft\u0131rmalar\u0131 ve sekt\u00f6rel tecr\u00fcbeleri ile birlikte hayal g\u00fcc\u00fcn\u00fc kullanma yetisine sahiptir.<\/span><\/li>\n
      • A\/B testleri yaparak bir \u00fcr\u00fcn\u00fcn yada hizmetin hangi versiyonun daha ba\u015far\u0131l\u0131 kullan\u0131c\u0131 deneyimi sundu\u011funu tespit etmek.<\/span><\/li>\n<\/ul>\n

        Web Tasar\u0131m ve UX Design Aras\u0131ndaki \u0130li\u015fki<\/span><\/h2>\n

        Ba\u015far\u0131l\u0131 bir web projesi in\u015fa etmek i\u00e7in kullan\u0131c\u0131 dostu, h\u0131zl\u0131 a\u00e7\u0131lan, karma\u015f\u0131k olmayan, hedef kitlesine hitap eden bir web sayfas\u0131na ihtiya\u00e7 vard\u0131r. Kullan\u0131c\u0131 aray\u00fcz tasar\u0131m\u0131 ve\u00a0web tasar\u0131m<\/strong>\u00a0s\u00fcre\u00e7leri ba\u015far\u0131l\u0131 bir web site projesi i\u00e7in ilk ad\u0131mlard\u0131r.\u00a0UX Design<\/strong>\u00a0ise bir kullan\u0131c\u0131 deneyimi yolculu\u011fudur.\u00a0UX designer<\/strong>\u00a0proje ba\u015flang\u0131c\u0131ndan itibaren web tasar\u0131mc\u0131 ve UI tasar\u0131mc\u0131lar\u0131 ile birlikte \u00e7al\u0131\u015f\u0131r.<\/span><\/p>\n

        UX Designer<\/strong>\u00a0Web sayfas\u0131 ya da uygulaman\u0131n ilerleyen s\u00fcre\u00e7lerde kullan\u0131c\u0131 ile etkile\u015fimini takip eder, kullan\u0131c\u0131 sorunlar\u0131n\u0131 tespit ederek yap\u0131lmas\u0131 gerekenlerin listesini olu\u015fturarak, web tasar\u0131mc\u0131lar, web geli\u015ftiriciler ve UI tasar\u0131mc\u0131lar\u0131 ile i\u015fbirli\u011fi i\u00e7erisinde \u00e7al\u0131\u015farak en iyi kullan\u0131c\u0131 deneyimini sunmaya odaklan\u0131r.<\/span><\/p>\n

        Ba\u015far\u0131l\u0131 ve b\u00fcy\u00fck bir web projesi in\u015fa etmek i\u00e7in\u00a0web tasar\u0131mc\u0131<\/strong>,\u00a0UI designer<\/strong>,\u00a0UX Designer<\/strong>\u00a0ve\u00a0Web geli\u015ftiricilerinden<\/strong>\u00a0olu\u015fan bir ekibe ya da bu ekibi b\u00fcnyesinde bar\u0131nd\u0131ran bir\u00a0web ajans\u0131na<\/strong>\u00a0ihtiyac\u0131n\u0131z vard\u0131r.<\/span><\/p>\n

        UX Design ve UI Design Aras\u0131ndaki Farklar<\/span><\/h1>\n

        UX Design ve UI Design Aras\u0131ndaki Farklar\u0131 UX ve UI kavramlar\u0131n\u0131 anlayarak \u00f6\u011frenelim. Kullan\u0131c\u0131 deneyimi ve kullan\u0131c\u0131 aray\u00fcz\u00fc nedir ve aras\u0131ndaki farklar nelerdir?<\/span><\/p>\n

        UI ve UX Farklar\u0131<\/strong><\/span><\/h3>\n

        UX ve UI aras\u0131ndaki farklara ge\u00e7meden \u00f6nce temel olarak UX ve UI terimlerinin ne oldu\u011funu ele alal\u0131m.<\/span><\/p>\n

        UX Design Nedir?<\/strong><\/span><\/h2>\n

        UX tam a\u00e7\u0131l\u0131m\u0131 ile USER EXPERIENCE manas\u0131nda olan \u201cKullan\u0131c\u0131 Deneyimi\u201d Anlam\u0131na gelmektedir. UX Design ve UX ayn\u0131 anlama gelmektedir. UX Design alan\u0131nda uzman olan ki\u015filere UX Designer denilmektedir. Kullan\u0131c\u0131 deneyimi web sayfalar\u0131ndan, mobil uygulamalara, kulland\u0131\u011f\u0131n\u0131z telefonlara ve bilgisayarlara kadar g\u00fcnl\u00fck hayat\u0131m\u0131z\u0131n i\u00e7erisinde yer alan t\u00fcm \u00fcr\u00fcn ve s\u00fcre\u00e7leri kapsamaktad\u0131r.<\/span><\/p>\n

        UI Design Nedir?<\/strong><\/span><\/h2>\n

        UI tam a\u00e7\u0131l\u0131m\u0131 USER \u0130NTERFACE yani kullan\u0131c\u0131 aray\u00fcz\u00fc manas\u0131na gelmektedir. Web sayfas\u0131n\u0131n tasar\u0131m\u0131, bilgisayar\u0131n klavyesinin \u015fekli \u00e7ay barda\u011f\u0131n\u0131n \u015fekli bir UI Design \u00f6rne\u011fi olmakla birlikte kullan\u0131c\u0131n\u0131n ya da m\u00fc\u015fterilerin bu tasar\u0131mlar ile etkile\u015fime girdi\u011finde ya\u015fad\u0131\u011f\u0131 deneyime de tam manas\u0131 ile UX (Kullan\u0131c\u0131 Deneyimi) Diyebiliriz.<\/span><\/p>\n

        UX ve UI Kavramlar\u0131 Nas\u0131l Ele Al\u0131n\u0131r?<\/strong><\/span><\/h3>\n

        Asl\u0131nda UX ve UI kavramlar\u0131 birbirini tamamlayan iki farkl\u0131 s\u00fcre\u00e7tir. Biri tasar\u0131m\u0131n sadece g\u00f6r\u00fcn\u00fcm\u00fc ile ilgilenirken di\u011feri de i\u015flevselli\u011fi ile ilgilenmektedir. Buradan \u015funu s\u00f6yleyebiliriz UX design s\u00fcrekli geli\u015ftirilen bir kullan\u0131c\u0131 deneyimi s\u00fcrecidir ve UI design ise kullan\u0131c\u0131 deneyimine hizmet eden \u00f6nemli kriterlerden birisidir.<\/span><\/p>\n

        Biliyorum belki de \u015fu an biraz daha kafan\u0131z kar\u0131\u015fm\u0131\u015f olabilir. Peki ozaman UX ve UI Design aras\u0131ndaki farklar tam olarak nedir diye sorabilirsiniz. Ya da UX Designer<\/strong> ne yapar, UI designer ne yapar gibi sorular\u0131n\u0131z\u0131n hala yan\u0131t\u0131 olmad\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcnebilirsiniz. O zaman biraz daha ayr\u0131nt\u0131ya girerek aras\u0131ndaki farklar\u0131 daha iyi anlamaya \u00e7al\u0131\u015fal\u0131m.<\/span><\/p>\n

        Web tasar\u0131m s\u00fcre\u00e7lerinin de \u00e7ok \u00f6nemli unsurlar\u0131 olan UX Design ve UI Design kavramlar\u0131na bir web tasar\u0131m ajans\u0131 g\u00f6z\u00fc ile bakacak olursak; UI Design<\/strong> Web sitenin aray\u00fcz tasar\u0131m\u0131n\u0131 kapsar, UX Design ise web sitenin i\u015flevini, kullan\u0131c\u0131ya ya\u015fatt\u0131\u011f\u0131 deneyimi ve hedef kitlesinin beklentilerinin kar\u015f\u0131lan\u0131p kar\u015f\u0131lanmad\u0131\u011f\u0131 ile ilgilenir. UX ise web sitenin h\u0131z\u0131n\u0131, tasar\u0131m\u0131n\u0131, yan\u0131t verme s\u00fcrecini, bir eticaret sitesi ise kolay ve h\u0131zl\u0131 sat\u0131n alma s\u00fcre\u00e7lerini, Kurumsal bir web site ise kullan\u0131c\u0131n\u0131n istedi\u011fi bilgiye ula\u015fma yolcu\u011fu\u011fu ile ilgilenir.<\/span><\/p>\n

        UX Design ve UI Design Kavramlar\u0131n\u0131 Anlamak<\/strong><\/span><\/p>\n

        \u00d6rnek olarak Google\u2019\u0131 ele alal\u0131m. Google<\/strong> arama motorunun aray\u00fcz tasar\u0131m\u0131 olduk\u00e7a basit ve sadece kullan\u0131c\u0131ya istedi\u011fi bilgiyi an\u0131nda getiriyor. Google arama motorunu kullanan ki\u015filerin niyetlerini \u00e7ok iyi bildi\u011fi i\u00e7in onlara arad\u0131klar\u0131 bilgiyi \u00e7ok kolay ve h\u0131zl\u0131 bir \u015fekilde sunuyor.<\/span><\/p>\n

        Burada google.com\u2019un d\u0131\u015f tasar\u0131m\u0131n\u0131 UI design olarak ele al\u0131r\u0131z ve Google\u2019\u0131n \u00e7al\u0131\u015fma \u015feklini de UX Design (Kullan\u0131c\u0131 Deneyimi Tasar\u0131m\u0131) olarak ele al\u0131r\u0131z. E\u011fer Google kullan\u0131c\u0131lar\u0131na saniyeler i\u00e7inde de\u011fil de 20 saniye i\u00e7inde sonu\u00e7lar\u0131 getirmi\u015f olsa idi kullan\u0131c\u0131lar \u00e7ok k\u00f6t\u00fc bir deneyim. ya\u015fam\u0131\u015f olacaklar ve Google\u2019\u0131 kullanmaktan vazge\u00e7eceklerdi. Ya da google.com da arama yapan kullan\u0131c\u0131 alakas\u0131z sonu\u00e7larla kar\u015f\u0131la\u015farak arad\u0131\u011f\u0131n\u0131 bulamazsa yine k\u00f6t\u00fc bir kullan\u0131c\u0131 deneyimi ya\u015fam\u0131\u015f olacakt\u0131. Ya da Google\u2019\u0131n UI<\/strong> (Aray\u00fcz tasar\u0131m\u0131) olduk\u00e7a karma\u015f\u0131k olsa idi kullan\u0131c\u0131 yine iyi bir kullan\u0131c\u0131 deneyimi ya\u015fayamabilirdi.<\/span><\/p>\n

        Yukar\u0131daki \u00f6rnekten de anla\u015f\u0131ld\u0131\u011f\u0131 gibi UI design UX\u2019\u0131n \u00f6nemli bir par\u00e7as\u0131d\u0131r. \u0130yi bir UX i\u00e7in UI design sadece \u00f6nemli bir birimdir. Ama UX design bir\u00e7ok unsuru bar\u0131nd\u0131ran ve kullan\u0131c\u0131 etkile\u015fimini en \u00fcst seviyede tutan bir total durumdur.<\/span><\/p>\n

        UX Design \u0130le UI Aras\u0131ndaki Farklar Nelerdir?<\/strong><\/span><\/p>\n

        UX design bir s\u00fcre\u00e7tir. Kullan\u0131c\u0131 deneyimi sorununu \u00e7\u00f6zme s\u00fcrecidir. UI design ise bir \u00fcr\u00fcn ya da hizmetin d\u0131\u015f g\u00f6r\u00fcn\u00fc\u015f\u00fcn\u00fc ve hatlar\u0131n\u0131 i\u00e7erir. UI design ise UX s\u00fcrecinin sadece bir par\u00e7as\u0131d\u0131r. Belki en iyi tasar\u0131ma sahip \u00fcr\u00fcn\u00fc yapm\u0131\u015f olabilirsiniz fakat fonksiyonlar\u0131 ve i\u015flevleri hedef kitlesinin hi\u00e7 bir \u015fekilde beklentisini kar\u015f\u0131lamad\u0131\u011f\u0131 i\u00e7in \u00fcr\u00fcn ya da hizmet yeteri kadar be\u011fenilmeyecektir. <\/span><\/p>\n

        En iyi kullan\u0131c\u0131 deneyimine sahip \u00fcr\u00fcn\u00fc yapm\u0131\u015f olun aray\u00fcz tasar\u0131m\u0131 \u00e7ok k\u00f6t\u00fc ve sevimsiz oldu\u011funda kullan\u0131c\u0131lar\u0131n \u00fcr\u00fcne al\u0131\u015fmas\u0131 ve sevmesi \u00e7ok daha zor olacakt\u0131r. G\u00fcn\u00fcm\u00fczde art\u0131k bir\u00e7ok marka hem \u00fcr\u00fcn\u00fcn i\u015flevi hem de aray\u00fcz tasar\u0131m\u0131 hakk\u0131nda \u00e7ok uzun soluklu \u00e7al\u0131\u015fmalar yapmaktad\u0131r.<\/span><\/p>\n

        Asl\u0131nda UX design ve UI design aras\u0131nda hi\u00e7bir fark yoktur. Bu iki kavram birbirleri ile\u00a0 kar\u015f\u0131la\u015ft\u0131r\u0131lamayacak iki kavramd\u0131r da desek yan\u0131lm\u0131\u015f olmay\u0131z. UX ve UI kavramlar\u0131na hakim olmayan ki\u015filerden son zamanlarda bu sorular\u0131 olduk\u00e7a fazla duymaktay\u0131z. \u201cUX Design ve UI design aras\u0131ndaki fark ger\u00e7ekten nedir?\u201d Bu soruya \u015fu benzetmeler ile cevap verecek olursak<\/span><\/p>\n

        Web site tasar\u0131m\u0131 ile buton aras\u0131ndaki farklar nelerdir?<\/strong><\/span><\/p>\n

        Araba ile tekerlekleri aras\u0131ndaki farklar nelerdir? Araba i\u015fin son hali tekerlekler ise araban\u0131n gitmesini sa\u011flayan unsurlar\u0131d\u0131r. UX design s\u00fcrecin b\u00fct\u00fcn\u00fcn\u00fc kaps\u0131yor ise UI design da bu s\u00fcrecin bir par\u00e7as\u0131d\u0131r.<\/span><\/p>\n

        Yukar\u0131daki t\u00fcm sorular cevapland\u0131\u011f\u0131nda birinin di\u011ferinin bir par\u00e7as\u0131 oldu\u011funu g\u00f6receksiniz. UI Design da ayn\u0131 yukar\u0131daki \u00f6rnekler gibi UX s\u00fcrecinin bir par\u00e7as\u0131d\u0131r. UI \u00fcr\u00fcn\u00fcn\u00fcn g\u00f6r\u00fcn\u00fcm\u00fcne odaklan\u0131r UX ise kullan\u0131c\u0131 etkile\u015fimine ve \u00fcr\u00fcndeki yolculu\u011fa odaklan\u0131r.<\/span><\/p>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

        Web tasar\u0131m ve UX Design kavramlar\u0131 aras\u0131ndaki farklar genellikle en \u00e7ok birbirine kar\u0131\u015ft\u0131r\u0131lan kavramlard\u0131r. Bu yaz\u0131m\u0131zda web tasar\u0131m\u0131 ve UX design aras\u0131ndaki temel farklar\u0131 ke\u015ffedin. […]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":1310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[198],"tags":[],"class_list":["post-567","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tasarim"],"_links":{"self":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":3,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/567\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/567\/revisions\/1320"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media\/1310"}],"wp:attachment":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media?parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/categories?post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/tags?post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}