Tüm yazılara dön
Tasarım

İyi bir arayüz, küçük detaylarda saklı

Bir düğmenin boşluğu, bir başlığın ritmi, doğru anda gelen geri bildirim. Deneyimi değiştiren küçük kararlar.

Musa Yazlık
Temsili kapak fotoğrafı. Kaynak: Unsplash.

Bu yazı, blog düzenini göstermek için hazırlanmış örnek içeriktir.

Bir arayüzün iyi hissettirmesini çoğu zaman tek bir büyük görsel karar açıklamıyor. Yazının rahat okunması, düğmenin kolay bulunması ve yapılan işlemin sonucunun anlaşılması birlikte çalışıyor.

Boşluk da içeriktir

Bir başlıkla açıklaması birbirine yakınsa onları aynı düşüncenin parçası olarak algılıyoruz. Sonraki bölümün uzaklığı ise yeni bir konunun başladığını söylüyor. Bu ilişkiyi kurmadan eklenen çizgiler ve kutular, sayfayı daha anlaşılır yapmayabiliyor.

Önce boşlukları düzenlemeyi, ardından gerçekten gerekliyse bir sınır eklemeyi tercih ediyorum. Böylece içeriğin hiyerarşisi dekorasyondan önce geliyor.

Her eylemin bir karşılığı olsun

Bir bağlantıyı kopyaladığımda sonucunu görmek istiyorum. İşlem başarısız olduysa bunu da anlamalıyım. Sadece ikonun rengini değiştirmek herkese yeterli bilgi vermiyor.

  • Başarıyı kısa ve açık bir metinle bildir.
  • Hata halinde kullanılabilir başka bir yol göster.
  • Klavye odağını görünür tut.
  • Animasyonu anlamı desteklediği yerde kullan.

Güzel görünen metin, okunabilen metindir

Dar bir sütun başlıkları gereksiz yere bölebiliyor. Çok geniş bir sütunda ise bir sonraki satırın başını bulmak zorlaşıyor. Metni gerçek içerikle denemek, örnek kutularla çalışmaktan daha çok şey gösteriyor.

Küçük bir tasarım kararı, okuyucunun düşünmesini kolaylaştırdığında değerlidir.

Bir ayrıntıyı değiştirdikten sonra yalnız ekran görüntüsüne bakmıyorum. Sayfayı klavyeyle dolaşmak, telefonu tek elle kullanmak ve metni gerçekten okumak da tasarımın bir parçası.

Musa Yazlık

Full-Stack Developer. Web, tasarım ve üretmek üzerine notlar.

Yorumlar

Henüz yorum yok. İlk yazan sen ol.

Yorum bırak

Bu site spam'e karşı Google reCAPTCHA ile korunur. Gizlilik Politikası · Kullanım Şartları