Boş ve sonuç bulunamayan durumlar nasıl tasarlanır

Boş bir proje listesi, kişinin henüz hiç proje oluşturmadığı anlamına gelebilir. Aramasının eşleşen proje bulamadığı anlamına da gelebilir. Bu ekranlarda aynı boş dikdörtgen bulunabilir; yine de farklı açıklamalar ve farklı eylemler gerekir.

Boş durum ile sonuç bulunamaması arasındaki pratik fark, içeriğin neden görünmediğidir. Gerçekten boş bir koleksiyonda genellikle başlama yolu veya içeriğin nasıl geleceğine dair açıklama gerekir. Sonuç bulunamayan görünümde ise normalde mevcut olan içeriği gizleyen sorguyu, filtreleri ya da kapsamı değiştirebilmek gerekir. Her iki kişiyi de “Proje oluştur” seçeneğine yönlendirmek, basit bir arama sorununu mükerrer işe dönüştürebilir.

Sonuç bulunamaması bir boş durum türüdür. İşe yarayan ayrım, boş koleksiyon ile başarısız sorgu arasındadır: ilki içerik geldiğinde, ikincisi istek değiştiğinde değişir.

İçeriği neyin görünür hâle getireceğini sorun

Başlık yazmadan önce şu cümleyi tamamlayın: kişi ne yaparsa burada içerik görünür? Bu sorunun yanıtı, kullanışlı bir boş görünümü genel geçer olandan ayırmaya çoğu zaman yeter.

Yanıt “ilk projesini oluşturursa” ise ekran projenin neler içerdiğini açıklayabilir ve bu eylemi sunabilir. Yanıt “Arşivlenmiş filtresini kaldırırsa” ise ekran filtreyi değiştirmeye yardımcı olmalıdır. Yanıt “isteğin tamamlanmasını beklerse” ise arayüz hâlâ yükleniyordur. Yanıt “yeniden izin alırsa” ise oluşturma düğmesi ilgisiz olabilir veya kullanılamayabilir.

Bu soru, yaygın bir metin hatasını da önler: görünür satır olmamasını hiç veri bulunmadığının kanıtı saymak. Görünümün bildiği tek şey, geçerli istekle eşleşen erişilebilir kayıt olmadığı olabilir. Mesaj, çalışma alanının bütünü hakkında daha güçlü bir iddia ortaya atmak yerine bu bilgiyi yansıtmalıdır.

Nielsen Norman Group’un boş durumlarla ilgili makalesi, sistem durumunu açıklamanın ve göreve uygun bir giriş yolu sağlamanın değerini anlatır. İçerik hâlâ yüklenirken boş sonuç mesajı gösterilmemesi gerektiğini de vurgular. Bu temel yararlıdır; ancak somut karar yine de uygulamanızın geçerli koleksiyon ve istek hakkında ne bildiğine bağlıdır.

Power BI içeriğin nasıl geldiğini açıklar; NexTag hiyerarşinin neden önemli olduğunu gösterir

NN/G’nin boş durum makalesinde, Microsoft Power BI’ın son öğeler görünümü yer alır. Bu görünüm içeriğin buraya nasıl geldiğini açıklar: açılan içerik Son Kullanılanlar’da görünür. Buradaki önemli ayrıntı neden-sonuç ilişkisidir. Görünüm, hesabın tamamının boş olduğunu veya kişinin yeni bir şey oluşturması gerektiğini ima etmez.

NN/G’nin sonuç bulunamayan aramalar üzerine araştırmasında karşıt bir örnek vardır. Geçmişteki bir NexTag arama sayfasında katılımcı, küçük eşleşme yok mesajını gözden kaçırıp altındaki daha belirgin içeriğe bakmıştır. Göz izleme grafiğinde mesajın kendisi üzerinde hiç sabitlenme kaydedilmemiştir. Çözüm önerileri mevcuttur, ancak katılımcı bunlara neden ihtiyaç duyduğunu kaçırmıştır.

Buradan, her boş görünümün kocaman bir başlığa ihtiyaç duyduğu sonucu çıkmaz. Power BI mesajının yerel bir görevi vardır: mevcut çalışma alanındaki bir görünümü açıklamak. Arama sonuçları sayfası ise ana alanda eşleşen sonuçlar bulunduğu beklentisini kesmelidir. Durumu bağlamına yetecek kadar belirgin kılın; ardından yararlı sonraki eylemin kolay bulunmasını sağlayın. Dekoratif çizimler ve ilgisiz öneriler, metin teknik olarak mevcut olsa bile bu sıralamayı zayıflatabilir.

