Ürün İçin İkon Seti ve Görsel Dil Oluşturma

İkon seti ile görsel dil arasındaki fark nedir?

İkon seti, bir ürünün arayüzünde kullanılan simgelerin düzenli bir koleksiyonudur: kaydet, ara, bildirim, ayarlar gibi eylem ve nesne simgeleri. Görsel dil ise bu simgelerin de içinde yer aldığı daha geniş bir sistemdir; renk kullanımı, çizgi karakteri, köşe yuvarlaklığı, illüstrasyon yaklaşımı ve hareket davranışı birlikte bir ürüne kimlik verir.

İkonografi bu katmanları birbirine bağlayan disiplindir. Tek tek güzel ikonlar çizmek yetmez; ikonların birbirleriyle ve ürünün geri kalanıyla tutarlı konuşması gerekir. Bir arayüzde ince çizgili bir ikonun yanında dolgulu bir ikon varsa, kullanıcı bunu bilinçli bir vurgu olarak değil, dağınıklık olarak okur.

Bu yüzden iyi bir ikon seti çalışması çizimle değil, karar vermeyle başlar: hangi stili seçiyoruz, hangi kuralları yazıyoruz ve bu kuralları kim koruyacak.

İlk adım: mevcut ikonların denetimi

Sıfırdan çizime başlamadan önce üründe zaten kullanılan ikonlar toplanır. Ekran görüntülerinden ve kod tabanından bir envanter çıkarılır: hangi ikon nerede geçiyor, aynı anlam için kaç farklı ikon kullanılmış, hangileri farklı kütüphanelerden gelmiş.

Envanter şu soruları yanıtlar:

• Aynı eylem için birden fazla ikon var mı, örneğin silme için hem çöp kutusu hem çarpı
• Aynı ikon farklı anlamlarda kullanılmış mı
• Çizgi kalınlığı, köşe yapısı ve boyut ölçüsü ikonlar arasında değişiyor mu
• Hangi ikonlar yalnız ikonla, hangileri etiketle birlikte gösteriliyor
• Hangi ikonlar kullanıcıya hiçbir şey anlatmayan süs olarak duruyor

Bu denetimin çıktısı bir tutarsızlık haritasıdır. Haritadan, hangi ikonların korunacağı, hangilerinin yeniden çizileceği ve hangilerinin tamamen kaldırılacağı kararı çıkar. Denetim, yeni setin gerçek ihtiyaçtan doğmasını sağlar.

Çizim standartları nasıl yazılır?

Tutarlılığın teknik temeli çizim standartlarıdır. Bunlar bir ikon şablonunda ve kısa bir kılavuzda toplanır. Standartlar şunları tanımlar: ikonların çizildiği temel ızgara ve güvenli alan, çizgi kalınlığı, köşe yarıçapı, çizgi uçlarının biçimi, iç boşluk oranları, dolgulu ve çizgili varyantların ne zaman kullanılacağı.

Çizim kuralları yazılırken optik düzeltme de hesaba katılır. Bir daire ile bir kare matematiksel olarak aynı ölçüde çizilirse daire daha küçük görünür; bu yüzden şablonda her temel şekil için biraz farklı bir alan ayrılır. Çapraz çizgilerin, ince detayların ve kapalı şekillerin küçük boyutta nasıl davranacağı da test edilmelidir.

Standartlar bir tasarım aracında paylaşılan bileşenlere, dışa aktarma kurallarına ve adlandırma düzenine dönüşür. Kılavuz, yeni ikon isteyen herkesin hangi kurallara uyacağını açıkça gösterir; bu sayede setin büyümesi tutarlılığı bozmaz.

Anlam, metafor ve test

Bir ikon yalnızca güzel durmaz, bir şey söyler. Metafor seçimi bu yüzden kritiktir. Kullanıcının günlük hayatta tanıdığı nesneler (büyüteç, zil, zarf) hızla anlaşılır; ürüne özgü kavramlar için ise yeni metafor üretmek ya da etiketle desteklemek gerekir.

