loader image

UI Tasarımında Boşluk Kullanımı

tarafından | Eki 17, 2022 | Genel

Wojciech Zieliński ’nin arayüz tasarımcıları için hazırladığı kaynaklardan faydalanıp, boşluk tasarımı ve etkilerinden bahsedeceğimiz bir blog yazısı olacak. Umuyoruz ki bu yazı bizlere olduğu kadar sizlere de yeni bir bakış açısı kazandıracaktır.


Boşluk, hayatın vazgeçilmez bir parçasıdır. Notaları, aralarında boşluk olmadan dinlediğinizi hayal edin. Bu tam anlamıyla bir gürültü olurdu. İşte aynı şey fotoğraf, resim, heykel ve mimari eserler için de geçerli. Elbette tasarımcılar da bunu kullanıyor; boşluğu!

İnsanlığın boşluğa ihtiyacı var.

Ken Hiebert

Boşluğun Tasarımınıza Etkileri;

  • Vurgu
  • Hiyerarşi
  • Okunabilirlik
  • İçerik Yapısı
  • Heyecan

Bir tasarım düzeni oluştururken nesnelerin nefes almasını sağlamanız gerekir. Bunu yapabilmek için ilişkili nesneler arasındaki boşluğu fazla açmadan beyaz alanlar (boşluklar) yaratmanız gerekiyor. Böylece kullanıcılarınız için odak noktaları oluşturur ve gözlerini nesneler arasında dolaşmaya yönlendirmiş olursunuz.

Herkes bir şeylere bakar, ancak az insan etkili bir şekilde görür

Greg Berryman

Bir tasarımcı olarak görmeniz gerekiyor. Bu yetenek görsel dilin farkında olmanızı sağlar.

Boşluk

Boşluk, görsel tasarımlarda göz ardı edilen en önemli unsurlardan biridir. Acemi bir tasarımcıysanız, boşluğun her bir pikselini doldurmaya çalışırsınız. Tecrübeli tasarımcılar size daha fazla boş alan bırakmanızı tavsiye eder. Kullanıcı açısından baktığımızda ise çok az insanın beyaz boşlukların fazlalığından şikayet ettiğini görürüz.
‘Çünkü boşluğun olmaması görsel bir gürültüye sebep olur.’

Şu örneğe bir bakalım:

Bu iki örnekte içerik tamamen aynı ve ikisinde de dikey yerleştirme yapılmış. Fakat aynı nesnelerin yalnızca konumlandırma farkıyla ortaya çıkardığı boşluğun; görsel hiyerarşi, zıtlık ve bakış açısını nasıl değiştirdiğine dikkat edin. Grafik tasarımında bunlar çok önemli şeylerdir. İçeriğin okunmasını ve taranmasını kolaylaştırır.

Küçük Boşluk – Microspace

Küçük beyaz boşluk, birbirleriyle ilişkili olan nesnelerin ya da harfler, kelimeler, ikonlar gibi diğer küçük nesnelerin arasındaki boşluğu tanımlamak için kullanılan bir terimdir. Küçük nesneler arasındaki boşluk miktarını ayarlamak, onların daha dikkat çekici ve organize olmalarına yardımcı olurken görsel bir uyum hissi yaratır.

Büyük Boşluk – Macrospace

Diğer yandan büyük beyaz boşluk, beyaz alanın daha büyük bölümlerine verilen isimdir. Bunlar sütun, paragraf, fotoğraf gibi arayüzün ana nesneleri arasındaki negatif boşluklardır.

Gözün, odak noktaları arasında kolayca dolaşmasını sağlar.

Birisi size burada boşa harcanmış çok alanın olduğunu söyleyebilir. Fakat buradaki büyük boşluk, önemli noktaların görünmesini sağlar.

Görsellik

Kaliteyle yüksek derecede bağlantılı olan boşluğun, estetik yanı da vardır. Alışverişe çıktığınızı düşünün. Lüks markaları, perakende mağazalarla karşılaştırdığınızda çok daha fazla boş alana sahip olduklarını göreceksiniz.

ZARA’nın, mağazalarında çok fazla boş alan bırakmasının sebebini bir düşünün?

Tasarım, görsel planın içeriğindeki benzerlik ve farklılıkları bulup ortaya çıkardığımız bir süreçtir.

Boşluğu daha fazla kavramla ilişkilendirebiliriz:

  • Kapsamlılık
  • Basitlik
  • Lükslük
  • Rahatlık
  • Nadirlik
  • Netlik

Müşteriler ve Boşluk Kullanımı

Şimdilik boşluğun önemli olduğunu muhtemelen biliyorsun. Gerçek dünyada boşluk, tasarımcılar ve müşteriler arasında sorunlara neden olabilir. Ne yazık ki birçok müşteri ve yönetici, boşlukları kayıp alan olarak görüyor. Bu alanların daha fazla içerik sunmak veya aynı anda daha fazla bilgi göstermek için kullanılabileceğini düşünüyorlar.

