Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
UI ve UX Farkı ve Geliştirici İçin Tasarım: Usability Heuristic'leriyle Bir Ekranı Değerlendirmek
UI ekranın görünen yüzeyi, UX o yüzeyi kullanırken yaşanan akışın tamamı; tasarım kararı zevkle değil, ölçülebilir gerekçeyle verilir. Nielsen'in on heuristic'ini dört soruda toplayıp Bookstore'un checkout ekranını değerlendiriyor, bulguları 0–4 şiddetle sıralıyor ve çift tıklamada iki sipariş oluşturan, hatada formu silen ekranı Playwright ile ölçüp düzeltiyoruz.
Form Tasarımı: Label Yerleşimi, Hata Mesajları, Inline Validation ve Uzun Form'ları Bölmek
İyi bir form az alan sorar, label'ı alanın üstünde görünür tutar, kullanıcı yazmayı bitirmeden hata göstermez ve hatada ne olduğunu ve nasıl düzeleceğini söyleyip focus'u özete taşır. Bookstore'un teslimat formunu 16 alandan 6'ya, yazılacak 150 karakterden 54'e indiriyor; floating label, yıldız, her tuşta doğrulama, "Invalid" mesajı ve paste engelini ölçüp düzeltiyor, WCAG 2.2'nin Redundant Entry ve Accessible Authentication kriterlerini forma uyguluyoruz.