Metaforu sınamak için basit yöntemler vardır. İkonu etiketsiz gösterip kullanıcıya ne anlama geldiğini sormak, birkaç alternatifi yan yana koyup seçim yaptırmak, ikonun hangi kültürde ya da bağlamda farklı okunabileceğini düşünmek. Örneğin bazı el hareketleri veya hayvan figürleri farklı kültürlerde farklı çağrışımlar taşır; bir ürün birden fazla pazara açılıyorsa bu risk göz önünde tutulur.

Erişilebilirlik testi de bu aşamanın parçasıdır. İkon tek başına anlam taşıyorsa ekran okuyucu için metin karşılığı olmalıdır; renk tek ayrım aracı olmamalıdır; küçük boyutta ve düşük kontrastta okunabilirlik kontrol edilmelidir.

Görsel dile geçiş ve teslim

İkon seti oturduktan sonra aynı karakter ürünün diğer yüzeylerine genişler. Boş durum illüstrasyonları, onboarding görselleri, hata ekranları ve pazarlama materyalleri aynı çizgi mantığını izlerse ürün tek bir ses gibi duyulur. Renk paleti ikonlarla uyumlu tanımlanır; durum renkleri (başarı, uyarı, hata) ikonlarla birlikte bir anlam sistemi oluşturur.

Teslim aşamasında tasarımcının işi yazılımcıya ve içerik ekibine doğru formatta ulaştırmaktır. Vektör dosyalar, bir ikon yazı tipi ya da bileşen paketi, ad ve etiket listesi, kullanım kılavuzu ve değişiklik kaydı hazırlanır. Kılavuzda her ikon için ne zaman kullanılacağı, ne zaman kullanılmayacağı ve hangi boyutlarda sunulduğu yazılır.

Teslimin son parçası sahiplik tanımıdır: yeni ikon talebini kim değerlendirir, setin sürümünü kim yönetir, eski ikonlar nasıl emekliye ayrılır. Sahibi olmayan bir set zamanla yeniden dağılır.

Sık yapılan hatalar

• Hazır bir kütüphaneden farklı stillerde ikon toplayıp tutarlı gibi sunmak. Tek kaynaktan ve tek kuraldan beslenmeyen set yan yana durunca fark edilir.
• Her kavram için ikon üretmek. Bazı kavramlar etiketle daha net anlatılır; ikon zorlaması kafa karıştırır.
• Küçük boyutu en son düşünmek. Büyük ekranda hoş duran ikon, mobilde ve küçük çözünürlükte okunmaz hale gelebilir.
• Metafor testi yapmamak. Tasarımcıya net görünen ikon kullanıcıya yabancı olabilir.
• Kılavuzu yazmadan seti teslim etmek. Kılavuzsuz set, ikinci ekip üyesinin elinde ilk ayda dağılır.

Her hatanın ortak nedeni, ikon setini bir çizim projesi olarak görmek ve bir sistem olarak görmemektir. Sistem bakış açısı, ikon başına karar yerine kural başına karar verilmesini sağlar.

Küçük bir örnek: bir mobil bankacılık uygulamasında aktarım için okla gösterilen ikon, bazı ekranlarda gönderme, bazılarında geri alma anlamında kullanılmışsa kullanıcı işlem yaparken tereddüt eder. Denetim bu çakışmayı bulur; çözüm, yön oklarının her biri için tek anlam tanımlamak ve kılavuza yazmaktır. Böyle bir karar, yüzlerce ikonu tek tek çizmekten daha çok tutarlılık kazandırır.

Mindset programlarında bu konu nerede çalışılır?

İkonografi ve Ürün Görsel Dili Oluşturma programı modüllerini şöyle sıralar: İkon Sistemi ve Denetim, Çizim Standartları, Anlam, Metafor ve Test, Görsel Dil ve Teslim. Denetimden teslime uzanan bu sıra, ikon seti çalışmasının doğal akışıdır.