Durumu boş bir diziden değil, gerçeklerden seçin

Arayüzü seçmek için sıfır uzunlukta bir yanıt yeterli değildir. İstek beklemede, başarısız, kısıtlı veya başarıyla tamamlanmış ama boş olabilir. Gerçek uygulamada mesaj, görünür kayıt sayısının yanı sıra isteğin durumuna ve kapsamına göre seçilmelidir.

Bu tablo, geçişleri incelerken özellikle yararlıdır. Bir sorgu girin, hemen başka bir sorguyla değiştirin ve yanıtların ters sırada gelmesine izin verin. Görünüm etkin isteğin durumunu göstermelidir. Eski bir boş yanıt, daha yeni başarılı sonucu silmemelidir. Bu bir veri akışı kusurudur; başka bir çizim bunu düzeltemez.

Pratik bir inceleme sorusu şudur: “Şimdi ne yapardınız?” Önce durumunu tarif etmeden ekranı gösterin. Kişi korunan sorguyu bulamadığı için Oluştur’u seçiyorsa çözüm kontrolleri üzerinde çalışmak gerekir. Görünüm bitmemiş gibi göründüğü için bekliyorsa işlemin tamamlanıp tamamlanmadığını netleştirin. Yalnızca kişinin hedeflenen düğmeye tıklayıp tıklamadığını değil, yorumunu da kaydedin: tesadüfen doğru tıklama, yanlış anlaşılmış bir durumu gizleyebilir.

Boş görünümün nedenine göre yazın

İlk kullanım: inandırıcı bir başlangıç

İlk kullanım görünümü, kişiye oluşturmak üzere olduğu nesneyi anlatmalıdır. “Burada henüz bir şey yok” boş alanı kabul eder, ancak bu alanın amacını açıklamaz. “Proje özetlerini, bağlantıları ve inceleme notlarını bir arada tutun” yeni kullanıcıya başlamak için daha somut bir neden verir.

Bu açıklamayı kişinin gerçekten yapabileceği bir eylemle eşleştirin. Proje oluşturmak yalnızca bir ad gerektiriyorsa “Proje oluştur” bu küçük ilk adımı açabilir. Kurulum bir dış hizmet bağlamayı gerektiriyorsa eylem bunun yerine o bağlantıyı adlandırmalıdır. Kolay görünen ama beklenmedik derecede karmaşık bir kurulum akışı açan düğme, boşluk sorununu çözer çözmez yeni bir sorun yaratabilir.

Açıklamanın miktarı, kişinin muhtemel aşinalığına uymalıdır. Proje çalışma alanını ilk kez açan biri kısa bir örnekten yararlanabilir. Son kayıtlı aramasını bilinçli olarak silen biri ise muhtemelen aramaya giriş açıklamasına ihtiyaç duymaz. Her iki durumda da koleksiyon boştur, fakat kişilerin bilgisi farklıdır.

Örnek içerik konusunda dikkatli olun. Tanıtım satırları kavramı somutlaştırabilir, ancak örnek oldukları açıkça etiketlenmeli ve kişinin kendi verisi gibi görünmemelidir. Örnek projede “Müşteri onayladı” durumu varsa inceleyen kişi bunu gerçek bir onayla karıştıramamalıdır. Boş durum belirsizliği azaltmalı; yerine çekici bir kurgu koymamalıdır.

Sonuç yok: isteği değiştirin

“Sonuç bulunamadı” aramanın bittiğini bildirir, fakat nedeni ve çözümü açıklamaz. Yararlı bir sonuç yok mesajı, istek ile sonucu arasındaki ilişkiyi korur. Aramada girilen sorguyu görünür ve düzenlenebilir tutun. Filtrelemede etkin filtreleri görünür tutun. Aksi takdirde kişi, neyi değiştireceğine karar vermeden önce ne istediğini hatırlamak zorunda kalır.

