
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"> 
<title>UI/UX Tasarım | Modern Fikirler Enstitüsü</title>
<meta name="robots" content="index, follow" />
<meta name="description" content="Yenilikçi. Kullanıcı Odaklı" />
<meta name="keywords" content="" />
<meta name="googlebot" content="All, Index, Follow" />
<meta name="Robots" content="All, Index, Follow" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="1 days" />
<meta name="distribution" content="global" />
<link rel="stylesheet" href="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://mii.com.tr/style.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.theme.css">
<link id="page_favicon" href="https://mii.com.tr/assets/img/favicon-32x32.png" rel="icon" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="480"/>
<meta name="verify-admitad" content="ecd7e1c696" />


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109714748-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-109714748-1');
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(52212787, "init", {
        id:52212787,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/52212787" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div id="modernfikirlerenstitusu">
<div id="home" class="altenative">
<div class="header">
<div class="wrap">
<div class="mii-logo col-md-3 col-xs-8"><a href="https://mii.com.tr/"><img src="https://mii.com.tr/assets/img/logo.png"></a></div>
<div class="hamburger col-md-1 col-xs-4"><span class="line"></span><span class="line"></span><span class="line"></span></div>
<nav class="nav col-md-8">
<ul>
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li title="Web Tasarım"><a title="Web Tasarım" href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>

<li class="drop"><a href="#">Neler Yaparız</a>
<ul class="dropdown">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
<div class="clear"></div>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="home-content"><div class="wrap slideInUp animation-element"><h2 lang="tr">UI/UX Tasarım</h2><p>Yenilikçi. Kullanıcı Odaklı</p></div></div><div class="altenative_bg animation-element" style="background-image: url(https://mii.com.tr/media/ui-ux-tasarim.svg)"></div>
</div>
<div id="fullpage">
<section id="content-area">
<div class="wrap">
<div class="col-xs-12 col-md-1 yfix">
<div id="sticky"><div class="page_line"></div><div class="left_social_media">
<a class="facebook" href=""><i class="fa fa-facebook"></i></a>
<br>
<a class="twitter" href=""><i class="fa fa-twitter"></i></a>
<br>
<a class="google" href=""><i class="fa fa-google-plus"></i></a>
<br>
<a class="pinterest" href=""><i class="fa fa-pinterest"></i></a>
<br>
<a class="comment" href=""><i class="fa fa-comment"></i></a>
<br>
</div></div>
</div>
<div class="col-xs-12 col-md-8 yfix">
<div class="quotes"><i class="fa fa-quote-left"></i></div>
<div class="quotes_after">
<h1 class="page_cap">HİZMETLERİMİZ / Dijital İnovasyon</h1>
<h2 class="page_spot col-xs-12 col-md-8">UI/UX Tasarım</h2>
</div>
<div class="clearfix"></div>
<div class="page_content">

<p>Yarış başladı! Gittikçe daha fazla şirket, onları rakiplerinden ayıran müşteri deneyimine yatırım yapmanın değerini biliyor. Bu deneyim, müşterinin bir markayla iş yapmaya devam etmeye karar verip vermeyeceği konusunda belirleyici faktördür.</p>

<p>Harika bir müşteri deneyimi sunmak, dünyadaki birçok şirket için stratejik bir amaç haline geldi. Ancak, işler her zaman istediğiniz gibi gitmeyebilir: birçok şirket çabalarında hala başarısız oluyor ve daha da kötüsü, bunun farkında bile değiller.</p>

<p>Bugünün global pazar ortamında, hem yeni müşteriler kazanma hem de mevcut müşterileri elde tutma, bütün sektörler için çok önemli hale geldi.</p>

<p>UX (User Experience) bir otomobilin sürüş şekli, vites değiştirirken hissettikleriniz veya sizi kaza sırasında nasıl koruduğudur. UI (User Interface) o otomobilin rengi ve tasarımıdır.</p>

<p>Bir UX tasarımcısı, bir adımdan diğerine mantıksal olarak akan bir yol yaratarak ürünün kullanıcıya anlamlı gelmesini sağlar. Bir UI tasarımcısı, her sayfanın o yolu görsel olarak iletmesini sağlar.</p>

<p>Birbirinden farklı ama birisi olmadan diğerinin düşünülemeyeceği iki farklı alan. İkisi de bugünün internet dünyasında es geçilemeyecek kadar önemlidir. Kullanıcılar bir ürünü beğenirken veya beğenmezken, arkada yazılan kodlardan çok, önde görünen tasarım ve deneyime dikkat edeceklerdir.</p>

<p style="margin-top: 30px;"><i class="fa fa-tags" aria-hidden="true"></i> Etiketler: 

</p>

<div class="services_links">

</div>

<div class="clearfix"></div><div style="float: right; width: 80px;"><i class="fa fa-quote-right"></i></div><div class="clearfix"></div>
</div></div>

<div class="col-xs-12 col-md-3 sidebar yfix">
<div id="sticky">
<aside>
<nav>
<ul class="nav">

<li><a class="toggle-custom" id="btn-1" data-toggle="collapse" data-target="#submenu1" aria-expanded="false"><i class="fa fa-paint-brush"></i> Dijital İnovasyon</a>
<ul class="panel-collapse collapse in submenu" id="submenu1" role="menu" aria-labelledby="btn-1">

<li><a href="https://mii.com.tr/ui-ux-tasarim/" title="UI/UX Tasarım">UI/UX Tasarım</a></li>

<li><a href="https://mii.com.tr/dijital-strateji/" title="Dijital Strateji">Dijital Strateji</a></li>

<li><a href="https://mii.com.tr/fotograf-cekimi/" title="Fotoğraf Çekimi">Fotoğraf Çekimi</a></li>

<li><a href="https://mii.com.tr/kurumsal-kimlik/" title="Kurumsal Kimlik">Kurumsal Kimlik</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme/" title="İçerik Geliştirme">İçerik Geliştirme</a></li>

<li><a href="https://mii.com.tr/dijital-reklam-kampanyalari/" title="Dijital Reklam Kampanyaları">Dijital Reklam Kampanyaları</a></li>

<li><a href="https://mii.com.tr/mobil-responsive-tasarim/" title="Mobil / Responsive Tasarım">Mobil / Responsive Tasarım</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-tasarimlari/" title="Sosyal Medya Tasarımları">Sosyal Medya Tasarımları</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-2" data-toggle="collapse" data-target="#submenu2" aria-expanded="false"><i class="fa fa-desktop"></i> Web Tasarım</a>
<ul class="panel-collapse collapse submenu" id="submenu2" role="menu" aria-labelledby="btn-2">

<li><a href="https://mii.com.tr/web-tasarimi-ve-web-yazilimi/" title="Web Tasarımı ve Web Yazılımı">Web Tasarımı ve Web Yazılımı</a></li>

<li><a href="https://mii.com.tr/webtasarim/" title="3 Adımda Web Tasarım!">3 Adımda Web Tasarım!</a></li>

<li><a href="https://mii.com.tr/e-ticaret-web-site-yazilimi/" title="E - Ticaret Web Site Yazılımı">E - Ticaret Web Site Yazılımı</a></li>

<li><a href="https://mii.com.tr/mobil-uygulama-gelistirme/" title="Mobil Uygulama Geliştirme">Mobil Uygulama Geliştirme</a></li>

<li><a href="https://mii.com.tr/responsive-web-site-tasarimi/" title="Responsive Web Site Tasarımı">Responsive Web Site Tasarımı</a></li>

<li><a href="https://mii.com.tr/icerik-yonetim-sistemi/" title="İçerik Yönetim Sistemi">İçerik Yönetim Sistemi</a></li>

<li><a href="https://mii.com.tr/web-tabanli-uygulamalar-ve-sistemler/" title="Web Tabanlı Uygulamalar ve Sistemler">Web Tabanlı Uygulamalar ve Sistemler</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-3" data-toggle="collapse" data-target="#submenu3" aria-expanded="false"><i class="fa fa-cog"></i> Marka Stratejisi</a>
<ul class="panel-collapse collapse submenu" id="submenu3" role="menu" aria-labelledby="btn-3">

<li><a href="https://mii.com.tr/marka-tescili/" title="Marka Tescili">Marka Tescili</a></li>

<li><a href="https://mii.com.tr/google-reklamlari/" title="Google Reklamları">Google Reklamları</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-yonetimi-ve-reklamciligi/" title="Sosyal Medya Yönetimi ve Reklamcılığı">Sosyal Medya Yönetimi ve Reklamcılığı</a></li>

<li><a href="https://mii.com.tr/arama-motoru-optimizasyonu/" title="Arama Motoru Optimizasyonu">Arama Motoru Optimizasyonu</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme-ve-metin-yazarligi/" title="İçerik Geliştirme ve Metin Yazarlığı">İçerik Geliştirme ve Metin Yazarlığı</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-4" data-toggle="collapse" data-target="#submenu4" aria-expanded="false"><i class="fa fa-video-camera"></i> Prodüksiyon</a>
<ul class="panel-collapse collapse submenu" id="submenu4" role="menu" aria-labelledby="btn-4">

<li><a href="https://mii.com.tr/kurgu-post-produksiyon/" title="Kurgu & Post Prodüksiyon">Kurgu & Post Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/video-produksiyon/" title="Video Prodüksiyon">Video Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/logo-animasyonu/" title="Logo Animasyonu">Logo Animasyonu</a></li>

<li><a href="https://mii.com.tr/muzik-produksiyon/" title="Müzik Prodüksiyon">Müzik Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/tanitim-filmi/" title="Tanıtım Filmi">Tanıtım Filmi</a></li>

<li><a href="https://mii.com.tr/bant-reklam/" title="Bant Reklam">Bant Reklam</a></li>

<li><a href="https://mii.com.tr/seslendirme/" title="Seslendirme">Seslendirme</a></li>

<li><a href="https://mii.com.tr/jingle-reklam-muzigi/" title="Jingle & Reklam Müziği">Jingle & Reklam Müziği</a></li>

</ul>
</li>

</ul></nav></aside><div class="clearfix"></div></div></div><div class="clear"></div></div>

</section><!-- content-area -->
<div id="footer">

<div class="wrap">
<div class="footer-top">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<div class="partners">
<img src="https://mii.com.tr/assets/img/logo.png" class="footer-logo"><br>
<h3>&nbsp;</h3>
<img src="https://mii.com.tr/assets/img/partner_logo_3.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_4.PNG" class="footer-partner"><br>
<img src="https://mii.com.tr/assets/img/partner_logo_2.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_1.PNG" class="footer-partner">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>Site Haritası</h3>
<ul id="menu-footer-menu" class="">
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li><a href="https://mii.com.tr/hizmetlerimiz/">Hizmetlerimiz</a></li>
<li><a href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/uygulamalar/">Uygulamalar</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox our-box">
<h3>Hizmetler</h3>
<ul id="menu-our-menu" class="">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>İletişime Geç</h3>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/location-icon.png" alt=""></div>
<div class="right-text">Şimdilik Evlerimizdeyiz. / @remotemode</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/ph-icon2.png" alt=""></div>
<div class="right-text"> <a href="tel:+905331438563">+90 533 143 85 63</a>
</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/mail-icon.png" alt=""></div>
<div class="right-text"> <a href="/cdn-cgi/l/email-protection#1b72757d745b76727235787476356f69" class="email"><span class="__cf_email__" data-cfemail="f79e999198b79a9e9ed994989ad98385">[email&#160;protected]</span></a>

</div>
<div class="clearfix"></div>
</div>



</div>
</div>
</div>
</div>


<div class="footer-bottom">
<div class="icon-block">
<ul>
<li><a href="https://tr-tr.facebook.com/mii.com.tr/" target="_blank">
<i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/miicomtr/" target="_blank">
<i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/mii.com.tr/" target="_blank">
<i class="fa fa-instagram"></i></a></li>
</ul>
<div class="clearfix">
</div>
</div>
<div class="lt-block">
<div class="">
<div class="textwidget">
<p>© Modern Fikirler Enstitüsü Tasarım ve Yazılım Ofisi | 2016 .</p>
</div>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div><!-- fullpage -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://mii.com.tr/assets/js/jquery.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/custom.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/owl/owl.carousel.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".hamburger").click(function() {
    $(".hamburger .line").toggleClass("is-active");
    $(".nav").toggleClass("show");
});
});

function load_ok() {$(".loader").addClass('loading');}
$(document).ready(function() {
$(".drop").mouseover(function() {$(".dropdown").show(300);});
$(".drop").mouseleave(function() {$(".dropdown").hide(300);});
});
</script>
<script>
var $animation_elements = $('.animation-element');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = window_top_position + window_height;
$.each($animation_elements, function () {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top;
var element_bottom_position = element_top_position + element_height;
if (element_bottom_position >= window_top_position && element_top_position <= window_bottom_position) {
$element.addClass('animated');
} else {
$element.removeClass('animated2');
}
});
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
//# sourceURL=pen.js


</script>



<script src="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/js/bootstrap.min.js" type="text/javascript" ></script>

<script>$(window).load(function(){width = $( window ).width();if(width >= 640){var maxHeight = -1;$('.yfix').each(function() {maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();});$('.yfix').each(function() {$(this).height(maxHeight);});}})
$(window).load(function(){
$(".altenative_bg").addClass("slideInUp");
});
</script>
</div><!-- modernfikirler -->
</body>
</html>