404 Sayfadan 20'den Fazla Harika Örnek

Bir 'sayfa bulunamadı' ile karşılaşmak, ziyaretçilerinizi gerçekten delirtebilir.

Ziyaretçilerinizin kullanıcı deneyimini geliştirmenin en iyi yollarından biri, onları sitenizle motive etmek ve etkileşimde bulunmaktır. Bu, güzel tasarım, ilgi çekici içerik veya sağlıklı bir mizah dozu ile yapılabilir. Yaratıcı ve akıllı bir hata sayfası, ziyaretçinizin kaşlarını çatmasını bir gülümsemeye dönüştürmede uzun bir yol kat eder. SEO'nuz üzerinde de olumlu bir etkisi olabilir, çünkü iç bağlantılar, gezinme ve bir soruna çözüm sağlayarak - ana sayfanıza bir bağlantı sağlasanız bile - kullanıcıyı memnun ve satış huninizde tutarsınız.

"Hata sayfası" olarak da bilinen 404 sayfası, kullanıcıların web sitenizdeki bozuk veya silinmiş bir bağlantıyı tıkladıklarında yönlendirildikleri sayfadır.

Fazla mesai, sayfalar kalıcı bir yönlendirme olmadan kaldırılabilir veya yeni bir URL'ye taşınabilir. Bir kullanıcı bu bağlantıya erişmeye çalışırsa, erişmeye çalıştığı bağlantının bozuk olduğunu bildiren bir '404 sayfasına' gönderilir.

Bu olduğunda, kullanıcıyı tamamen kaybetmemek önemlidir, bunun yerine onları siteyle meşgul etmeye ve ideal olarak onları doğru bağlantıya yönlendirmeye çalışmalısınız. Bazı şirketler 404 sayfa tasarlarken animasyon, illüstrasyon ve etkileşimli öğeler kullanarak gerçekten yaratıcı olurlar.

Hepsi güzel, ancak en etkili ve akılda kalıcı 404 sayfanın komik olanlar olduğuna şüphe yok. Bu yüzden internetteki 404 sayfanın en komik örneklerini toplamaya karar verdim.

Esprili "bulunamayan" sayfalar yüksek bütçeler gerektirmeme avantajına sahiptir, bu nedenle sadece büyük markalar için değil, serbest çalışanlar ve küçük şirketler için de uygundur.

Bu gönderide, 404 sayfanın en komik örneklerini keşfedecek ve her birini neyin işe yaradığını analiz edeceğiz. Bu sayfaların paylaştığı temel komedi stratejilerini anladığınızda, kendi orijinal 404 sayfanızı oluşturmanıza yardımcı olacaktır.

İşte iyi yapılmış 404 sayfanın 23 harika örneği.

404 sayfada görsel görüntüler yaygındır, ancak yalnızca içeriğe güvenmek de aynı derecede etkili olabilir.

Bluegg, görünüşe göre hata sayfalarına atıfta bulunan 'keçi' için bir tür ölüm ilanı yaptı. 404 sayfada ölümle ilgili birçok fıkra göreceksiniz. Kara mizah hayranıysanız, aynı tür tıkaçlar sayfalarınız için işe yarayabilir.

Sürpriz unsuru, yeni 404'leri başarılı bir şekilde sunmanın anahtarıdır.

Drift, görünüşe göre denizde kaybolan Dj Khaled'in düşük kaliteli bir selfie videosunu ekledi. İşlerin çok daha kötü olabileceğini göstererek durumu tersine çevirdiler - ziyaretçinin DJ gibi denizde kaybolabileceğini.

Ziyaretçinin mevcut durumunu gölgede bırakan abartılı bir senaryo göstermek, onları daha iyi hissettirmenin harika bir yoludur.

Steve Jobs, “Yaratıcılık sadece bir şeyleri birbirine bağlamaktır” dedi. Fark etmesi zor ama 9Gag en popüler giflerden biri olan Confused Travolta ile 404 sayfası arasında yaratıcı bir bağlantı kurdu. Sonuç 'haha' gülünç komik olmayabilir, ancak markanızın görsel varlıklarından birini bir 'bulunamayan sayfa' ile ilişkilendirmenin en iyi örneğidir.

Flywheel, sofistike tasarımcı odaklı hedef kitlesi için mükemmel bir 404 sayfası oluşturdu. '0'ı bir kara deliğe dönüştürmek ve 'bu gerçekten berbat' eklemek güzel bir dönüş. Çok basit ve şaka yapmak için çok uğraşmaktan kaçınıyor.