Genellikle müşteriler tüm bu bilgileri bilmez, bu noktada müşteriyi veya proje yöneticinizi eğitmek sizin işinizin bir parçasıdır. Bir toplantı düzenleyin ve düşünce sürecinizi kişiselleştirmeden açıklayın.

Eğer toplantı sonunda müşteriyi ikna edemediyseniz tasarımınızın karmaşık olan sürümüyle sizin önerdiğiniz sürümü bir A/B testine tabi tutmayı ikna edin. Tonlarca kullanıcı testi yaptım ve insanlar gerçekten de metin ve butonların oluşturduğu bir duvar gibi görünen ekranlardan hoşlanmıyor.

Boşluk hava gibidir, tasarımın nefes alması gerekir.

Digipeak ekibi olarak bizler, tasarladığımız dijital deneyimlerde, boşluk kullanımlarının tasarımlarımıza sağlayacağı faydanın yanında estetik görünümü de oldukça desteklediğinin farkındayız. İnsan odaklı tasarım felsefemizde, boşluk kullanımını kısıtlayarak görsel gürültüye neden olacak bir yapıdan ziyade tasarımın nefes almasını ve iletilen mesajı kullanıcıya rahatlıkla ulaştırmasını hedefliyoruz.

Digipeak ekibi olarak görsel gürültüden uzak kullanıcı odaklı bir website hizmeti almak için bizlere ulaşabilirsiniz.

Tavsiye ettiğimiz bu eklentileri kullanarak web site tasarım sürecinizi hızlandırabilir, ya da bizlere ulaşarak web site tasarım sürecinizi yürütmemiz için destek alabilirsiniz.

İlginizi Çekebilir

Web Scraping (Veri Kazıma) Hakkında En Çok Aratılan 7 Başlık

Neden Web Scraping Yaparız? İnternet üzerinde çok fazla veri bulunuyor. İnsanların ihtiyacı olan verilere temiz bir şekilde erişmesi ise manuel olarak yapıldığında çok fazla zaman ve emek kaybına yol açıyor. Web Scraping işleminin manuel yapılmasının bir dezavantajı...

Sektörel Bazda E-Posta Pazarlaması Davranış İstatistikleri

Bir çok şirket en yaygın e-posta pazarlama şirketlerinden olan MailChimp'i kullanmakta. Ayrıca MailChimp de tüm bu bu sektörel bazdaki verileri kendi datasında tutarken, kapalı şekilde sektörel bazda paylaşmış durumda. Diğer e-posta pazarlama şirketlerinden en çok...

Neden Rakipleriniz Sizden Daha İyi?

Bulunduğu konumu daha iyiye taşımak isteyen her işletmenin kendine mutlaka sorması gereken soruların başında rakiplerim neden benden daha iyi sorusudur. Rakiplerinizin sizden farklı yaptığı şey nedir? Burada yer alan; rakiplerim neden benden daha iyi sorusu, sunulan...

UX Writing Nedir?

UX Nedir? Kullanıcı deneyimi (UX) tasarımı kısaca, kullanıcının deneyimini kolaylaştırmak ve memnuniyetini artırmak adına düzenlenen tasarım sürecidir. UX tasarımı, marka, tasarım, kullanılabilirlik ve işlev yönleri dahil olmak üzere ürünü edinme ve entegre etme...

İyi Bir Marka İsmi Nasıl Belirlenir?

Yolun başında başarılı olmak zor. Yeni bir işletme kurmak ve onu uzun vadede ayakta tutmak fazlasıyla çalışma gerektirir. İstatistiklere göre, çoğunlukla yeni işletme ve girişimlerin yalnızca yarısı beş yılı geride bırakmaktadır. Bu girişi cesaretinizi kırmak veya...

Kasım Ayı Özel Günler Takvimi 2022

Kasım ayı özel günler takvimi 2022

Nft’nizi Twitter’da Nasıl Tanıtırsınız

Bir insanın gülümsemesinin, kıkırdamasının, burnunu çekmesinin ve hatta gözyaşlarının uzun vadeli finansal değeri paha biçilemezGaryVee Okumak üzere olduğun şey sana garip gelecek. Güvenli oynamayı ve geneli olanı takip etmeyi seven biriyseniz, bu bilgi sizin için...

NFT Pazarlama Stratejileri: NFT Koleksiyonunuzu Tanıtmanın 17 Ücretsiz Yolu

NFT koleksiyonunuz var ama satış yapamıyor musunuz? Pek çok içerik oluşturucu, NFT koleksiyonlarını nasıl tanıtacakları, pazarlayacakları ve özellikle de pazarlamaya harcayacak gelirleri yoksa koleksiyoncuların dikkatini nasıl çekecekleri konusunda mücadele ediyor. Bu...

Sosyal Medya Post Tasarımı Yaparken Dikkat Edilmesi Gerekenler