Örneğimizde açık bir başlık, “‘sonbahar lansmanı’ ile eşleşen proje yok” olabilir. Muhtemel kısıtlama tarih filtresiyse açıklama “Geçerli tarih aralığı 1–7 Ekim” diyebilir. Uygulama eşleşme olmamasının sorgudan mı tarih aralığından mı kaynaklandığını bilemese bile bu yararlı bir bilgidir.

İlgili koşulu değiştiren çözüm eylemleri seçin. Tek tarih filtresi etkinken “Tarih filtresini temizle”, “Baştan başla”dan daha kesindir. “Tüm filtreleri temizle” gerçekten bütün filtreleri kaldırıyorsa uygundur; sorguyu koruyorsa ifadesi bu farkı anlaşılır kılmalıdır. Arama ve filtre kapsamını sessizce birlikte değiştiren bir sıfırlama, yalnızca bir şeyi değiştirmek isteyen kişiyi şaşırtabilir.

Nielsen Norman Group’un sonuç bulunamayan arama sayfaları rehberi, sonucu açıkça göstermeyi, devam yollarını kullanılabilir tutmayı ve kişiyle alay eden bir tondan kaçınmayı önerir. Bu ilkeleri önünüzdeki göreve uygulayın. Proje araması, ürün kataloğu ve hukuki belge kütüphanesi aynı önerilere veya görsellere ihtiyaç duymaz.

Alternatif öneriler gösteriyorsanız ne olduklarını açıklayın. “İlgili projeler”, başarısız sorgunun sonuçları gibi görünmemelidir. Sonuç bulunamadı açıklamasını önerilerden önce yerleştirin ve alternatif koleksiyona ayrı bir etiket verin. Kişi, belirli bir şeyi aradıktan sonra neden ilgisiz görünen öğeler çıktığını kendi başına çözmek zorunda kalmamalıdır.

Yalnızca sistemin doğrulayabildiğini söyleyen metin kullanın

“Hiç proje yok” geniş bir iddiadır. “Bu filtrelerle eşleşen proje yok” daha dardır. “Bu çalışma alanında görebildiğiniz proje yok” ise başka bir sınırı ifade eder. Bunlar arasında, hangi cümlenin tek satıra düzgün sığdığına göre değil, arayüzün erişebildiği kanıta göre seçim yapın.

Bu, özel veya kısıtlı içerik barındıran sistemlerde önemlidir. Boş sonuç mutlaka nesnenin bulunmadığı anlamına gelmez. Kişinin onu göremediği anlamına gelebilir. Ürün ekibi, hangi bilgilerin açıklanabileceğine ve hangi çözüm eylemlerinin uygun olduğuna karar vermelidir. Tasarım, sırf boş mesajı daha kesin kılmak için gizli kayıtların varlığını açığa çıkarmamalıdır.

İzinlerle ilgili bir sorun olmasa bile görünümün elindeki tablo eksik olabilir. Arama indeksleri içerik kaydedildikten sonra güncellenebilir; içe aktarmalar hâlâ işleniyor olabilir. Uygulama bir içe aktarmanın sürdüğünü biliyorsa bunu açıklayabilir. Bilmiyorsa eksik öğelerin yakında görüneceğine dair rahatlatıcı bir vaat uydurmayın.

Kurgusal çalışma alanı için küçük bir metin kuralı yazın: sıfır eşleşmeyle başarıyla tamamlanan sorgu “Eşleşen proje yok” mesajını; koleksiyon sayısının sıfır olduğunun doğrulanması “Henüz proje yok” mesajını üretebilir. Başarısız sorgu ise ikisini de üretmez. Bu basit ayrım, ağ sorununun ilk kullanımın iyimser tonunu ödünç almasını önler.

Sonraki eylemi kolaylaştıracak kadar yapıyı koruyun

Boş görünüm, kullanışlı kontrolleri yerinde tutarken dolu listeden daha sakin görünebilir. Arama, filtre etiketleri, sayfa başlığı ve koleksiyon kapsamı kişinin nerede olduğunu açıklar. Hepsini kaldırıp ortalanmış bir çizim koymak ekranı çekici ama toparlanmayı daha zor hâle getirebilir.

Sonuç bulunamayan proje listemizde arama alanını aynı yerde tutun ve seçili çalışma alanını görünür bırakın. Açıklamayı normalde sonuçların görüneceği alana yerleştirin. Böylece kişi, sonuç sayısı değiştiği için yeri değişen bir kontrolü aramadan isteğini düzenleyebilir.

