Web’de gezinirken, görmek isteyeceğimiz en son şey eski “Bu sayfa bulunamadı” mesajıdır. Bu can sıkıcı metin parçası, yalnızca bir şeylerin ters gittiğini belirtmekle kalmaz, aynı zamanda hatayı düzeltmemize ve aradığımız içeriğe ulaşmamıza yardımcı olacak hiçbir şey yapmaz. Aslında, çoğu durumda, bu metni içeren standart bir 404 hata sayfası, bizi baktığımız siteden uzaklaştıracaktır. Dikkatlice tasarlanmış ve iyi düşünülmüş 404 hata sayfasının önemi böyle anlarda ortaya çıkıyor.
Bu yazıda, size 404 hata sayfasının en güzel örneklerinden bazılarını tanıtacağız. Bir 404 sayfasının kullanıcı deneyimini iyileştirme gücüne nasıl sahip olduğunu göstereceğiz ve size bu sayfaları kendi avantajınıza nasıl kullanabileceğinizi göstereceğiz. Listemizde yer alan sayfaların “kayıp” kullanıcı ile iletişim kurma yolları ve soruna çözüm getirme biçimleri farklılık göstermektedir. Fakat listemizdeki her örneğin belirli bir çekiciliği var ve harika bir 404 hata sayfasının bizi vazgeçirmek yerine, gezindiğimiz web sitesinde kalmaya ikna edebileceğini ve markayla daha fazla bağlantı kurmamızı sağlayabileceğini gösteriyor.
404 hata sayfası oyununda öne çıkan web siteleri şunlardır:
-
Zhenya Rynzhuk
-
Romain Avalle
-
Agnes Lloyd-Platt
-
Zayıflar
-
MSTQ
-
LEQB
-
andrea reni
-
kombo
-
figma
-
Neindex
-
Yeni Şirket
-
Doruk
-
Ön Sevişme Çarkı
-
Klim
-
SMK
-
Auwää
-
indigo
-
spor salonu
-
Khoa Lê
-
Gerçek Olmayan
-
Sido
-
Badass Projesi
-
Sonraki Sayfa
-
salya
-
Endişe rüyası
Fakat en iyi 404 hata sayfası listemize girmeden önce, bir 404 hata sayfasının temel öğelerinin neler olduğunu ve hata sayfalarını öne çıkarmak için hangi ek bileşenlerin eklenebileceğini tanımlayalım.
Harika Bir 404 Hata Sayfası Yapan Nedir?
İyi bir 404 hata sayfasının net olması, kullanıcıların kolaylıkla doğru yola geri dönmesine yardımcı olması ve temsil ettiği markanın tarzına uyması gerekir. Çoğu durumda, bu unsurlar yeterlidir. Fakat bir 404 sayfasının sahip olması gereken ve kullanıcılarınızla daha da derin bir bağlantı kurmanıza yardımcı olabilecek üç başka özellik daha vardır.
404 Hata Sayfalarınızı Etkileşimli Hale Getirin
Ne yaparsanız yapın ve kullandığınız araç ne olursa olsun, hedef kitlenizle etkileşime geçmek ve onları projenizin bir parçası gibi hissettirmek her zaman iyi bir fikirdir. Web’de etkileşim doğal olarak gelir. Fakat çoğu insan bunun 404 hata sayfası için geçerli olmadığını düşünür ve bu nedenle haksız yere onları gözden kaçırır. Gerçek şu ki, bir 404 sayfası etkileşimli olduğunda, kullanıcının bulmak istediği içeriğe eğlenceli, keyifli ve güvenli bir dönüş sağlayabilir. Daha önce de belirttiğimiz gibi, bu sadece kullanıcıları sitenizde tutmanıza değil, aynı zamanda onlar ve markanız arasındaki bağı derinleştirmenize de yardımcı olacaktır.
404 Hata Sayfaları Eğlenceli Olmalı
İyi mizah ve izleyicilerinizle akıllı iletişim, kullanıcıları kazanmak için kusursuz bir reçetedir. Kitlenizi anladığınızda ve tanıdığınızda ve markanızın neyi temsil ettiğine dair net bir vizyona sahip olduğunuzda, uygun mizah, hepimizin alışık olduğu standart, steril çözümlerin aksine 404 hata sayfalarınızı daha etkili ve eğlenceli hale getirmeye yardımcı olabilir.
404 Hata Sayfalarınızın Görsel Olarak İlgi Çekici Olduğundan Emin Olun
Web sitenizin ayrılmaz bir parçası olduklarından, 404 hata sayfası markanızın stiline ve karakterine uygun olmalıdır. Bunu göz önünde bulundurarak, dikkatli ve iyi düşünülmüş bir şekilde tasarlanmalıdırlar. Her şeyi doğru yaparsanız, güzel ve etkili bir 404 sayfası, kullanıcılara yanlış yöne bile gitmediklerini hissettirecektir. Bu tür bir sarmallık, web sitenizdeki kullanıcı deneyimini iyileştirecek ve hatta belki de yol boyunca bir veya iki gülümsemeye neden olacaktır.
Aşağıdaki web siteleri, bu üç niteliği 404 sayfalık tasarımlarına güzel bir şekilde dahil etmiştir. Bazıları yalnızca bir öğeye odaklanır, diğerleri üçünü de başarılı bir şekilde dengeler, fakat hepsi şüphesiz ne kadar yaratıcı olabileceğinizi ve tüm web sitesi sayfaları arasında zayıf olanla, yani 404 hata sayfasıyla ne kadar başarılı olabileceğinizi anlamanıza yardımcı olacaktır.
Zhenya Rynzhuk
Zhenya Rynzhuk’un benzersiz tasarımları onu kalabalıktan ayırıyor. Projeleri için doğru renkleri ve yazı tiplerini seçme, etkileyici tasarım kompozisyonları oluşturma ve ilginç animasyon efektleri kullanma söz konusu olduğunda oyunun zirvesinde. Zhenya’nın 404 hata sayfası farklı değil. Onu gördüğünüzde, bir çıkmaza girmiş gibi hissetmiyorsunuz bile. Aslında, web sitesindeki herhangi bir bölüm gibi görünüyor. Yukarıda listelediğimiz tüm öğeleri kendi hata sayfasına dahil etmiş ve karışıma biraz etkileşim katmış. İmlecinizi hareket ettirdikçe, daha önce sayfanın her yerine düşen gülen yüzler ondan kaçmaya başlar. Bu yüzümüzü gülümsetiyor ve keyifli bir kullanıcı deneyimi sağlıyor. Gülen yüzlerle oynamayı bitirdiğimizde, ekranın ortasında yer alan Beni Geri Getir yazısını tıklayabilir ve web sitesinde gezinmeye devam edebiliriz.
Romain Avalle
Romain Avalle’nin portföyünün 404 sayfası basit, etkili ve bizi kolayca tekrar yola sokmak için gereken her şeye sahip. Web sitesinin geri kalanı gibi, bu sayfa da etkileşimlidir. Sayfanın etrafında fare imlecini takip eden ana hatları çizilmiş bir daire vardır. Hareket ettirmeyi bıraktığınızda, dairesel şekil, daha sonra dairenin merkezine yerleştirilen nokta şeklindeki imleci çevreler. Bu küçük oyun, tüm tarama deneyimini daha eğlenceli hale getiriyor. Sayfa ayrıca, kullanıcıların web sitesinin diğer bölümlerine kolayca gitmesini sağlayan gerekli tüm bağlantıları içerir.
Agnes Lloyd-Platt
İyi mizah ve akıllı iletişim, çoğu ziyaretçiyi kazanabilen ve onları web sitenizde tutabilen kusursuz bir kombinasyondur. Agnes Lloyd-Platt’ın 404 hata sayfası, hepimizin görmeye alıştığı yaygın 404 hata sayfası metnini görüntülemek yerine, bizi bilgilendirmek için komik bir görüntü (kırık bir yumurta kabuğu fotoğrafı var) ve metin (Kırmışsınız) kullanıyor. Az önce ne olduğu hakkında. İmleci sayfada hareket ettirdikçe, onun çalışmaları ortaya çıkmaya başlar. Bu durum onun sanatını sergilemenin ve aynı zamanda ziyaretçiyi eğlendirmenin harika bir yoludur, bu da bu hata sayfasına göz atmayı web sitesinin geri kalanı kadar keyifli hale getirir.
Zayıflar
Belli ki bu stüdyoyu oluşturan ikili, ellerinden geldiğince masa tenisi oynayarak eğlenmeyi ve rahatlamayı seviyor. Feebles’ın hata sayfası bunun gerçek bir kanıtıdır çünkü ikisini masa tenisi oynarken gösterirken videoyu takip eden metin Maçı bitireceğiz ve hemen orada olacağız! Ziyaretçilerle esprili ve benzersiz bir şekilde iletişim kurarken aynı zamanda çalışmalarının özgünlüğünü sergilerken tasarım dünyalarına, ilişkilerine ve çalıştıkları alana bir göz atmalarına izin veriyorlar.
MSTQ
MSTQ stüdyosunun sade, güçlü 404 hata sayfası, markanın ruhuna uygundur ve web sitelerinin diğer bölümleri kadar üzerimizde eşit derecede güçlü bir etki bırakır. Sayfa yüklenirken, ekrana sıçrayan devasa “404” sayesinde nerede olduğumuzu hemen anlıyoruz. Harika ve biraz psychedelic arka plan animasyonu sayesinde tüm deneyim daha da eğlenceli hale getirildi. Stüdyonun logosu ve Menü düğmesi de sayfada gösteriliyor – ilki bizi ana sayfaya geri götürüyor ve ikincisi hangi bölümü ziyaret etmek istediğimizi seçmemize izin veriyor.
LEQB
LEQB’nin 404 hata sayfası bir hata sayfası gibi değil, etkileşimli, deneysel bir web projesinin ana parçası gibi görünüyor. İmleçle etkileşime giren akıcı animasyon, ilginç bir tarama deneyimi sağlar. Bunu düşündüren tek şey, aslında, bir hata sayfasının, fare imlecini izleyen küçük bir Tıkla ana sayfa metni olmasıdır. Tüm web sitesi, ilginç gezinme ve “bozuk” bir arayüzle görkemli bir şekilde tasarlandı, bu nedenle hata sayfasının gerçekten farklı olmasını beklemiyorduk.
Andrea reni
Andrea Reni’nin 404 hata sayfası, 404 sayfasının web sitesinin geri kalanına mükemmel şekilde uyan sürükleyici bir deney gibi hissettirebileceğinin başka bir örneğidir. Fare işaretçimizi hareket ettirdikçe, Odyssey benzeri, renkli ve soyut yüzey onun hareketini takip eder. Andrea Reni bir yazılım geliştiricisi olarak çalışıyor ve portföy web sitesindeki gezinme mesleğiyle eşleşiyor – hata sayfasında menü için “m” ve yardım için “h” yazmamızı söyleyen talimatlar var.
kombo
Combo, basit ve etkili 404 sayfalık bir strateji, marka ve tasarım stüdyosudur. Açılan hata sayfasındaki menü, web sitesinin geri kalanında olduğu gibi ekranın ortasına dikey olarak yerleştirilmiştir. Bu müthiş bir tasarım kompozisyonu ve devasa 404 rakamı diğer unsurlarla zıtlık oluşturup ekranın çoğunu kaplamasına rağmen navigasyonu ilgi odağına yerleştiren ilginç bir görsel çözüm. Burada görüntülenen öğeler bize hemen bir hata sayfasına rastladığımızı söylüyor. Konumlandırma biçimleri web sitesinin geri kalanıyla eşleşir, bu nedenle, yolumuzu bulmakta ve sitenin diğer bölümlerine geri dönmekte sorun yaşamayız.
figma
İlk başta, Figma’nın 404 sayfası tipik bir hata sayfası gibi görünür – daha önce birçok kez gördüğümüz gibi beyaz bir arka plan üzerine büyük, siyah bir 404 yazılmıştır. Fakat bu sayfanın hepsi bu kadar değil.
Tüm işletmeler, kullanıcılarıyla bağını derinleştirmek ve sundukları ürünleri en iyi şekilde sergilemek için web sitelerini kullanmaya çalışmalıdır ve Figma’nın 404 sayfasıyla yaptığı da tam olarak budur. Bir arayüz ve tasarım aracı satıyorlar ve araçlarının neler yapabileceğine dair bize bir fikir vermek için 404 hata sayfasını akıllıca kullandılar – 404 numarasının her yerinde tıklanabilir bağlantı noktaları var ve onları istediğimiz yöne taşıyabiliriz .
Ayrıca üstbilgide tüm menüyü ve altbilgide yararlı bağlantıları görüntülediler. Böylece, 404 sayfasına girdiğiniz için biraz canınız sıkılmış olsa bile, web sitesinin başlangıçta ziyaret etmek istediğiniz bölümüne kolayca erişebilirsiniz. Bu durum sayfanın ortasında görüntülenen eğlenceli, etkileşimli öğeyle birlikte, neredeyse zahmetsiz bir 404 hata sayfası deneyimi sağlar.
Neindex
Neundex’in 404 hata sayfası, yazarın projelerinde olduğu kadar web sitesinin arayüzünde çok belirgin olmayan deneme yapma isteğinin harika bir göstergesidir. Site güzel tasarlanmış, iyi düşünülmüş ve harika bir akışa sahip. Fakat 404 sayfasına girdiğiniz anda, bunun sitenin arayüzünün bir parçası olmaktan çok bir deney ve proje gibi göründüğünü anlıyorsunuz. Göz yormayan bir sürü olay olduğu için, ama tuhaf ve bizi web sitesini terk etmek yerine daha fazla keşfetmeye teşvik edecek kadar şaşırtıcı. Hedef kitlenizin kim olduğunu biliyorsanız, ilham verici bir şok onları doğru yöne çekebilir ve hepimizin alışkın olduğu, görsel olarak daha hoş olan diğer yöntemlerden daha etkili olabilir.
Yeni Şirket
New Company’nin hata sayfası, iyi grafiklere ve net gezinmeye sahip statik ve basit bir 404 hata sayfasının, insanların aradıkları içeriğe ulaşmalarında nasıl işlevsel ve verimli olabileceğini harika bir şekilde göstermektedir. Dramatik, renkli görseller, kullanıcılar üzerinde güçlü bir izlenim bırakır ve marka ile bağlarını güçlendirir.
Doruk
Sade ve etkili, Cusp’ın hata sayfası, fare imleci yönünde hareket eden birden fazla 404 sayıdan oluşan etkileşimli bir topa sahiptir. Bu eğlenceli öğe biraz oynamamıza izin veriyor ama aynı zamanda nasıl bir sayfaya rastladığımızı da bize bildiriyor. Menüye ve ajansın projelerine kolayca ulaşabiliyoruz. Logoları da gösteriliyor ve üzerine tıklarsak bizi ana sayfaya götürecek.
Ön Sevişme Çarkı
Wheel of Foreplay, amacı insanları bağışıklık sistemlerini ve bizi grip ve diğer hastalıklardan koruyan immünoglobulin A üretimini güçlendirmek için seks yapmaya teşvik etmek olan bir Cinsel Karantina Oyunu olarak başladı. Ön Sevişme Çarkı 404 sayfası, web sitesinin geri kalanının atmosferiyle tamamen eşleşiyor.