Yavuzlar
Ana sayfaTelegram
  • Yavuzlar
  • VulnLab
  • CodinLab
  • 📚EĞİTİM
    • PHP
      • XAMPP kurulumu
      • VS Code Kurulum
      • 1.0 PHP Nedir
      • 1.1 Dosya Oluşturma
      • 1.2 Syntax (Yazım Kuralları)
      • 1.3 PHP'de Echo ve Print
      • 1.4 PHP'deki yorumlar
      • 1.5 PHP Değişkenleri
      • 1.6 Operatörler (Operators)
      • 1.7 Veri Türünü Alma
      • 1.8 PHP'de String
      • 1.9 PHP'de Sabitler
      • 2.0 PHP'de If Else Elseif
      • 2.1 Switch Case
      • 2.2 PHP'de Döngüler
      • 2.3 PHP'de Diziler (Arrays)
      • 2.4 PHP'de Süper Global Değişkenleri
      • 2.5 PHP'de Cookie (Çerez) Ve Session (Oturum) Yöntemleri
      • 2.6 Form işlemleri
    • C++
      • 1.0 Temeller
        • 1.1 Dosya Oluşturma
        • 1.2 Syntax (Yazım Kuralları)
        • 1.3 Yorum Satırları
        • 1.4 C++ Değişkenleri
          • 1.4.1 Değişken Türleri
        • 1.5 Operatörler (Operators)
        • 1.6 Namespace
        • 1.7 Kullanıcı Girdisi (User Input)
        • 1.8 C++ Stringleri (C++ Strings)
        • 1.9 Matematik (Math) Fonksiyonları
        • 1.10 Booleans
        • 1.11 If Else
        • 1.12 Switch
        • 1.13 While Döngüsü
          • 1.13.1 Do While Döngüsü
        • 1.14 For Döngüsü
        • 1.15 Break/Continue
        • 1.16 Diziler
        • 1.17 Structures
        • 1.18 Enums
        • 1.19 References
        • 1.20 Pointers
      • 2.0 Fonksiyonlar
      • 3.0 Sınıflar
        • 3.1 OOP
        • 3.2 Sınıflar ve Objeler
        • 3.3 Sınıf Methodları
        • 3.4 Yapıcılar (Constructors)
        • 3.5 Erişim Belirleyicileri (Access Specifiers)
        • 3.6 Kapsülleme (Encapsulation)
        • 3.7 Inheritance
        • 3.8 Polimorfizm (Polymorphism)
        • 3.9 Dosyalar (Files)
        • 3.10 İstisnalar (Exceptions)
        • 3.11 Tarih ve Zaman (Date and Time)
      • 4.0 Veri Yapıları (Data Structures)
        • 4.1 Veri Yapıları ve STL
        • 4.2 Vektörler (Vectors)
        • 4.3 Listeler (Lists)
        • 4.4 Yığınlar (Stacks)
        • 4.5 Kuyruklar (Queues)
        • 4.6 Deque (Çift Uçlu Kuyruk)
        • 4.7 Küme (Set)
        • 4.8 Maps
        • 4.9 Iterator
        • 4.10 Algoritmalar
  • 🛠️ARAÇLAR
    • Aircrack-ng
    • Airgeddon
    • Arjun
    • BeEF
    • Bettercap
    • Docker
    • Gelişmiş Wireshark Kullanımı (Advanced Wireshark Usage)
    • Google Dorks
    • Hping3
    • John the Ripper
    • Metasploit Framework
    • Netcat
    • Nmap
    • OSINT Framework
    • PEASS-ng
    • Sublist3r
    • XSS Scanner
    • Wireshark
    • ZAP
    • HYDRA
  • 🖥️İŞLETİM SİSTEMLERİ
    • Linux101
    • MBR
  • 🔑KRİPTOLOJİ
    • Dijital Sertifika ve İmzalar
    • Sezar Şifrelemesi
    • Steganografi
    • Veri Şifreleme (Data Encryption)
  • 🔏Network
    • Domain Name Server (DNS)
    • Firewall Nedir? Nasıl Çalışır ?
    • Ortadaki Adam Saldırısı (Man In The Middle Attack)
    • OSI Modeli
    • Sanal Özel Ağlar (VPN)
    • World Wide Web (WWW)
  • 🔐PRIVILEGED
    • Docker Escape
  • 📨Protokoller
    • ARP
    • DHCP
    • FTP
    • HTTP/HTTPS
    • SSH
    • TCP/IP
    • UDP
    • Wİ-Fİ Güvenlik Protokolleri (WEP/WPA/WPA2/WPA3)
  • 💻SİBER TEHDİT İSTİHBARATI
    • Gelişmiş Siber Tehdit İstihbaratı Nedir?
  • 🔒WEB GÜVENLİĞİ
    • 403 ByPass
    • API Güvenliği (API Security)
    • Broken Access Control
    • Bulut Güvenliği (Cloud Security)
    • Command Injection
    • Cross Origin Resource Sharing
    • Cross Site Request Forgery (CSRF)
    • Cyber Kill Chain
    • DDoS Saldırıları
    • File Upload Zafiyeti Nedir?
    • HTTP Request Smuggling
    • Insecure Direct Object Reference (IDOR)
    • Incident Response
    • Local File Inclusion (LFI)
    • NoSQL Injection
    • Pentest 101
    • Race Condition
    • Server Side Request Forgery (SSRF)
    • Server Side Template Injection (SSTI)
    • Spring4Shell
    • Two Factor Authentication Bypass
    • XML External Entity Attack (XEE)
  • 🤖YAPAY ZEKA
    • ChatGPT for Hacking
    • Siber Güvenlik ve Yapay Zeka
    • Yapay Zeka ile Sahte Fotoğraf Tespiti
  • 🌐YAZILIM
    • Düzenli İfadeler (Regular Expressions)
    • Elasticsearch Nedir?
    • Front-end Teknolojileri
    • Golang'da Arayüzler (Interfaces)
    • Go'da Concurrency ve Uygulamaları
    • Güvenli Kodlama (Secure Coding)
    • Java Overloading vs Overriding
    • JSON Web Token (JWT)
    • Material-UI
    • NextJS Nedir?
    • ReactJS Kancalar (Hooks)
    • ReactJS Nedir?
    • Redux Toolkit
    • SOLID Yazılım Geliştirme Prensipleri
    • SQL 101
    • UI / UX Nedir?
    • Veri Taşıma Nedir? (Database Migration)
    • Versiyon Kontrol Sistemleri ve GIT
  • 🔷DİĞER
    • Bug Bounty (Hata Ödülü) Nedir?
    • Popüler Yazılımların Kurulumları
      • Ubuntu Server 24.04 LTS Kurulumu
      • Ubuntu için Güncel Docker Engine Kurlumu
    • Güvenlik Operasyonları Merkezi Nedir?
    • Honeypot (Bal Küpü)
    • IoT Güvenliği Nedir?
    • ShellShock Exploit
    • Yük Dengeleyici (Load Balancer) Nedir?