İlk kullanım ekranında daha fazla özgürlük vardır. Karşılaştırılacak satır bulunmaz ve daha büyük bir giriş mesajı uygun olabilir. Yine de tanıdık gezinmeyi ve açık bir sayfa başlığını koruyun. Kişi düğmeye basmadan önce kişisel alanı için mi paylaşılan ekip alanı için mi proje oluşturduğunu bilmelidir.

Görsel alanı tek bir kısa İngilizce cümleye bağımlı kılmayın. Daha uzun proje adlarını, daha uzun çevrilmiş mesajları ve iki satıra kayan filtreleri deneyin. Boş görünümler çoğu zaman rahat masaüstü genişliklerinde tasarlanıp dar yan panellere sıkıştırılır. Yalnızca “No items” ile çalışan bir tasarım gerçekçi içerik için hazır değildir.

İşe yarayan seçenekler arasından en az zahmet gerektireni seçin

Çözüm eylemi, işi gereksiz yere silmeden ilerleme sağlamalıdır. Kişi çalışma alanını, tarih aralığını ve sorumluyu dikkatle seçtiyse her şeyi temizlemek büyük bir sıfırlamadır. Sonuç yokluğunu çözebilir, ama araştırmaya çalıştığı bağlamı da yok eder.

Sistem destekliyorsa daha küçük bir değişiklik sunun. Tek bir filtreyi kaldırmak, isteğin tamamını temizlemekten daha yararlı olabilir. Tarih aralığını genişletmek ilgili anahtar sözcüğü koruyabilir. Üst klasöre dönmek, kişiyi uygulamanın ana sayfasına göndermekten daha bilgilendirici olabilir.

En küçük eylemin kesinlikle başarılı olacağını ima etmeyin. “Tarih filtresini kaldır” dürüstçe bir işlemi tanımlar. “Projelerini göster” ise arayüzün sağlayıp sağlayamayacağını bilmediği bir sonucu vaat eder. Güvenilir bir önizleme sayısı mevcutsa ürün daha güçlü bir öneride bulunabilir; değilse eylem etiketini olgusal tutun.

Oluşturma, sonuç bulunamayan sayfada hâlâ yararlı olabilir; ancak genellikle destekleyici rol üstlenmelidir. Kişi bir proje oluşturmaya karar vermeden önce onu arayabilir. Oluşturmayı tek çözüm yolu gibi göstermeden bu seçeneği sunun. Mükerrer kayıtların maliyetli olduğu sistemde, çok hızlı yeni nesne önermek yerine aramanın geçerli çalışma alanını kapsadığını açıklamayı düşünün.

Aynı sayfayı zaman içinde adım adım inceleyin

En çok şeyi gösteren inceleme, birbirinden kopuk boş ekran görüntüleri koleksiyonu değil, kısa bir dizidir. Dolu listeyle başlayın, sıfır eşleşme üreten bir filtre uygulayın, filtreyi temizleyin ve özgün listenin geri geldiğini doğrulayın. Sonra gerçekten boş bir koleksiyon oluşturup mesajını ve eylemini karşılaştırın.

Kurgusal çalışma alanında kişi, geçerli koleksiyondaki altı projeyle başlar. Seçilen hafta içinde projesi bulunmayan bir sorumlu seçer. Sonuç alanı eşleşme olmadığını söyler; sorumlu ve tarih kontrollerini görünür bırakır. Tarih filtresini temizlemek, sorumlu seçimini koruyarak daha geniş dönemdeki eşleşen projeleri geri getirir.

Şimdi hiç projesi olmayan yeni bir çalışma alanına geçin. Aynı sonuç alanı projelerin amacını tanıtır ve oluşturma sunar. Etkin filtre olmadığı ve temel koleksiyon boş olduğu için filtreleri temizlemek gereksizdir. Arayüz, ilk durumla tipografi ve aralıkları paylaşabilir; aynı mesajı paylaşmak zorunda değildir.

Bunlar tasarım soruları olduğu kadar uygulama sorularıdır da. Statik karşılaştırma istenen davranışı tanımlayabilir, ancak çalışan uygulamada istek zamanlaması ve durum değişimleri için testler gerekir. İncelemeyi mümkün olan her arayüz durumunun ilgisiz bir kataloğuna genişletmek yerine bu küçük yolculuğa odaklayın.

