{"id":28,"date":"2022-11-09T14:00:27","date_gmt":"2022-11-09T14:00:27","guid":{"rendered":"https:\/\/northsoft.co\/blog\/yazilar\/?p=28"},"modified":"2022-11-12T16:52:33","modified_gmt":"2022-11-12T16:52:33","slug":"ui-ux-nedir","status":"publish","type":"post","link":"https:\/\/northsoft.co\/blog\/genel\/ui-ux-nedir\/","title":{"rendered":"UI\/UX Nedir?"},"content":{"rendered":"<p><strong>Web tasar\u0131m<\/strong> ve mobil uygulama geli\u015ftirme gibi s\u00fcre\u00e7lerde s\u0131k s\u0131k kar\u015f\u0131la\u015f\u0131lan UX tasar\u0131m ve UI tasar\u0131m, her ne kadar birbiriyle ili\u015fkili olsa da, farkl\u0131 kavramlard\u0131r. Yap\u0131lan tasar\u0131m\u0131n istenen sonucu vermesi i\u00e7in s\u00f6z konusu kavramlar\u0131n ne anlama geldi\u011finin ve farklar\u0131n\u0131n bilinmesi gerekir.<\/p>\n<h2><strong>UI (User Interface) Nedir?<\/strong><\/h2>\n<p>UI, yani <em>User Interface, <\/em>dilimize <strong>kullan\u0131c\u0131 aray\u00fcz\u00fc<\/strong> olarak ge\u00e7mi\u015ftir. UI; g\u00f6rsel, i\u015fitsel ve di\u011fer ileti\u015fim ara\u00e7lar\u0131n\u0131n kullan\u0131larak etkile\u015fimin artmas\u0131n\u0131 hedefleyen s\u00fcre\u00e7lerdir. Daha a\u00e7\u0131k bir ifadeyle, tasar\u0131m\u0131n nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fc konusuyla ilgilidir.<\/p>\n<p>Bir <em><a href=\"https:\/\/northsoft.co\/blog\/yazilar\/2022\/11\/07\/web-sitesi-kurumlar-icin-neden-onemlidir\/\">web sitesi<\/a> <\/em>ya da <em>mobil uygulama<\/em> tasarlarken renklerin, \u015fekillerin, sembollerin ve di\u011fer \u00f6\u011felerin konumlar\u0131, boyutlar\u0131 ve di\u011fer \u00f6zellikleri <strong>UI tasar\u0131m<\/strong> ile \u015fekillendirilir. Kullan\u0131c\u0131lar\u0131n ilgili web sitesinde veya mobil uygulamada rahat bir \u015fekilde dola\u015fmas\u0131, istediklerini bulmas\u0131 ve daha fazla etkile\u015fime girmesini hedefler. UI tasar\u0131m, kullan\u0131c\u0131 odakl\u0131 g\u00f6rsel tasar\u0131m olarak da ifade edilebilir.<\/p>\n<h2><strong>UX (User Experience) Nedir?<\/strong><\/h2>\n<p>UX, \u0130ngilizcedeki <a href=\"https:\/\/en.wikipedia.org\/wiki\/User_experience\"><em>User Experience <\/em><\/a>ifadesinin k\u0131saltmas\u0131d\u0131r ve dilimize <strong><em>kullan\u0131c\u0131 deneyimi<\/em> <\/strong>ge\u00e7mi\u015ftir. UX tasar\u0131m; kullan\u0131c\u0131lar\u0131n daha kaliteli bir deneyim ge\u00e7irmesini hedefler. Sitenin h\u0131z\u0131, teknolojik \u00f6zellikleri ve i\u015fleyi\u015fi, direkt olarak <em>UX tasar\u0131m <\/em>ile ilgilidir.<\/p>\n<p>Ziyaret\u00e7ilerin, ilgili sitede veya mobil uygulamada, daha fazla zaman ge\u00e7irmesine ili\u015fkin teknik konularla ilgilenir. Olduk\u00e7a geni\u015f bir kavram olan UX, farkl\u0131 testlerden al\u0131nan verilerle \u015fekillenir ve bu veriler dikkate al\u0131narak geli\u015ftirmeler yap\u0131l\u0131r.<\/p>\n<h2><strong>UX ve UI Tasar\u0131m Aras\u0131ndaki Farklar Nelerdir?<\/strong><\/h2>\n<p><em>UX ve UI <\/em>kavramlar\u0131 aras\u0131ndaki ili\u015fki, kar\u0131\u015ft\u0131r\u0131lmalar\u0131na yol a\u00e7abilmektedir. Hatta baz\u0131lar\u0131, s\u00f6z konusu kavramlar\u0131n ayn\u0131 anlama geldi\u011fini dahi d\u00fc\u015f\u00fcnebilmektedir. Ancak UX ve UI, tamamen farkl\u0131 kavramlard\u0131r. Bunlar aras\u0131ndaki farklar \u015fu \u015fekildedir:<\/p>\n<ul>\n<li>UX, kullan\u0131c\u0131lar\u0131n ya\u015fayaca\u011f\u0131 deneyime odaklan\u0131rken, UI ise tasar\u0131m\u0131n g\u00f6rselli\u011fine odaklan\u0131r.<\/li>\n<li>UX, kullan\u0131c\u0131 deneyiminin artmas\u0131n\u0131 hedeflerken, UI ise tasar\u0131m\u0131n g\u00f6rsel a\u00e7\u0131dan iyi olmas\u0131n\u0131 ve g\u00f6ze ho\u015f g\u00f6r\u00fcnmesini hedefler.<\/li>\n<li>UX, kullan\u0131c\u0131lar\u0131n nas\u0131l zaman ge\u00e7ireceklerini dikkate al\u0131rken, UI ise zaman ge\u00e7irirken g\u00f6rsel tasar\u0131mlar\u0131n s\u00fcrece nas\u0131l olumlu katk\u0131 yapaca\u011f\u0131n\u0131 dikkate al\u0131r.<\/li>\n<li>UI, <a href=\"http:\/\/northsoft.co\"><strong>web tasar\u0131m<\/strong><\/a> konusunda bilgi sahibi olmay\u0131 gerektirirken, UX ise web tasar\u0131m ve yaz\u0131l\u0131m haricinde insan psikolojisi ve beklentileri konusunda da bilgili olmas\u0131n\u0131 gerektirir.<\/li>\n<\/ul>\n<p>Buradaki farklardan da anla\u015f\u0131laca\u011f\u0131 \u00fczere <strong><em>UX tasar\u0131m <\/em><\/strong>ile <strong><em>UI tasar\u0131m<\/em><\/strong>, tamamen farkl\u0131 kavramlard\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web tasar\u0131m ve mobil uygulama geli\u015ftirme gibi s\u00fcre\u00e7lerde s\u0131k s\u0131k kar\u015f\u0131la\u015f\u0131lan UX tasar\u0131m ve UI tasar\u0131m, her ne kadar birbiriyle ili\u015fkili olsa da, farkl\u0131 kavramlard\u0131r. Yap\u0131lan tasar\u0131m\u0131n istenen sonucu vermesi i\u00e7in s\u00f6z konusu kavramlar\u0131n ne anlama geldi\u011finin ve farklar\u0131n\u0131n bilinmesi gerekir. UI (User Interface) Nedir? UI, yani User Interface, dilimize kullan\u0131c\u0131 aray\u00fcz\u00fc olarak ge\u00e7mi\u015ftir. UI; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[16,18,19,20],"class_list":["post-28","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","tag-arayuz","tag-kullanici-deneyimi","tag-ui","tag-ux"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":5,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/28\/revisions\/78"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/tags?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}