{"id":6261,"date":"2021-08-10T08:45:20","date_gmt":"2021-08-10T05:45:20","guid":{"rendered":"https:\/\/www.dopinger.com\/tr\/blog\/?p=6261"},"modified":"2024-08-07T10:00:34","modified_gmt":"2024-08-07T07:00:34","slug":"ui-nedir","status":"publish","type":"post","link":"http:\/\/www.dopinger.com\/tr\/blog\/ui-nedir","title":{"rendered":"UI Nedir?"},"content":{"rendered":"\n<p>\u0130\u015f ve sosyal hayatta giderek internete, web uygulamalar\u0131na ve mobil uygulamalara ba\u011f\u0131ml\u0131 hale geliyoruz. Bir uygulaman\u0131n en \u00f6nemli unsuru olan g\u00f6rsellik ise yaz\u0131m\u0131z\u0131n konusunu olu\u015fturuyor. G\u00fcn\u00fcm\u00fczde bu i\u015fi kullan\u0131c\u0131 aray\u00fcz\u00fc tasar\u0131mc\u0131lar\u0131 \u00fcstlenmektedir. \u015eirketler, rekabet etmenin en iyi yolunun, kullan\u0131c\u0131 deneyimini optimize eden \u00e7ekici ve verimli bir kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) olu\u015fturmak oldu\u011funu fark etmi\u015fler. Bu yaz\u0131da, bir UI\u2019nin ne oldu\u011funu tan\u0131ml\u0131yor, iyi bir kullan\u0131c\u0131 aray\u00fcz\u00fc \u00f6\u011felerini tart\u0131\u015f\u0131yoruz. Ayn\u0131 zamanda karl\u0131l\u0131\u011f\u0131 artt\u0131ran bir UI olu\u015fturmaya y\u00f6nelik ipu\u00e7lar\u0131 sa\u011fl\u0131yoruz. O halde UI nedir?<\/p>\n\n\n\n<p>UI yani Kullan\u0131c\u0131 aray\u00fcz\u00fc (User Interface), kullan\u0131c\u0131lar\u0131n bir bilgisayar, web sitesi veya uygulama ile etkile\u015fime girdi\u011fi yerdir. Ayr\u0131ca etkili bir UI\u2019nin amac\u0131, kullan\u0131c\u0131n\u0131n deneyimini kolay ve i\u015flevsel hale getirmektir. \u0130stenen maksimum sonucu elde etmek i\u00e7in kullan\u0131c\u0131n\u0131n minimum \u00e7aba g\u00f6stermesini sa\u011flar. UI, insan duyular\u0131na (g\u00f6rme, dokunma, i\u015fitme vb.) hitap eden etkile\u015fim katmanlar\u0131ndan olu\u015fur. Bunlar klavye, fare, mikrofon, dokunmatik ekran, parmak izi taray\u0131c\u0131 ve kamera gibi giri\u015f cihazlar\u0131n\u0131 ve monit\u00f6r, hoparl\u00f6r ve yaz\u0131c\u0131 gibi \u00e7\u0131k\u0131\u015f cihazlar\u0131n\u0131 i\u00e7erir.<\/p>\n\n\n\n<p>Her g\u00fcn y\u00fczlerce web siteye fark etmeden giriyoruz. Baz\u0131lar\u0131nda daha fazla vakit ge\u00e7irirken baz\u0131lar\u0131nda daha az vakit ge\u00e7iriyoruz. Bunun en b\u00fcy\u00fck etkilerinden olan UI, web site kullan\u0131m\u0131nda UI olduk\u00e7a \u00f6nemli bir yere sahip. <a href=\"https:\/\/www.dopinger.com\/tr\/web-tasarim\/\">WordPress web tasar\u0131m<\/a> yaparken de UI metriklerine dikkat etmek sizi bir ad\u0131m \u00f6ne \u00e7\u0131karacak bir etken. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-turleri-nelerdir.png\" alt=\"UI T\u00fcrleri Nelerdir? \" class=\"wp-image-6280\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI-Turleri-Nelerdir\"><\/span>UI T\u00fcrleri Nelerdir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00c7oklu duyularla etkile\u015fime giren cihazlara &#8220;multimedya kullan\u0131c\u0131 aray\u00fczleri&#8221; denir. \u00d6rne\u011fin, g\u00fcnl\u00fck anlamda UI, dokunsal input (klavye ve fare) ile g\u00f6rsel ve i\u015fitsel output\u2019un (monit\u00f6r ve hoparl\u00f6r) bir kombinasyonunu kullan\u0131r. Di\u011fer kullan\u0131c\u0131 aray\u00fcz\u00fc t\u00fcrleri \u015funlar\u0131 i\u00e7erebilir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Form tabanl\u0131 kullan\u0131c\u0131 arabirimi:<\/strong> S\u0131n\u0131rl\u0131 say\u0131da se\u00e7enek sunarak bir programa veya uygulamaya veri girmek i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir cihazdaki ayarlar men\u00fcs\u00fc form tabanl\u0131d\u0131r.<\/li>\n\n\n\n<li><strong>Grafiksel kullan\u0131c\u0131 aray\u00fcz\u00fc:<\/strong> G\u00f6rsel bir UI ile dokunsal bir UI\u2019yi birle\u015ftirir. G\u00f6rsel bile\u015fenleri kullan\u0131c\u0131n\u0131n y\u00f6netmesini sa\u011flar.<\/li>\n\n\n\n<li><strong>Men\u00fc y\u00f6nlendirmeli kullan\u0131c\u0131 arabirimi:<\/strong> Bir program veya web sitesinde gezinmek i\u00e7in bir se\u00e7enekler listesi kullan\u0131r. \u00d6rne\u011fin, ATM&#8217;ler men\u00fc odakl\u0131 UI&#8217;ler kullan\u0131r ve herkesin kullanmas\u0131 kolayd\u0131r.<\/li>\n\n\n\n<li><strong>Dokunmatik kullan\u0131c\u0131 aray\u00fcz\u00fc:<\/strong> Dokunma veya dokunma yoluyla kullan\u0131c\u0131 aray\u00fcz\u00fcd\u00fcr. \u00c7o\u011fu ak\u0131ll\u0131 telefon, tablet ve dokunmatik ekran kullanarak \u00e7al\u0131\u015fan herhangi bir cihaz bu tiptedir.<\/li>\n\n\n\n<li><strong>Sesli kullan\u0131c\u0131 aray\u00fcz\u00fc:<\/strong> Kullan\u0131c\u0131lar ve yaz\u0131l\u0131m aras\u0131nda sesli etkile\u015fim sa\u011flar. \u00d6rnekler aras\u0131nda sanal asistan cihazlar\u0131, konu\u015fma metnini yaz\u0131ya \u00e7eviren uygulamalar bulunmaktad\u0131r.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI-Neden-Onemlidir\"><\/span>UI Neden \u00d6nemlidir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>UI, kullan\u0131c\u0131 beklentilerini kar\u015f\u0131lamak ve sitenizin etkin i\u015flevselli\u011fini sa\u011flamak i\u00e7in \u00f6nemlidir. Ayr\u0131ca iyi \u00e7al\u0131\u015fan bir UI z\u0131t renkler, temiz tasar\u0131m ve h\u0131zl\u0131 yan\u0131t verme yoluyla kullan\u0131c\u0131 ile program aras\u0131ndaki etkili etkile\u015fimi kolayla\u015ft\u0131r\u0131r. Siteniz i\u00e7in bir UI tasarlarken, eri\u015filebilirlik, g\u00f6rsel estetik ve kullan\u0131m kolayl\u0131\u011f\u0131 a\u00e7\u0131s\u0131ndan kullan\u0131c\u0131n\u0131n beklentilerini dikkate almak \u00f6nemlidir. Etkili g\u00f6rseller kullanmak ve kullan\u0131c\u0131n\u0131n arad\u0131\u011f\u0131n\u0131 kolayca bulmas\u0131n\u0131 sa\u011flamak gibi unsurlar olduk\u00e7a \u00f6nem arz eder. Kullan\u0131c\u0131 ihtiya\u00e7lar\u0131na hitap etti\u011fi i\u00e7in sitenizin kullan\u0131m oran\u0131n\u0131 art\u0131racakt\u0131r. Daha spesifik olarak a\u00e7\u0131klamak gerekirse, ideal bir UI\u2019nin en \u00f6nemli unsurlar\u0131 \u015funlard\u0131r:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bilgi Mimarisi<\/h3>\n\n\n\n<p>Bir sitenin i\u015flevselli\u011fi bilgi mimarisine g\u00f6re olu\u015fturulmu\u015ftur. Web sitenizin i\u00e7eri\u011fini mant\u0131kl\u0131 bir \u015fekilde yap\u0131land\u0131rmak ve d\u00fczenlemek, kullan\u0131c\u0131lar\u0131n sitede en az \u00e7abayla gezinmesine yard\u0131mc\u0131 olmak i\u00e7in \u00f6nemlidir. Bilgi mimarisinin bile\u015fenleri, \u00f6nem ve kullan\u0131m s\u0131ras\u0131na g\u00f6re yap\u0131land\u0131r\u0131lmal\u0131d\u0131r. D\u00fc\u011fmeler, sekmeler, arama \u00e7ubu\u011fu ve kategoriler bunlara \u00f6rnektir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etkile\u015fimli Tasar\u0131m<\/h3>\n\n\n\n<p>Tasar\u0131m pasif okuyucular\u0131 aktif kat\u0131l\u0131mc\u0131lara d\u00f6n\u00fc\u015ft\u00fcrmeyi ama\u00e7lar. UI olu\u015ftururken kullan\u0131c\u0131y\u0131 ak\u0131lda tutmak, etkile\u015fimin ve kullan\u0131c\u0131 ihtiya\u00e7lar\u0131n\u0131 kar\u015f\u0131layan davran\u0131\u015flar\u0131n iyile\u015ftirilmesine yard\u0131mc\u0131 olacakt\u0131r. Bu \u015fekilde tasarlanm\u0131\u015f bir UI, kullan\u0131c\u0131n\u0131n sorun ya\u015famadan \u00f6nce \u00e7\u00f6z\u00fcm sunmas\u0131n\u0131 sa\u011flayabilir. \u00d6rne\u011fin bir al\u0131\u015fveri\u015f sitesinde gezinirken, kullan\u0131c\u0131n\u0131n duraksad\u0131\u011f\u0131 anda bir ileti\u015fim formu ortaya \u00e7\u0131kar\u0131labilir. Bu y\u00fczden <a href=\"https:\/\/www.dopinger.com\/tr\/web-tasarim\/\">WordPress web tasar\u0131m\u0131<\/a> yaparken UI unsurlar\u0131n\u0131 kullanmak gerekir. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">G\u00f6rsel Tasar\u0131m<\/h3>\n\n\n\n<p>Sitenizin estetik de\u011ferinin \u00f6nemi g\u00f6z ard\u0131 edilemez. G\u00f6ze hitap eden bir site kullan\u0131c\u0131lar\u0131n verimli ve g\u00fczel vakit ge\u00e7irmesi i\u00e7in en \u00f6nemli unsurdur. Etkili bir tasar\u0131m, ziyaret\u00e7ileri \u00e7ekmek i\u00e7in renk, kontrast, yaz\u0131 tipi, video ve foto\u011fraf \u00f6\u011felerini bar\u0131nd\u0131rmal\u0131d\u0131r. G\u00f6rsel tasar\u0131m konusundaki ilginizi peki\u015ftirmek isterseniz <a href=\"https:\/\/www.dopinger.com\/tr\/blog\/en-iyi-grafik-tasarim-programlari\">En \u0130yi Grafik Tasar\u0131m Programlar\u0131<\/a> isimli yaz\u0131m\u0131z\u0131 okuyabilirsiniz.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-ile-ux-arasindaki-fark-nedir.png\" alt=\"U\u0131 ile Ux aras\u0131ndaki fark nedir? \" class=\"wp-image-6279\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI-ile-UX-Arasindaki-Fark-Nedir\"><\/span>UI ile UX Aras\u0131ndaki Fark Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>UI (kullan\u0131c\u0131 aray\u00fcz\u00fc) ve UX (kullan\u0131c\u0131 deneyimi), bir projenin y\u00fcr\u00fct\u00fclmesiyle ilgili e\u015fit derecede \u00f6nemlidir, ancak ilgilendi\u011fi alanlar farkl\u0131d\u0131r. Temel olarak UI, sitenin, uygulaman\u0131n veya program\u0131n g\u00f6r\u00fcn\u00fcm\u00fc ve hissi etraf\u0131nda tasarlan\u0131rken, UX t\u00fcm kavramsalla\u015ft\u0131rma, geli\u015ftirme ve teslim s\u00fcrecini kapsar. Ek olarak, UX neredeyse her \u00fcr\u00fcnle ilgili olabilirken, UI yaln\u0131zca dijital \u00fcr\u00fcnlerle ilgilidir. UX ve UI aras\u0131ndaki temel farklar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>UX \u00fcr\u00fcn\u00fcn amac\u0131 ve i\u015flevselli\u011fi etraf\u0131nda d\u00f6nerken, UI kullan\u0131c\u0131n\u0131n \u00fcr\u00fcnle etkile\u015fiminin kalitesine odaklan\u0131r.<\/li>\n\n\n\n<li>Pazar ara\u015ft\u0131rmas\u0131 ve kullan\u0131c\u0131 ihtiya\u00e7lar\u0131n\u0131 belirleme gibi unsurlara UX dikkat eder. UI ise kullan\u0131c\u0131 deneyiminin g\u00f6r\u00fcn\u00fcm\u00fc ve hissi ile ilgili daha sanatsal tasar\u0131m \u00f6zellikleriyle ilgilenir.<\/li>\n\n\n\n<li>UX fikir a\u015famas\u0131ndan geli\u015ftirme ve teslimata kadar genel proje y\u00f6netimine odaklan\u0131r, UI daha \u00f6zel olarak bitmi\u015f \u00fcr\u00fcn\u00fcn tasar\u0131m\u0131na odaklan\u0131r.<\/li>\n<\/ul>\n\n\n\n<p>Bir UI tasarlamak, kullan\u0131c\u0131lar\u0131n temel ihtiya\u00e7lar\u0131n\u0131 belirlemek ve bunlar\u0131n nas\u0131l kar\u015f\u0131lanaca\u011f\u0131n\u0131 bulmakla ba\u015flar. UI kullan\u0131\u015fl\u0131 olacak \u015fekilde programland\u0131ktan sonra olu\u015fturulan prototip bir UX tasar\u0131mc\u0131s\u0131na g\u00f6nderilir.<\/p>\n\n\n\n<p>Bir UX geli\u015ftirmenin a\u015famalar\u0131 \u015funlar\u0131 i\u00e7erir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Genel y\u00fcr\u00fctme ve hedef takibi<\/li>\n\n\n\n<li>Geli\u015ftiriciler ve UI tasar\u0131mc\u0131lar\u0131 ile koordinasyon<\/li>\n\n\n\n<li>Analizlerde bulunma<\/li>\n\n\n\n<li>\u0130\u00e7erik ve \u00fcr\u00fcn stratejisi belirleme<\/li>\n\n\n\n<li>Planlama, prototip olu\u015fturma, geli\u015ftirme, test etme<\/li>\n<\/ul>\n\n\n\n<p>Bir UI geli\u015ftirmenin a\u015famalar\u0131 ise \u015fu \u015fekildedir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sitenin\/uygulaman\u0131n\/program\u0131n g\u00f6r\u00fcn\u00fcm\u00fc ve hissiyat\u0131<\/li>\n\n\n\n<li>Marka ve tasar\u0131m ara\u015ft\u0131rmas\u0131<\/li>\n\n\n\n<li>Responsive adaptasyon<\/li>\n\n\n\n<li>Etkile\u015fim, animasyon<\/li>\n\n\n\n<li>Uygulamaya ge\u00e7irme<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI-Olusturmak-Icin-Ipuclari\"><\/span>UI Olu\u015fturmak \u0130\u00e7in \u0130pu\u00e7lar\u0131<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0130deal bir UI tasar\u0131m\u0131, UX&#8217;i temel almal\u0131d\u0131r. \u00c7ekici ve benzersiz bir g\u00f6r\u00fcn\u00fcme sahip olmal\u0131d\u0131r. Bununla birlikte mant\u0131ksal bir yap\u0131ya sahip olmal\u0131 ve kullan\u0131c\u0131lar taraf\u0131ndan anlamas\u0131 kolay olmal\u0131d\u0131r. UI tasar\u0131m\u0131 m\u00fckemmelle\u015ftirildikten sonra bile, bir\u00e7ok hata ay\u0131klama ve ince ayar d\u00fczenlemeleri gerektirir. Etkili bir UI olu\u015fturmak i\u00e7in \u015fu 12 maddeye dikkat edin:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.&nbsp;Kontrast Konusunda Dikkatli Olun<\/h3>\n\n\n\n<p>Metin ve arka plan renkleri aras\u0131nda sadelik ve kar\u015f\u0131tl\u0131k oldu\u011fundan emin olun. Okumay\u0131 \u00e7ok kolay bir hale getirmelisiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.&nbsp;Responsive Tasar\u0131m<\/h3>\n\n\n\n<p>\u0130ster 7 in\u00e7lik bir cep telefonu ister 70 in\u00e7lik bir TV olsun, bir web sitesi her zaman g\u00f6r\u00fcnt\u00fclendi\u011fi ekrana adapte olmal\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.&nbsp;Deneysel Olun<\/h3>\n\n\n\n<p>Son \u00fcr\u00fcn\u00fc son derece benzersiz ve kullan\u0131m\u0131 zevkli hale getirmek i\u00e7in yeni tasar\u0131m \u00f6\u011felerini ke\u015ffetmeyi deneyin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Kullan\u0131labilirli\u011fi Temel Al\u0131n<\/h3>\n\n\n\n<p>Kullan\u0131c\u0131lar sitenizi ilk kez ziyaret ediyorsa bile sezgisel olarak kolay kullanabilmelerini sa\u011flay\u0131n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Tutarl\u0131 Olun<\/h3>\n\n\n\n<p><strong>&nbsp;<\/strong>Bir tasar\u0131m se\u00e7in ve proje boyunca ona sad\u0131k kal\u0131n. Kullan\u0131c\u0131 deneyiminde herhangi bir kar\u0131\u015f\u0131kl\u0131k ya\u015famamak i\u00e7in sitenin her sayfas\u0131 ayn\u0131 \u015fekilde d\u00fczenlenmelidir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Hedef Kullan\u0131c\u0131n\u0131z\u0131 Tan\u0131y\u0131n<\/h3>\n\n\n\n<p>Hedefledi\u011finiz kullan\u0131c\u0131ya y\u00f6nelik tasar\u0131mlarda bulunun. Bazen kendi zevkinizin d\u0131\u015f\u0131na \u00e7\u0131kman\u0131z gerekebilir. Tasarlad\u0131\u011f\u0131n\u0131z \u015fey kullan\u0131c\u0131 i\u00e7indir ve bu nedenle kullan\u0131c\u0131 odakl\u0131 olmal\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Markala\u015fmay\u0131 S\u00fcrd\u00fcr\u00fcn<\/h3>\n\n\n\n<p>Kullan\u0131c\u0131lar sitenizin her sayfas\u0131nda markan\u0131z\u0131 tan\u0131mal\u0131. Yeni kullan\u0131c\u0131lara ilk ziyaretlerinde markan\u0131z\u0131 tan\u0131tmay\u0131 ihmal etmeyin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. G\u00f6ze Hitap Edin<\/h3>\n\n\n\n<p>Okunma kolayl\u0131\u011f\u0131na dikkat edin. \u00d6rne\u011fin, metni kenar hizal\u0131 tutun, s\u0131n\u0131rl\u0131 bir renk paleti kullan\u0131n. Renkli ve g\u00f6z al\u0131c\u0131 olmas\u0131n\u0131, ancak bunalt\u0131c\u0131 ve g\u00f6z kama\u015ft\u0131r\u0131c\u0131 olmamas\u0131n\u0131 sa\u011flay\u0131n. Okunmas\u0131 kolay ve uygun boyutta yaz\u0131 tipleri se\u00e7in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Kolayl\u0131\u011f\u0131 Hedefleyin<\/h3>\n\n\n\n<p><strong>&nbsp;<\/strong>Kullan\u0131c\u0131n\u0131n minimum \u00e7aba harcamas\u0131n\u0131 sa\u011flay\u0131n. Her sayfa bir ana i\u015fleve hizmet etmelidir. Kafa kar\u0131\u015ft\u0131r\u0131c\u0131 olmay\u0131n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10. Revize Edin<\/h3>\n\n\n\n<p><strong>&nbsp;<\/strong>Bitmi\u015f \u00fcr\u00fcn\u00fcn\u00fcz\u00fcn kullan\u0131c\u0131lara hatas\u0131z olarak sunulmas\u0131n\u0131 sa\u011flay\u0131n. S\u0131k s\u0131k, hata var m\u0131 diye kontrol edin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">11. Sonraki A\u015famalara Y\u00f6nelik Tasarlay\u0131n<\/h3>\n\n\n\n<p>UI tasar\u0131m\u0131n\u0131z, kullan\u0131c\u0131lar\u0131n daha sonra ne yapacaklar\u0131n\u0131 sezgisel olarak anlamalar\u0131n\u0131 sa\u011flamal\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">12. \u00d6zellikleri K\u0131s\u0131tlay\u0131n<\/h3>\n\n\n\n<p>Etkile\u015fimli tasar\u0131m unsurlar\u0131n\u0131 s\u0131n\u0131rl\u0131 kullan\u0131n. Kullan\u0131c\u0131y\u0131 bir\u00e7ok \u00f6zelli\u011fe bo\u011fup kafa kar\u0131\u015ft\u0131rmak istemezsiniz.<\/p>\n\n\n\n<p>UI ile ilgili t\u00fcm temel detaylar\u0131 \u00f6\u011frendiniz. Kendinizi daha fazla geli\u015ftirmek isterseniz bu <a href=\"https:\/\/www.coursera.org\/specializations\/ui-ux-design\">kursa<\/a> g\u00f6z atabilirsiniz. Benzer i\u00e7erikler i\u00e7in sitemizi takipte kalmay\u0131 unutmay\u0131n.<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\">   <\/div>\n\n    <div class=\"container m-0 p-0 pm-faq\">\n            <h2 class=\"accordion-title\"><span class=\"ez-toc-section\" id=\"Hakkinda-Sikca-Sorulan-Sorular\"><\/span> Hakk\u0131nda S\u0131k\u00e7a Sorulan Sorular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n        <div class=\"faq accordion faq-drop\" id=\"accordion\">\n            <div class=\"col-md-12 faq-card m-0 p-0\">\n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading0\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_0\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_0\">\n                            UI neyin k\u0131saltmas\u0131d\u0131r?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_0\" class=\"collapse\" aria-labelledby=\"heading0\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>UI \u0130ngilizce bir terim olan User Interface\u2019in k\u0131saltmas\u0131d\u0131r. Kullan\u0131c\u0131 ara y\u00fcz\u00fc anlam\u0131na gelir.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading1\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_1\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_1\">\n                            UI tasar\u0131mc\u0131s\u0131 ne i\u015f yapar?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_1\" class=\"collapse\" aria-labelledby=\"heading1\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Bir UI tasar\u0131mc\u0131s\u0131, site, uygulama veya yaz\u0131l\u0131m\u0131n nas\u0131l g\u00f6r\u00fcnece\u011finden sorumludur. Kullan\u0131c\u0131 gibi d\u00fc\u015f\u00fcnerek t\u00fcm detaylar\u0131 tasarlar.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading2\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_2\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_2\">\n                            UX ve UI fark\u0131 nedir?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_2\" class=\"collapse\" aria-labelledby=\"heading2\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>UX bir \u00fcr\u00fcn veya hizmetin t\u00fcm unsurlar\u0131n\u0131 tasarlar. UI ise yaln\u0131zca dijital bir \u00fcr\u00fcn\u00fcn ara y\u00fcz\u00fcnden sorumludur.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        <\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0130\u015f ve sosyal hayatta giderek internete, web uygulamalar\u0131na ve mobil uygulamalara ba\u011f\u0131ml\u0131 hale geliyoruz. Bir uygulaman\u0131n en \u00f6nemli unsuru olan g\u00f6rsellik ise yaz\u0131m\u0131z\u0131n konusunu olu\u015fturuyor. G\u00fcn\u00fcm\u00fczde bu i\u015fi kullan\u0131c\u0131 aray\u00fcz\u00fc tasar\u0131mc\u0131lar\u0131 \u00fcstlenmektedir. \u015eirketler, rekabet etmenin en iyi yolunun, kullan\u0131c\u0131 deneyimini optimize eden \u00e7ekici ve verimli bir kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) olu\u015fturmak [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":19296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-6261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tasarim","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?<\/title>\n<meta name=\"description\" content=\"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?\" \/>\n<meta property=\"og:description\" content=\"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\" \/>\n<meta property=\"og:site_name\" content=\"SEO &amp; Dijital Pazarlama Blogu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dopingertr\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-10T05:45:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-07T07:00:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"H\u00fcseyin \u00c7etin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dopingertr\" \/>\n<meta name=\"twitter:site\" content=\"@dopingertr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"H\u00fcseyin \u00c7etin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\"},\"author\":{\"name\":\"H\u00fcseyin \u00c7etin\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/55d778f0752d8abadc326d5d9cd49690\"},\"headline\":\"UI Nedir?\",\"datePublished\":\"2021-08-10T05:45:20+00:00\",\"dateModified\":\"2024-08-07T07:00:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\"},\"wordCount\":1776,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg\",\"articleSection\":[\"Tasar\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\",\"name\":\"UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg\",\"datePublished\":\"2021-08-10T05:45:20+00:00\",\"dateModified\":\"2024-08-07T07:00:34+00:00\",\"description\":\"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746\"}],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg\",\"width\":1248,\"height\":832,\"caption\":\"UI Nedir?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tasar\u0131m\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\/tasarim\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UI Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"name\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"description\":\"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.\",\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"alternateName\":\"Dopinger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\",\"name\":\"Dopinger\",\"alternateName\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"width\":157,\"height\":48,\"caption\":\"Dopinger\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dopingertr\/\",\"https:\/\/x.com\/dopingertr\",\"https:\/\/www.instagram.com\/dopingertr\/\",\"https:\/\/www.linkedin.com\/company\/dopinger-trr\/\",\"https:\/\/tr.pinterest.com\/dopingerseo\/\",\"https:\/\/www.youtube.com\/dopingertr\",\"https:\/\/www.udemy.com\/user\/dopingertr\/\",\"https:\/\/accessland.live\/profile\/bilgi-a3c9C\",\"https:\/\/www.tiktok.com\/@dijitalpazarlama\",\"https:\/\/www.reddit.com\/user\/dopigertr\",\"https:\/\/soundcloud.com\/dopinger-tr\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/55d778f0752d8abadc326d5d9cd49690\",\"name\":\"H\u00fcseyin \u00c7etin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/huseyin-cetin-96x96.png\",\"contentUrl\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/huseyin-cetin-96x96.png\",\"caption\":\"H\u00fcseyin \u00c7etin\"},\"description\":\"Dijital pazarlama ve SEO alan\u0131nda i\u00e7erikler \u00fcretiyorum. \u00dcretti\u011fim i\u00e7eriklerle m\u00fcmk\u00fcn oldu\u011funca sizlere faydal\u0131 bilgiler sunmaya \u00e7al\u0131\u015f\u0131yorum. Dijital pazarlama d\u00fcnyas\u0131n\u0131n dinamiklerini yak\u0131ndan takip etmek i\u00e7in bloglar\u0131m\u0131 ziyaret etmeyi unutmay\u0131n..\",\"sameAs\":[\"https:\/\/www.instagram.com\/huseyincancetins\/\",\"https:\/\/www.linkedin.com\/in\/hseyin-etin-463ba61a9\/\"],\"url\":\"http:\/\/www.dopinger.com\/tr\/blog\/author\/huseyincetin\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085\",\"position\":1,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085\",\"name\":\"UI neyin k\u0131saltmas\u0131d\u0131r?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"UI \u0130ngilizce bir terim olan User Interface\u2019in k\u0131saltmas\u0131d\u0131r. Kullan\u0131c\u0131 ara y\u00fcz\u00fc anlam\u0131na gelir.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152\",\"position\":2,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152\",\"name\":\"UI tasar\u0131mc\u0131s\u0131 ne i\u015f yapar?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Bir UI tasar\u0131mc\u0131s\u0131, site, uygulama veya yaz\u0131l\u0131m\u0131n nas\u0131l g\u00f6r\u00fcnece\u011finden sorumludur. Kullan\u0131c\u0131 gibi d\u00fc\u015f\u00fcnerek t\u00fcm detaylar\u0131 tasarlar.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746\",\"position\":3,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746\",\"name\":\"UX ve UI fark\u0131 nedir?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"UX bir \u00fcr\u00fcn veya hizmetin t\u00fcm unsurlar\u0131n\u0131 tasarlar. UI ise yaln\u0131zca dijital bir \u00fcr\u00fcn\u00fcn ara y\u00fcz\u00fcnden sorumludur.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?","description":"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir","og_locale":"tr_TR","og_type":"article","og_title":"UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?","og_description":"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.","og_url":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir","og_site_name":"SEO &amp; Dijital Pazarlama Blogu","article_publisher":"https:\/\/www.facebook.com\/dopingertr\/","article_published_time":"2021-08-10T05:45:20+00:00","article_modified_time":"2024-08-07T07:00:34+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg","type":"image\/jpeg"}],"author":"H\u00fcseyin \u00c7etin","twitter_card":"summary_large_image","twitter_creator":"@dopingertr","twitter_site":"@dopingertr","twitter_misc":{"Yazan:":"H\u00fcseyin \u00c7etin","Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#article","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir"},"author":{"name":"H\u00fcseyin \u00c7etin","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/55d778f0752d8abadc326d5d9cd49690"},"headline":"UI Nedir?","datePublished":"2021-08-10T05:45:20+00:00","dateModified":"2024-08-07T07:00:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir"},"wordCount":1776,"commentCount":0,"publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg","articleSection":["Tasar\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir","url":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir","name":"UI Nedir? UX Ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg","datePublished":"2021-08-10T05:45:20+00:00","dateModified":"2024-08-07T07:00:34+00:00","description":"User Interface (Kullan\u0131c\u0131 aray\u00fcz\u00fc) anlam\u0131na gelen UI nedir ve kullan\u0131m alanlar\u0131 nelerdir detayl\u0131 \u015fekilde \u00f6\u011frenmek i\u00e7in blo\u011fumuzu ziyaret edin.","breadcrumb":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746"}],"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#primaryimage","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/08\/ui-nedir.jpg","width":1248,"height":832,"caption":"UI Nedir?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.dopinger.com\/tr\/blog"},{"@type":"ListItem","position":2,"name":"Tasar\u0131m","item":"https:\/\/www.dopinger.com\/tr\/blog\/tasarim"},{"@type":"ListItem","position":3,"name":"UI Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website","url":"https:\/\/www.dopinger.com\/tr\/blog\/","name":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","description":"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.","publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"alternateName":"Dopinger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization","name":"Dopinger","alternateName":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","url":"https:\/\/www.dopinger.com\/tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","width":157,"height":48,"caption":"Dopinger"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dopingertr\/","https:\/\/x.com\/dopingertr","https:\/\/www.instagram.com\/dopingertr\/","https:\/\/www.linkedin.com\/company\/dopinger-trr\/","https:\/\/tr.pinterest.com\/dopingerseo\/","https:\/\/www.youtube.com\/dopingertr","https:\/\/www.udemy.com\/user\/dopingertr\/","https:\/\/accessland.live\/profile\/bilgi-a3c9C","https:\/\/www.tiktok.com\/@dijitalpazarlama","https:\/\/www.reddit.com\/user\/dopigertr","https:\/\/soundcloud.com\/dopinger-tr"]},{"@type":"Person","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/55d778f0752d8abadc326d5d9cd49690","name":"H\u00fcseyin \u00c7etin","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/huseyin-cetin-96x96.png","contentUrl":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/huseyin-cetin-96x96.png","caption":"H\u00fcseyin \u00c7etin"},"description":"Dijital pazarlama ve SEO alan\u0131nda i\u00e7erikler \u00fcretiyorum. \u00dcretti\u011fim i\u00e7eriklerle m\u00fcmk\u00fcn oldu\u011funca sizlere faydal\u0131 bilgiler sunmaya \u00e7al\u0131\u015f\u0131yorum. Dijital pazarlama d\u00fcnyas\u0131n\u0131n dinamiklerini yak\u0131ndan takip etmek i\u00e7in bloglar\u0131m\u0131 ziyaret etmeyi unutmay\u0131n..","sameAs":["https:\/\/www.instagram.com\/huseyincancetins\/","https:\/\/www.linkedin.com\/in\/hseyin-etin-463ba61a9\/"],"url":"http:\/\/www.dopinger.com\/tr\/blog\/author\/huseyincetin"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085","position":1,"url":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886642085","name":"UI neyin k\u0131saltmas\u0131d\u0131r?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"UI \u0130ngilizce bir terim olan User Interface\u2019in k\u0131saltmas\u0131d\u0131r. Kullan\u0131c\u0131 ara y\u00fcz\u00fc anlam\u0131na gelir.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152","position":2,"url":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886657152","name":"UI tasar\u0131mc\u0131s\u0131 ne i\u015f yapar?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Bir UI tasar\u0131mc\u0131s\u0131, site, uygulama veya yaz\u0131l\u0131m\u0131n nas\u0131l g\u00f6r\u00fcnece\u011finden sorumludur. Kullan\u0131c\u0131 gibi d\u00fc\u015f\u00fcnerek t\u00fcm detaylar\u0131 tasarlar.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746","position":3,"url":"https:\/\/www.dopinger.com\/tr\/blog\/ui-nedir#faq-question-1627886676746","name":"UX ve UI fark\u0131 nedir?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"UX bir \u00fcr\u00fcn veya hizmetin t\u00fcm unsurlar\u0131n\u0131 tasarlar. UI ise yaln\u0131zca dijital bir \u00fcr\u00fcn\u00fcn ara y\u00fcz\u00fcnden sorumludur.","inLanguage":"tr"},"inLanguage":"tr"}]}},"_links":{"self":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/6261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/comments?post=6261"}],"version-history":[{"count":1,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/6261\/revisions"}],"predecessor-version":[{"id":28866,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/6261\/revisions\/28866"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media\/19296"}],"wp:attachment":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media?parent=6261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/categories?post=6261"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/tags?post=6261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}