Web site, mobil uygulama, masaüstü programları ve akıllı saatlerden görmeye alışık olduğunuz ui elementlerini listeledim ve ne amaçla kullanıldıklarını anlattım.
UI tasarımda simgeler, iletişim amacıyla kullanılan, sembolik değeri yüksek bir görüntü olarak tanımlanır ve en minimal tasarımlara bile zenginlik katabilir. Simge kullanımında ustalaşmak, kullanıcı deneyimini geliştirmek ve ürünlerinizi daha kullanışlı hale getirmenize olanak sağlasa da tasarımcılar onları basit, faydalı ve etkileyici hale getirmek için azımsanamayacak kadar zaman ve çaba harcar.
Butonlar, kullanıcıların tek bir dokunuşla işlem veya seçim yapmasına olanak tanır. Genellikle kullanıcı arayüzüne yerleştirilirler ve bir kullanıcının tamamlamasına izin verdikleri eylemi belirtirken kolayca bulunabilir ve tanımlanabilir olmalıdırlar.
UI tasarımda, adından da anlaşılacağı gibi bir onay kutusu görünür. Ekranda kullanıcının işaretleyebileceği veya işaretini kaldırabileceği küçük bir kare kutu bulunur. Bu onay kutusu, kullanıcıların listede bulunan seçeneklerden birini seçmesine olanak tanır ve her biri ayrı ayrı çalışır. Onay kutusu işaretlendiğinde küçük bir tik işaretiyle işaretlenir.
Switch’ler, dijital bir açma/kapama anahtarıdır. Sistem işlevlerinin ve tercihlerinin durumunu değiştirmek için kullanılır. Switch'ler, kullanıcıların iki karşıt durum arasında seçim yapmasına izin vermek için iki radyo düğmesini veya tek bir onay kutusunun yerini alır.
Genellikle onay kutularıyla karıştırılan radyo butonları, kullanıcıların liste arasından bir seçenek seçmesine izin veren küçük dairesel öğelerdir. Buradaki anahtar, kullanıcıların onay kutularında olduğu gibi birden fazla seçeneği değil yalnızca bir seçeneği seçebileceklerini belirtmektir.
Input alanları, kullanıcıların standartlaştırılmamış yanıtlar girmesini sağlayan temel bir kullanıcı arabirimi tasarım öğesidir. Birçok farklı durumda kullanılırlar ancak çoğu insan web formlarına kişisel bilgilerini ve teslimat adreslerini girerken veya arama çubuklarını kullanırken karşılaşacaktır. Özelleştirilmiş bilgileri yönlendiren bu alanlar etkileşimi hızlandırabilir ve geliştirebilir.
Açılır menü, kullanıcıyı aynı anda birçok seçenekle doldurmadan bir içerik, gezinme noktaları veya sayfa listesi görüntülemenize izin veren bir tasarım modelidir. Kullanıcılar, menü etiketine tıkladıklarında veya imleci üzerine getirdiklerinde bir seçenekler listesi bulur ve uygun içerik adına tıklayarak bu seçeneklerden birini seçebilir.
Carousel, kullanıcıların daha fazla içerik veya kaynağa köprüyle bağlanan resimler, kartlar gibi içerik gruplarına göz atmalarına olanak tanır. UI tasarımında carousel kullanmanın en büyük avantajı sayfada birden fazla içeriğin aynı alanı kaplamasına olanak sağlamasıdır.
Bugünlerde çok popüler olan kartlar, resim, metin ve buton gibi elementlerin bir araya gelmesiyle farklı türde bilgiler içeren küçük dikdörtgen veya kare modüllerdir. Kartlar kullanıcı için bir giriş noktası görevi görerek kullanıcının tıklayabileceği farklı içerik türlerini yan yana görüntüler. Mevcut alanı akıllıca kullanmak ve kullanıcıya bir listede kaydırma yapmadan birden fazla içerik seçeneği sunmak istiyorsanız harika bir UI tasarım seçimidir.
Navigasyon barları bir uygulamadaki temel sayfalar arasında geçiş yapmanıza olanak sağlar. Genellikle mobilde her sayfa bir simge, web'de ise bir başlık ile temsil edilir. Bir navigasyon simgesine dokunulduğunda kullanıcı bu simgeyle ilişkili sayfaya götürülür.
Siz de Userspots'dan UI Eğitimi alarak, cihazlar ve kullanıcılar arasındaki etkileşimi kolaylaştıran arayüzlerin nasıl tasarlandığını öğrenebilirsiniz!
Ayrıca "UI'da Font Seçimi" ve "Arayüz Tasarımının 6 Prensibi" adlı içeriklerimize de göz atarak UI dünyasının kapılarını aralayabilirsiniz.