Uygulama Arayüz Tasarım İlkeleri: Tim Corey’nin Turnuva İzleyici Arayüzü

Kullanıcı Arayüzü Tasarımına Başlamak

Tim, kullanıcı arayüzü tasarımı adımının uygulama geliştirme sürecinin eğlenceli bir parçası olduğunu ve uygulamanın nasıl görüneceğine dair kaba bir sürümünü görmemizi sağladığını belirterek başlıyor. Çizim yeteneğine sahip olmadığını itiraf etse de, formları kabaca taslak olarak çizmeye beyaz tahta veya yasal not defteri kullandığını belirtir. Tim, çizimlerin mükemmel veya orantılı olması gerekmediğini, formların neyi içermesi gerektiği ve nasıl çalışması gerektiğine dair temel fikri göstermelerinin yeterli olduğunu vurguluyor.

Tim'in burada ana noktası, kullanıcı arayüzü tasarımı aşamasının planlama ile ilgili olduğu, güzellik ile ilgili olmadığıdır. Hedefin hangi formların/sayfaların gerekli olduğunu ve her birinin neleri içermesi gerektiğini belirlemek olduğunu vurgular. Bu yaklaşım netlik için çok önemlidir ve tasarım sürecinde geliştiricilerin ve tasarımcıların uyum içinde kalmalarına yardımcı olur.

Tasarımı Nerede Başlatmalı?

Tim sık sorulan şu soruya yanıt verir: "Nereden başlayabilirim?" Başlamanın önemi olmadığını açıklar. Uygulamanın bir kısmından emin değilseniz, emin olduğunuz yerden başlayın. Net olan kısımları tamamladıktan sonra, genellikle belirsiz bölümler hakkında daha iyi bir fikre sahip olursunuz.

Ayrıca momentum kazanmanın yardımcı olduğunu belirtir — birkaç form tasarladıktan sonra, kendinizi güvende hisseder ve devam etmeye hazır olursunuz. Bu zihniyetle Tim, Turnuva Görüntüleyici Formundan başlamayı tercih eder.

Bu yöntem iyi kullanıcı akışlarını destekler, çünkü tasarımcıları ve geliştiricileri kullanıcıların bir ekrandan diğerine nasıl geçeceğine odaklanmaya teşvik eder.

Önce Neden Visual Studio'da Tasarlamamalısınız?

Tim, Visual Studio içindeki Windows Form Builder'da tasarıma başlamamanız gerektiğini açıklar. Bunun iki ana sorunu beraberinde getirdiğini belirtir:

1. Tasarımı planlamak yerine düzen ve kontrolleri değiştirerek zaman harcarsınız.

2. Tasarım sürecini kısayol yaparsınız, bu da daha iyi seçenekleri kaçırabileceğiniz veya çalışmanızı tekrar yapmamak için gizli sorunları bırakabileceğiniz anlamına gelir.

Tim, kağıt üzerinde tasarım yapmanın size silme, yeni fikirler deneme ve büyük çözüme dönüşebilecek "aptalca" kavramları bile test etme olanağı verdiğini belirtiyor. Bu, kullanıcı arayüzü tasarımındaki temel bir ilkedir çünkü uygulamanın yapması gerekenlere odaklanmanızı sağlar, ilk sürümde nasıl göründüğüne değil.

Turnuva Görüntüleyici Formu

Tim ilk kaba kullanıcı arayüzünü tanıtır: Turnuva Görüntüleyici Formu. Bu formun belirli bir turnuvayla ilgili tüm bilgileri göstereceğini açıklar.

Turnuva Oluşturma Formu

Tim daha sonra turnuva görüntüleyiciden sonra muhtemelen gerekli olan Turnuva Oluşturma Formuna geçer.

Takım Oluşturma Formu

Sonra Tim Takım Oluşturma Formunu tasarlar, burada şunları içerir:

• Takım Adı

