UI (User Interface) & UX (User Experience)
UI (User Interface) Nedir?
UI, kullanıcı ile bir ürün arasında iletişim kurmayı sağlayan görsel ve etkileşimsel öğeleri ifade eder. UI tasarımı, kullanıcının bir ürünle etkileşimde bulunurken gördüğü, dokunduğu veya tıkladığı her şeyi kapsar.
UI'nin Temel Unsurları:
- Görsel Tasarım:
- Renk paleti, tipografi, ikonlar ve grafikler.
- Etkileşim Tasarımı:
- Butonlar, menüler, formlar ve gezinme araçları.
- Düzen ve Yerleşim:
- İçeriklerin sezgisel ve kullanıcı dostu bir şekilde düzenlenmesi.
UI'nin Amacı:
- Kullanıcıların ürünle rahat bir şekilde etkileşimde bulunmasını sağlamak.
- Estetik açıdan hoş ve dikkat çekici bir arayüz oluşturmak.
UX (User Experience) Nedir?
UX, bir kullanıcının bir ürün, sistem veya hizmetle etkileşiminden doğan genel deneyimini ifade eder. UX tasarımı, bir ürünün ne kadar kullanışlı, erişilebilir ve tatmin edici olduğunu belirlemeyi amaçlar.
UX'in Temel Unsurları:
- Kullanılabilirlik:
- Ürünün ne kadar kolay öğrenilip kullanılabileceği.
- Erişilebilirlik:
- Farklı kullanıcı gruplarının ürüne erişimini sağlama.
- Kullanıcı Araştırması:
- Kullanıcı ihtiyaçlarını ve beklentilerini anlamak.
- Deneyim Akışı (User Flow):
- Kullanıcıların ürünü nasıl keşfettiğini ve kullandığını analiz etme.
UX'in Amacı:
- Kullanıcılara keyifli ve sorunsuz bir deneyim sunmak.
- Kullanıcının ihtiyaçlarını ve hedeflerini anlamak ve bunlara uygun çözümler üretmek.
UI ve UX Arasındaki Farklar
| Özellik | UI (User Interface) | UX (User Experience) |
|---|---|---|
| Tanım | Görsel ve etkileşimsel tasarım | Genel kullanıcı deneyimi |
| Odak Noktası | Nasıl göründüğü ve hissedildiği | Nasıl çalıştığı ve hissettirdiği |
| Amaç | Estetik ve işlevsel bir arayüz oluşturmak | Kullanıcı memnuniyeti sağlamak |
| Örnek | Renkler, ikonlar, butonlar | Kullanıcının kayıt sürecindeki deneyimi |
UI ve UX Tasarım Süreci
- Araştırma:
- Kullanıcı ihtiyaçlarını ve hedeflerini anlamak (UX).
- Planlama:
- Kullanıcı akışı ve bilgi mimarisi oluşturma (UX).
- Prototip Oluşturma:
- Görsel tasarım ve etkileşim öğeleri (UI).
- Test Etme:
- Kullanılabilirlik testleri ve geri bildirim toplama (UX ve UI).
- Uygulama:
- Nihai tasarımın geliştirilmesi ve kullanıcıya sunulması.
UI ve UX'in Önemi
UI ve UX, bir ürünün başarısını doğrudan etkiler. İyi bir UI, kullanıcıların ürünü kullanmasını kolaylaştırırken, iyi bir UX kullanıcıların üründen memnun kalmasını sağlar. Bir ürün hem görsel olarak çekici hem de kullanıcı dostu olduğunda kullanıcı sadakati ve memnuniyeti artar.
Sonuç
UI ve UX, bir dijital ürünün iki ayrılmaz parçasıdır. UI, ürünün estetiğini ve işlevselliğini görselleştirirken, UX, kullanıcıların ürünle olan etkileşimlerini optimize eder. Başarılı bir ürün geliştirmek için her iki disiplinin de birlikte çalışması gerekir.
*Bu gönderi ve görsel chatgpt ile oluşturulmuştur.
omurs
Ö S, 30 Ağustos 2018 Perşembe 15:30 tarihinde kayıt oldu
Etiketler
Beğeni
Yıllara Göre Gönderiler
Belirli kelimeyi cümle içerisinden çıkarmakİstenen rakama tam bölünebilen değerleri bulmaVeri Sıkıştırma - Data CompressSqlite veritabanı temel işlemler (dosyaya veri yazma)Kart Dağıtma (dosyaya yazma)İşletim sisteminin temel işlevleriSJF (shortest job first - önce en kısa)FCFS (First Come First Serve - İlk Gelen Önce İşlem Görür) Round Robin Zamanlama AlgoritmasıFIFO sayfa yer değiştirme algoritması (FIFO-First in First out page replace algorithm)Deadlock (Ölümcül Kilitlenme) Nedir ve Nasıl OluşurLRU sayfa yer değiştirme algoritması (LRU-Least Recently Used page replace algorithm)Bellek Yönetimi - First FitBellek Yönetimi - Next FitBellek Yönetimi - Best FitTürkçe Tarih ve Saat Bilgisi (Anlık)Bulanık Mantık ile Çamaşır Makinesi ModellenmesiBirden Fazla Sipariş Veren Müşterileri Getiren Sorgu Php ile Farklı Sayfadan Veri Çekme (CURL) git versiyon (git --version)git initgit statusgit addgit commit -mgit config --global user.namegit checkoutgit loggit diffgit rm (dosya silme)git rm -r (klasör silme)git mv (dosya isim güncelleme)git mv (dosyayı klasöre taşıma)Dallanmalar (Branching)git branchgit merge git resetGitHub'a Proje Gönderme (git remote,git push)Çakışmalar (Conflicts)
Belirli Miktardaki Zam Sonucu Ürünlerin Yeni Fiyatlarını Gösteren SorguTüm Siparişleri Veren Görünüm (View) NULL İfadesi (is null, is not null)Stored Procedure (Saklı Yordam) Oluşturma ve ÇağırmaBelirli bir değerden daha yüksek değerlere sahip kayıtları listelemek (Alt Sorgu - Sub Query)Hata Raporlama-Gösterim (Error Reporting-Display)Fazla İlişkilerin Modelden ÇıkartılmasıAPI Tasarımında Arama Motoru Dostu URL OluşturmaHer 5 dakikada ikiye bölünen bakteri örneğiİlişkisel Veritabanında Yabancıl Anahtar ve Hareket DeğerleriSorgu cümlesi,parametre veya hata bilgilerinin görüntülenmesiGirilen Parametrelerin Birbirlerine Eşitliğini Kontrol Eden UygulamaDinamik Olarak Gönderiye Ait Kategori Üzerinden Bir Önceki ve Bir Sonraki Kayıtların Bilgilerine UlaşmakNOT IN KullanımıHerhangi Makaleye Ait Olmayan Resimleri Silmek (dosya silme-unlink)
Karakterleri Diziye Atama (str_split Fonksiyonu)Dizinin Her Bir Elemanı İçin Fonksiyon Çağırma (array_map Fonksiyonu)Dizi Elemanlarını Ters Çevirme (array_reverse Fonksiyonu)Diziden Eleman Kaldırma (unset Fonksiyonu)Dizinin Başına Eleman Ekleme (array_unshift Fonksiyonu)Dizinin Eleman Sayısını Bulma (count Fonksiyonu)Dizinin Elemanlarını Toplama (array_sum fonksiyonu)Sayının Rakamlar Toplamını Bulma Sayının Basamak Sayısını Bulma - (Basamak İşlemleri #1)Sayının Basamak Değerlerini Bulma (Basamak İşlemleri #2)Narsist Sayılar (Armstrong Sayılar) - Narcissistic Number
hasOwnProperty ile Nesnenin Varlık KontrolüUbuntu 20.04 Visual Studio Code KurulumuUbuntu 20.04 Nodej.s KurulumuUbuntu 20.04 npm KurulumuGeri Sayım (Countdown)PHP Dom uzantı hatası (Install or enable PHP's dom extension)Laravel Projesi OluşturmaPHP ini dosyası üzerinde terminal ile değişiklikte bulunmakDöngü Değişkenleri (Loop Variable #1)Döngü Değişkenleri (Loop Variable #2)UUID (Universally Unique Identifier - Evrensel Olarak Benzersiz Tanımlayıcı)UUID KullanımıDizgedeki boşlukları temizleme (trim)Dizgedeki karakter uzunluğu (length)php artisan make:migration (Migration Oluşturma)Could not find driver (information_schema.tables)php artisan migratephp artisan migrate:freshphp artisan migrate:rollbackUbuntu 20.04 PhpStorm KurulumuUbuntu 20.04 Git KurulumuUbuntu 20.04 Xampp Kurulumu
Yabancıl Anahtar Oluşturma (Foreign Key)Migration Dosyalarını Sıralamak (Order Migration)php artisan make:factory (Tabloya Örnek Veri Doldurma - Creating Factory)Birebir İlişki (One to One Relation)php artisan make:seederphp artisan db:seed (--class)php artisan db:wipe (Tüm tabloları silmek - Drop all tables)Artisan komut yardımcısı (--help)Varsayılan Timestamp Alanlarını İptal EtmekArtan Olarak Sıralamak (Order By Ascending)Azalan Olarak Sıralamak (Order By Descending)Tarihi Artan Olarak Sıralamak (Order By Ascending Timestamp)Tarihi Azalan Olarak Sıralamak (Order By Descending Timestamp)Hata Sayfaları Oluşturmak (Creating Error Pages)Windows Komut Satırından MySQL ErişimiSayılabilir Değer Artırmak (increment)Sayılabilir Değer Azaltmak (decrement)Dizilerde indis (index) neden Sıfır(0)'dan Başlar ?SQLSTATE[HY000]: General error: 1442 Error (used by statement which invoked this stored function/trigger)
Sorgu Detaylarını Görüntüleme (Query Log)Sabitlere Erişim (Accessing Constants (Config))env (environment)Asset Fonksiyonu ile Varlıklara Erişim (accessing assets via asset function)Timestamp - Datetime Çevrimi (Convert Timestamp to Datetime)Bugünün Timestamp Değerine Erişmek (Get Today Timestamp)Input Üzerinde Otomatik Mail Tamamlama
HTTPTLS (Transport Layer Security)Sosyal MühendislikTELNETTMPRDP (Remote Desktop Protocol) ve SSH (Secure Shell)LDAP (Lightweight Directory Access Protocol)Session ve Cookie KavramlarıRadyo Frekansı (RF) ve Radyo DalgalarıRFID (Radio Frequency Identification) Nedir?IP (Internet Protocol) Nedir?TCP (Transmission Control Protocol) Nedir?UDP (User Datagram Protocol) Nedir?IoT (Internet of Things) Nedir?Wi-Fi ve BluetoothIIS (Internet Information Services) Nedir?TCP PortlarıVersiyon Kontrolü ve Versiyon Kontrol Sistemleri (VCS)DNS (Domain Name System) Nedir?DoS (Denial of Service) ve DDoS (Distributed Denial of Service)Siber Saldırılar&Siber Saldırı Türleri ve Alınabilecek ÖnlemlerEkran Kartı ve GPU (Graphics Processing Unit)Bellek ve CPU (Central Processing Unit)Intel CorporationNVIDIAAMD (Advanced Micro Devices)SnapdragonQualcommMediaTekMSI (Micro-Star International)Apache Software Foundation (ASF)GUI (Graphical User Interface)KEP (Kayıtlı Elektronik Posta)2FA (Two-Factor Authentication)Git Client (Git için Grafik Tabanlı Yardımcı Yazılım Araçları)Sanal Gerçeklik (Virtual Reality - VR)Artırılmış Gerçeklik (Augmented Reality - AR)Vishing (Voice Phishing)WSDL ve WSDBant Daraltması (Bandwidth Throttling)Sunucularda Bant GenişliğiBant genişliği (Bandwidth)Sunuculardaki Trafik (Traffic)Inode (index node)Dedicated IPFTP (File Transfer Protocol) Nedir?SPAMUI (User Interface) & UX (User Experience)
LombokLoglamaB2C (Business-to-Consumer)B2B (Business-to-Business)İçerik Yönetim Sistemi - CMS (Content Management System)Pagination (Sayfalama)Sanal Özel Ağ - VPN (Virtual Private Network)Cronjob (Zamanlanmış Görevler)Printer-YazıcıJava'daki İlkel Veri Tipleri ve Alabilecekleri DeğerlerBit & Byte ve Hafıza Boyutlarındaki Ölçüm BirimleriSanallaştırma (Virtualization)DNS KayıtlarıE-Fatura ve E-ArşivYazılım Lisans TürleriAudit (Denetim) Açık Kaynak (Open Source)Monitoring (İzleme)Sitemap & Robots.txtKilometretaşı (Milestone)BSMV (Banka ve Sigorta Muameleleri Vergisi)KKDF (Kaynak Kullanımı Destekleme Fonu)Siber Pazartesi (Cyber Monday)Black Friday (Kara Cuma)Hotlink.htaccessCryptoLockerMalwareTrojanWormDependency (Yazılım Geliştirme Sürecinde Paket Bağımlılığı)Configuration (Yazılım Geliştirme Sürecinde Yapılandırma)Yahoo ve Yahoo'nun Başarısızlık NedenleriArchiving (Yazılım Geliştirme Sürecinde Arşivleme)Görsel Dosya Türleri (Image Types)ReleaseVersioning & Tagging (Versiyonlama ve Etiketleme)Build
temel-kavramlar Kategori
Build
Versioning & Tagging (Versiyonlama ve Etiketleme)
Release