Slack'in 404 içeriği doğrudan konuya yönelik, ancak panorama resimli bir arka plan animasyonu eklediler, yani… o kadar tuhaf ki işe yarıyor. Uçan çiftlik hayvanlarının olduğu rüya gibi bir Xanadu dünyasına iniyorsunuz. Kayıp bir sayfayla, oradaysanız kesinlikle kaybolmuş olmanız dışında hiçbir ilgisi yoktur.

Bu örnekte, üzerinde üzgün bir işaret tutan sevimli bir hamburger karikatürü görüyoruz. Bir resmin bin kelimeye bedel olduğunun kanıtıdır. İllüstrasyon kullanmak, 404 sayfanızı kelimeler olmadan esprili hale getirmenin harika bir yoludur.

Woodger ayrıca, 'Muhtemelen benim illüstrasyon çalışmamı arıyordunuz…' satırıyla ziyaretçiyi portföyüne akıllıca bağlar.

Görünüşe göre bazı hatalara sahip olmasına ve çıplak HTML göstermesine rağmen, Conan O'brien'in sitesi, Andy ve Conan'ın çıkmazına ışık tutmak için bir dizi gif kullanarak eğlenmekte başarısız olmuyor.

Comedy Central, gösterilerinden birkaç karakteri gösterecek ve her birine 404 sayfalık bir alıntı atfedecek kadar akıllıydı. Örneğin, The Daily Show'dan Trevor Noah kafası karışmış bir yüzle ve şovundan 'Moment of Zen' bölümüyle ilgili bir alıntıyla görünüyor.

Bu örneği göstermek zorunda kaldım çünkü küçük bir cenaze tarihi müzesinin 404 sayfası. Eminim çok büyük bir web tasarım bütçeleri yoktur, ancak yine de açık mezarlı yaratıcı bir 404 sayfası tasarlamayı başardılar ve ziyaretçilere şunları söyledi: 'Büyük bir hata yaptınız! Aradığınız sayfa öbür dünyada kayboldu.'

HBO's 404 benim favorilerimden biri. Bir kıkırdama almak için iç şakaların nasıl kullanılacağını gösterir. Bu durumda, 404 harfin arkasına 'Coşkunuzu Frenleyin' resmini eklediler ve şu metni eklediler: 'Bu bağlantı güzel, hoş, oldukça bozuk görünüyor.' Gösteriyi gören herkes hemen anlayacaktır.

New Yorker örneği, kaybolmayla ilgili zaten komik olan bir marka varlığının nasıl alınacağını ve 404 sayfada yer almasını gösteriyor. Karikatür, GPS takan bir fareyi gösteren 2011 sayısından - 'sayfa bulunamadı' sayfasında kullanmak için mükemmel karikatür.

İşte orijinal ve beklenmedik başka bir 404 sayfa tasarımı. Blizzard Entertainment'ın kırık bir penceresi, düşmüş gibi görünen bir menüsü ve bir suçlaması var: 'Grats (tebrikler). Onu kırdın.'

Blizzard, durumu tersine çevirecek ve ziyaretçiyi suçlayacak 'chutzpah'a sahipti. Normalde 404 sayfada okuduğunuz beklenen özür dileme tonunun tam tersi bir yanıt olduğu için bundan keyif alıyorsunuz. Aynı zamanda, kendi hatanız için başkasını suçlamak çok insani bir özelliktir. Süt döktüğü için ebeveynleri tarafından yakalanan küçük bir çocuğun suçu babasına atması gibi.

Daha önce gördüğümüz gibi, görünüşte alakasız şeyler arasında beklenmedik bağlantılar kurmak hem ustalık hem de mizah gerektirir. Normalde bir flört sitesini 'sayfa bulunamadı' ile ilişkilendirmezsiniz. eharmony, milyonlarca diğer eharmony single'ının aksine, 'sayfa kullanılamıyor' mesajını sunarak bunu iyi yapıyor.

Distilled'ın 404 sayfasında, 'eski adam' ve 'patlamış' gibi ifadelerle dolu komik bir İngiliz sohbeti var. Kendi içinde komik olan 404'lerine 'Dört yüz dördüncü hata mesajı' diyorlar.

Aksanlar şu anda komedide tartışmalı bir konu olsa da (Simpsons yaratıcılarının onaylayabileceği gibi), hala kanlı komikler. Neyse ki, lüks bir İngiliz aksanı hala kabul edilen gülünç bir hedeftir.