• Takım Üyelerini Seçin

• Yeni Üye Ekle

Tim, formlar arasında tutarlılığın önemini vurgular. Takım adı düzeninin, dikkat çekici bir tasarım oluşturmak için turnuva adı düzeniyle eşleşmesi gerektiğini söyler.

Ayrıca bu formun kullanıcıların mevcut takım üyelerini bir listeden eklemelerine veya doğrudan formda yeni üyeler oluşturmalarına izin verdiğini açıklar. Tim, derin gezinme katmanlarını (örneğin, birden fazla form açma) önlemek için üye oluşturmayı aynı formda tutmayı tercih ettiğini belirtiyor.

Birden fazla katman eklemenin kafa karıştırıcı ve yavaş olacağını açıklar. Bu nedenle, tasarımı kompakt ve kullanıcı dostu tutmaya karar verir. Bu, kullanıcıların görevlerini tamamlamak için ihtiyaç duyduğu zamanı azaltan basit ve sezgisel bir uygulama arayüzünü destekler.

Ödül Oluşturma Formu

Tim'in Ödül Oluşturma Formu basittir. Şunları içerir:

• Sıra Numarası

• Sıra Adı

• Ödül Miktarı

• Ödül Yüzdesi

Tim, son iki alandan yalnızca birinin aynı anda kullanılacağını belirtir (ya miktar ya da yüzde). Formun daha sonra doğrulama mantığına ihtiyaç duyacağını söyler, ancak tasarım amacıyla düzen basittir. Bu, tasarım ilkelerinin cilalı ve işlevsel bir arayüz yaratmaya nasıl yardımcı olduğuna iyi bir örnektir.

Turnuva Kontrol Formu

Son olarak Tim, Turnuva Kontrol Formunu tartışır ama bundan tamamen memnun olmadığını itiraf eder. Sorunu açıklar: Windows Forms uygulamaları tipik olarak hep açık kalan bir ana form içerir. Ana form kapatıldığında uygulama sona erer.

Bu, birden fazla turnuvayı aynı anda açık tutmak isteyen kullanıcılar için bir sorun yaratır. Tim başlangıçta, turnuva yoksa otomatik olarak turnuva oluşturma formunu açmayı düşündü. Ancak turnuva oluşturma formunu kapatmanın uygulamayı sonlandıracağını fark etti.

Bu yüzden Tim, her zaman açık kalacak bir merkezi kontrol formu tasarlar. Bu kontrol paneli, kullanıcılara olanak tanır:

• Mevcut turnuvaları görmek

• Bir turnuvayı yüklemek

• Yeni bir turnuva oluşturmak

Tim, diğer formlar kapalıysa bile merkezi kontrol panelinin açık kalacağını açıklar. Uygulamanın merkezi gezinme noktası görevini görür. "Aptalca basit" görünebileceğini itiraf etse de, işe yaradığını söylüyor ve daha sonra görsel olarak daha çekici hale getirmek için tasarım öğeleri veya animasyonlar ekleyebileceğini belirtiyor.

Sonuç

Tim, bu videoyu, gereken formları belirlemenin ve her formun ne göstermesi gerektiğine karar vermenin basitçe amaç olduğunu vurgulayarak bitiriyor. Kullanıcı arayüzü tasarlandığında, bir sonraki adım UI öğelerinin veri modeli ve arka planla nasıl bağlanacağını planlayan mantık planlamasıdır.

Tim'in kullanıcı arayüzü tasarım süreci, bir uygulama arayüzü tasarımının planlama, tutarlılık ve açıklık ile ilgili olduğu; erken aşamada mükemmel görüntüler oluşturmak ile değil, kanıtlıyor. Bu yaklaşım, geliştiriciler ve tasarımcıların uyumlu kalmasına yardımcı olur ve nihai uygulamanın kullanıcılar için gezintisinin ve kullanımının kolay olmasını sağlar.