Powered by GitBook
On this page
  • UX(User Experience) Nedir?
  • UI(User Interface) Nedir?
  • UI - UX Arasındaki Farklar Nelerdir?
  • UX (Sol Beyin)
  • UI (Sağ Beyin)
  • UI - UX Arasındaki Farklar Nelerdir?
  • UX Designer
  • UI Designer
  • UI - UX Arasındaki Farklar Nelerdir?
  • UI
  • UX
  • UX’in İlgi Alanları
  • 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.
  • Empati yeteneği yüksek,problem çözen,analitik düşünebilen ve iyi bir iletişim becerisin sahipseniz kullanıcı deneyimine(UX) yönelebilirsiniz.

Was this helpful?

  1. YAZILIM

UI / UX Nedir?

PreviousSQL 101NextVeri Taşıma Nedir? (Database Migration)

Last updated 4 months ago

Was this helpful?

UX(User Experience) Nedir?

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.

UI(User Interface) Nedir?

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?

UX (Sol Beyin)

  • Analitik Düşünce

  • Mantıksal

  • Planlı

  • Matematik

  • Analiz

  • Gerçekçi

  • Rasyonel

UI (Sağ Beyin)

  • Duygusal

  • Sezgisel

  • Üç Boyutlu

  • Yaratıcı

  • Sanat

  • Görsel

  • Hayal Gücü

UI - UX Arasındaki Farklar Nelerdir?

UX Designer

  • Müşteri,Rakip ve Kullanıcı Analizi

  • Bilgi Mimarı Kullanıcı Akışı

  • Wireframes & Prototip

  • Kullanıcı Testleri

  • Analiz ve Revizyonlar

UI Designer

  • Görsel Tasarım

  • Renkler ve Tipografi

  • Markalaşma ve Grafik Revizyonlar

  • Tasarım Araştırması

UI - UX Arasındaki Farklar Nelerdir?

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.

UI

  • Ü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.

UX

  • Ü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ı

🌐
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.
Empati yeteneği yüksek,problem çözen,analitik düşünebilen ve iyi bir iletişim becerisin sahipseniz kullanıcı deneyimine(UX) yönelebilirsiniz.
Cover

İyi UX

Cover

Kötü UX