İnternetin her geçen gün daha da fazla kullanılmasıyla birlikte artık 7’den 70’e herkes birer internet ve akıllı telefon kullanıcısı. Günlük hayatımız da dahil olmak üzere neredeyse tüm işlerimizi internet üzerinden yürüttüğümüz bir düzene geçiş yapmış bulunmaktayız....

Ekim Ayı Özel Günler Takvimi 2022

1 Ekim Cumartesi Dünya Gülümseme Günü Dünya Kahve Günü Dünya Çocuk Günü Dünya Vejetaryen Günü Dünya Yaşlılar Günü Dünya Gülümseme Günü 2 Ekim Pazar Dünya Şiddete Hayır Günü 3 Ekim Pazartesi Dünya Mimarlık Günü 4 Ekim Salı Hayvanları Koruma Günü 6 Ekim Perşembe Dünya...

UX Writing Nedir?

UX Nedir? Kullanıcı deneyimi (UX) tasarımı kısaca, kullanıcının deneyimini kolaylaştırmak ve memnuniyetini artırmak adına düzenlenen tasarım sürecidir. UX tasarımı, marka, tasarım, kullanılabilirlik ve işlev yönleri dahil olmak üzere ürünü edinme ve entegre etme...

İyi Bir Marka İsmi Nasıl Belirlenir?

Yolun başında başarılı olmak zor. Yeni bir işletme kurmak ve onu uzun vadede ayakta tutmak fazlasıyla çalışma gerektirir. İstatistiklere göre, çoğunlukla yeni işletme ve girişimlerin yalnızca yarısı beş yılı geride bırakmaktadır. Bu girişi cesaretinizi kırmak veya...

Kasım Ayı Özel Günler Takvimi 2022

Kasım ayı özel günler takvimi 2022

Nft’nizi Twitter’da Nasıl Tanıtırsınız

Bir insanın gülümsemesinin, kıkırdamasının, burnunu çekmesinin ve hatta gözyaşlarının uzun vadeli finansal değeri paha biçilemezGaryVee Okumak üzere olduğun şey sana garip gelecek. Güvenli oynamayı ve geneli olanı takip etmeyi seven biriyseniz, bu bilgi sizin için...

NFT Pazarlama Stratejileri: NFT Koleksiyonunuzu Tanıtmanın 17 Ücretsiz Yolu

NFT koleksiyonunuz var ama satış yapamıyor musunuz? Pek çok içerik oluşturucu, NFT koleksiyonlarını nasıl tanıtacakları, pazarlayacakları ve özellikle de pazarlamaya harcayacak gelirleri yoksa koleksiyoncuların dikkatini nasıl çekecekleri konusunda mücadele ediyor. Bu...

Sosyal Medya Post Tasarımı Yaparken Dikkat Edilmesi Gerekenler

İnternetin her geçen gün daha da fazla kullanılmasıyla birlikte artık 7’den 70’e herkes birer internet ve akıllı telefon kullanıcısı. Günlük hayatımız da dahil olmak üzere neredeyse tüm işlerimizi internet üzerinden yürüttüğümüz bir düzene geçiş yapmış bulunmaktayız....

Ekim Ayı Özel Günler Takvimi 2022

1 Ekim Cumartesi Dünya Gülümseme Günü Dünya Kahve Günü Dünya Çocuk Günü Dünya Vejetaryen Günü Dünya Yaşlılar Günü Dünya Gülümseme Günü 2 Ekim Pazar Dünya Şiddete Hayır Günü 3 Ekim Pazartesi Dünya Mimarlık Günü 4 Ekim Salı Hayvanları Koruma Günü 6 Ekim Perşembe Dünya...

TikTok Reklam Türleri ve Maliyetleri 2023

Markanız veya işletmeniz için TikTok Reklamlarına başlamayı mı düşünüyorsunuz? TikTok'un 2022'nin 1. çeyreğinde aylık 1.39 milyardan fazla aktif kullanıcısı bulunmakta ve 2022'nin sonunda 1.8 milyar kullanıcıya ulaşması tahmin ediliyor. Son yılların en hızlı büyüyen...

Google Ads Geçersiz Tıklamalar Algoritmaları İyileştirildi (Invalid Clicks)

Öncelikle konuya başlamadan önce Google Ads’te “Bize Ulaşın” kısmından geçersiz tıklamaları bildirebileceğiniz linki iletmek istedim. 👉 https://support.google.com/google-ads/troubleshooter/2557048?rd=1  Geçersiz Trafik Nedir? Geçersiz trafik, reklamverenin...

TOPLANTI SÜRESİNİN VERİMLİLİĞİNİ ARTTIRMANIN 7 YOLU

Toplantılar, iş dünyasında zaman kaybı haline gelebilmektedir. Çalışma süresinin neredeyse %50 kadarı toplantılara harcanıyor. Bu zamanın da neredeyse %50'si boşa gidiyor. Aslında toplantılar kötü değildir. Toplantılar bilgi alışverişinde bulunmak, sorunları çözmek ve...