Damıtılmış kendileri İngiliz, bu da tüm sayfayı daha da aptallaştırıyor. Bana Monty Python'un beni her zaman şaşırtan Dört Yorkshiremen taslağını hatırlattı.

Bu hata sayfası en komiklerinden biridir, çünkü çok kişiseldir. Ayrıca, geliştirme ekibinden olası dört suçluyu göstererek ve size bu 'kabul edilemez başarısızlık' için kovulacak birini seçme şansı sunarak bir 'bulunamayan sayfa'ya inmeyi aşırı derecede gerektirir. Bu, bu şirketin hem espri anlayışına sahip olduğunu hem de kendi kendine eğlenebildiğini kanıtlıyor.

IMDB, ünlü film alıntılarını hata mesajlarına uyarlayan, görünüşte basit ama iyi düşünülmüş bir hata sayfası sunar. IMDB'yi sık sık kullanan film hayranları için keyifli bir deneyim sunar ve onları daha fazla alıntı okumak için sayfayı yenilemeye teşvik eder.

Bu en ilgi çekici 404 sayfası olmasa da, doğası gereği görsel olan yaratıcı ve etkileşimli bir deneyim sunduğu için puan alıyor.

Grafikleri kullanmak aslında bu sayfalar için iyi bir fikirdir. Akış çizelgeleri, ven çizelgeleri veya aklınıza gelebilecek başka herhangi bir çizelge olsun. Kullanılamayan sayfayı göstermenin tamamen farklı bir yolu olduğu için çalışır. Bir pasta grafiğinin de işe yarayıp yaramayacağını merak ediyorum.

Github'ın izleyicileri geek geliştiricilerdir. Octocat maskotunu içeren Star Wars'tan ilham alan sahneleri ve 'Bu aradığınız web sayfası değil' alıntısı, izleyicileri için çok uygun bir mesajdır. Ayrıca, arama çubuğunu merkeze yerleştirerek bu sayfadan gezinme için nasıl mükemmel bir çözüm sunduklarına dikkat edin.

CSS Tricks, saf minimalizm kullanarak ziyaretçileri şaşırtmayı başarıyor. Metin yok, mesaj yok, sadece arka planda CSS kodunun göründüğü bir yırtık olan boş bir sayfa. Sözsüz bir mesajı başarıyla iletirler, ki bu yapılması zor bir şeydir. Sessiz filmlerin sözlü olmayan mizaha dayandıkları için bugün hala bizi güldürmelerine benzer.

Bu sayfa, eğlenceli bir 404 sayfasının tüm unsurlarına sahiptir. Yırtık bir çorabın, insanların çamaşırlarda kaybettiği tüm tek çorapları ima eden, ayak parmağına bir surat çizilmiş dev bir görüntüsü. Gerçek web sitesiyle hiçbir ilgisi olmamasına rağmen, çok saçma ve bu yüzden işe yarıyor.

Taco Bell, sosyal medyada şaka yapmayı bilen bir marka olarak biliniyor. 404 sayfası da taco animasyonu ve saçma sapan metniyle güldürüyor: 'ARADIĞINIZ SAYFA YOK (Taco'nun takılıp fasulyeleri kelimenin tam anlamıyla döktüğü bir animasyon içeren bir sayfa aramadığınız sürece. durumda, kesinlikle var ve kesinlikle buldunuz.)'

Son olarak, bu komik 404 sayfası neredeyse hiç bütçe veya özel efekt olmadan oluşturuldu. Bozuk bir bağlantıya inmek yeterince garip değilmiş gibi, Steve Lambert 'İnternetteki En Garip 404 Bulunamayan Sayfalar'ı sunarak bunu bir sonraki seviyeye taşıyor. Sayfada, Lambert'in ziyaretçiye tuhaf bir şekilde mırıldandığı bir video gösteriliyor. Video bana Silikon Vadisi'nin garip anlarını hatırlattı.

'Komik' kategorisinde olmasa da ŞOK şablonunu satın alabilir ve 404 sayfanız için ayarlayabilirsiniz.

ŞOK, her zevke uygun 6 arka plan stiline sahip çok yakında sayfası geliyor.

Çeşitli komik 404 sayfa gördük. Esprili olmak kolay bir iş değil ve en yüksek bütçeli en iyi markalar bile bazen bunda başarısız oluyor. Umarım bu örnekler, ziyaretçilerinizi kahkahalara boğacak kendi hata sayfalarınızı oluşturmanız için size ilham verir.

Kendi 404 sayfanızı oluşturmak istiyorsanız, Elementor'un hızlı 404 sayfa tasarım özelliğini kontrol ettiğinizden emin olun .