Tonu duruma uydurun

Boş bir kişisel favoriler listesi hafif ve davetkâr olabilir. Olay araştırması sırasında boş kalan denetim günlüğü ise sakin ve kesin olmalıdır. Aynı gülümseyen çizim ve “Haydi başlayalım!” cümlesi her iki duruma da iyi hizmet etmez.

Kişinin en olası kaygısını düşünün. Yeni kullanıcı “Burada ne olmalı?” diye sorabilir. Bildiği bir dosyayı arayan kişi “Erişimimi mi kaybettim, yanlış konumu mu seçtim, adı mı yanlış yazdım?” diye sorabilir. Tamamlanmış işi inceleyen biri ise yalnızca geriye bir şey kalmadığının doğrulanmasını isteyebilir. Temeldeki soru açık olduğunda tonu seçmek kolaylaşır.

Sırf listede sıfır satır var diye kişiyi tebrik etmeyin. Boş görev kuyruğu bütün görevlerin tamamlandığı anlamına gelebilir; bir filtrenin onları gizlediği anlamına da gelebilir. Kutlama, doğrulanmış olumlu bir koşul gerektirir. Uygulama bunu doğrulayamıyorsa tarafsız açıklama daha güvenilirdir.

Benzer biçimde, olağan ilk kullanım için özür dilemeyin. Yeni bir koleksiyonda kayıt olmaması başlı başına yanlış değildir. Kesinti dilini gerçek kesintilere ayırın; rutin boş görünümleri ürün kullanımının normal bir parçası gibi hissettirin.

Çizimler kapladıkları alanı hak etsin

Çizim, koleksiyonda nelerin görüneceğini açıklayabilir veya ilk kullanım görünümünü arama sonucundan ayırabilir. Yararlı eylemi ekranın altına itmemeli ya da sayfayı çıkmaz gibi hissettirmemelidir. Görseli kaldırmak mesajı daha anlaşılır kılıyorsa süslemeyi savunmak yerine kompozisyonu değiştirin.

Çalışma alanı örneğinde, sade bir proje kartı çizimi projenin hangi bilgileri içerdiğini gösterebilir. Sonuç bulunamayan görünümde ise sorgu ve filtreler zaten bağlamı verdiği için küçük bir arama simgesi yeterli olabilir. İki durum aynı büyük resmi kullanmadan da aynı görsel aileye ait olabilir.

Temel açıklamaları gerçek arayüz metni olarak tutun. Çizim, filtre ile sonuç arasındaki ilişkiyi güçlendirebilir; ancak görsel kullanılamadığında da metin anlamlı olmalıdır. Bu özellikle tasarım dosyasında keskin görünen, dar düzende ise okunamaz hâle gelen küçük etiketli görsellerde önemlidir.

Bu ayrımı OpenDesign’da inceleyin

OpenDesign’da desteklenen bir HTML önizlemesi, bu alternatifleri karşılaştırmayı kolaylaştırabilir. Boş koleksiyon ve sonuç bulunamadı örneklerini gerçekçi metinlerle hazırlayın, metni veya stilleri elle ayarlayın ve görünüm alanı hazır ayarlarıyla inceleyin. Sohbete gönderilen yorumlar, değiştirilmesi gereken tam mesajı veya eylemi gösterebilir.

Yararlı bir inceleme için birinden her ekranda ne olduğunu ve sonra ne yapacağını açıklamasını isteyin. Sormadan önce ekranları “ilk kullanım durumu” ve “filtreli boş durum” diye tanıtmayın; bu etiketler, tasarımın iletmesi gereken yanıtı peşinen verir. Her iki ekran da aynı yoruma yol açıyorsa fark henüz yeterince açık değildir.

Çalışan uygulamadaki veri koşullarını da doğrulayın: etkin sorgu, izin kapsamı ve filtre sıfırlaması, tasarımda incelenen mesajı seçmelidir.

Daha büyük bir yanlış anlamayı önleyen küçük karar

Boş bir alanı onaylamadan önce başlığını olgusal bir iddia olarak okuyun. Sonra uygulamanın bu iddiayı ortaya atacak kadar bilgi sahibi olup olmadığını kontrol edin. Ana eylemini neyin değişeceğine dair bir vaat olarak okuyun ve kontrolün gerçekten o değişikliği yapıp yapmadığını inceleyin.