# UI / UX Nedir?

![](/files/CwoDBTcoz9UQGxk38SHi)

## <mark style="color:orange;">**UX(User Experience) Nedir?**</mark>

<figure><img src="/files/tiCnbphm5zyt1qXvCT5l" alt=""><figcaption></figcaption></figure>

UX tasarımı bir şirketin ürününe, sistemine veya hizmetine yönelik algıları, duyguları ve etkileşimleri dahil olmak üzere son kullanıcının genel deneyimine odaklanır.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td><mark style="color:green;"><strong><code>İyi UX</code></strong></mark></td><td></td><td><a href="/files/238ENY2NlFNFpJqb7i04">/files/238ENY2NlFNFpJqb7i04</a></td></tr><tr><td></td><td><mark style="color:orange;"><strong><code>Kötü UX</code></strong></mark></td><td></td><td><a href="/files/CQlqn71JnSuSMxhCKzc1">/files/CQlqn71JnSuSMxhCKzc1</a></td></tr></tbody></table>

##

## **UI(User Interface) Nedir?**

<figure><img src="/files/BbFKKBPe7Hap9Btd11kZ" alt="" width="375"><figcaption></figcaption></figure>

Bir kullanıcının eriştiği bir web sitesinde zorluk yaşamadan dolaşması, aradığı bilgiye kolayca ulaşması ve bu konfor sayesinde sitede uzun süre kalmasını sağlamak için kullanılan görsel tasarımların tamamı UI’dır. Estetik detaylar ve görünümle ilgilenen UI ile amaçlanan, biçimsel odaklı iyileştirmelerdir.

## **UI - UX Arasındaki Farklar Nelerdir?**

### <mark style="background-color:blue;">**UX (Sol Beyin)**</mark>

* Analitik Düşünce
* Mantıksal
* Planlı
* Matematik
* Analiz
* Gerçekçi
* Rasyonel

### <mark style="background-color:orange;">**UI (Sağ Beyin)**</mark>

* Duygusal
* Sezgisel
* Üç Boyutlu
* Yaratıcı
* Sanat
* Görsel
* Hayal Gücü

## **UI - UX Arasındaki Farklar Nelerdir?**

### <mark style="background-color:blue;">**UX**</mark> **Designer**

* Müşteri,Rakip ve Kullanıcı Analizi
* Bilgi Mimarı Kullanıcı Akışı
* Wireframes & Prototip
* Kullanıcı Testleri
* Analiz ve Revizyonlar

### <mark style="background-color:orange;">UI</mark> Designer

* Görsel Tasarım
* Renkler ve Tipografi
* Markalaşma ve Grafik Revizyonlar
* Tasarım Araştırması

![](/files/1chYZcwCafC7tpjSpIJ2) ![](/files/ZE4JLWVxqyXLCqcPAnn8)

## **UI - UX Arasındaki Farklar Nelerdir?**

![](/files/5KpbUO8ABYwDjJFRPOhV)

UI, bünyesinde dijital aşamaları barındırırken UX, kullanıcı davranışlarına eğilir ve onları dijital dünyadan ayrı tutar ancak yine de dijital ortamda teste tabi tutar. UI, ortaya çıkan tasarımın görselliğine odaklanır; ilgili tasarımın kullanıcı gözünde nasıl görüneceğini hesaba katar. UX ise görsellikten ziyade kullanıcının bu tasarımla nasıl etkileşime geçeceğini kurgular. Bu farklardan yola çıkarak UX’in UI’yı kapsayan daha geniş çerçeveli bir kavram olduğunu söylemek mümkündür. Diğer bir deyişle UX soyut, UI somut çıktılar verir.

## <mark style="background-color:orange;">**UI**</mark>

* Ürünün nasıl göründüğüyle ilgilenir.Renkler,yazılar,görsel tasarım...
* Arayüz özelliklerine, mobil uygulamayı açtığındaki storybordlara, resimlere karar verir.
* Bir butonun estetik gözükmesini sağlar.Tasarıma eklediğin butona gölge

  verdiğinizde estetik olarak kötü duracağı kesin ama bu UX olarak kullanıcıyı etkilemiyorsa sorun olmaz.
* UI tasarımcıları kullanıcı arayüzünün prototiplerini oluşturmak için Photoshop, Sketch ve Figma gibi çeşitli araçlar kullanır. Ayrıca geri bildirim toplamak ve tasarımlarını yinelemek için kullanıcı araştırma ve testlerini de kullanırlar.
* Dijital ürünlere ve deneyimlere özeldir.
* UI, bir restorandaki masa, sandalye, tabak, bardak ve mutfak eşyalarıdır.

## <mark style="background-color:blue;">UX</mark>

* Ürünün nasıl kullanıldığına odaklanır. Hangi platformda, kim kullanıyor, amaç, kullanıcının hissiyatı...
* Uygulamaya giriş yapanın ne kadar süre vakit geçirdiğine ve hedeflenen amaca ulaşıp ulaşmadığıyla ilgilenir.
* Butonun boyutuna nerede ve neden olması gerektiğiyle ilgilenir. Butona verilen yanlış bir renk kullanıcıyı yanıltıyorsa işte UX tarafı size orada müdahale edecektir.
* UX, yemekten hizmete, park etmek, aydınlatma, müziğe ve garsonun sana davranışına kadar her şeydir.

## **UX’in İlgi Alanları**

<figure><img src="/files/kQ16B6cCoruBdeB2wPKE" alt=""><figcaption></figcaption></figure>

### [`Estetik konusunda keskin bir gözünüz varsa ve görsellikten hoşlanıyorsanız,kullanıcı arayüzünde bir kariyere(UI) daha uygun olabilirsiniz.`](https://github.com/Yavuzlar/Book/blob/main/yazilim/README.md#ui-sag-beyin)

### [`Empati yeteneği yüksek,problem çözen,analitik düşünebilen ve iyi bir iletişim becerisin sahipseniz kullanıcı deneyimine(UX) yönelebilirsiniz.`](https://github.com/Yavuzlar/Book/blob/main/yazilim/README.md#ux-sol-beyin)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.yavuzlar.org/yazilim/ui-ux-nedir.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.