Page 404 – En İyi Uygulama ve Tasarım İlhamı
Terime aşina değilseniz, 404 hata sayfası, kullanıcıya erişmeye çalıştıkları bağlantının hasar gördüğünü veya mevcut olmadığını söyleme görevine sahip bir sayfadır. Söylemeye gerek yok, 404 hata sayfasının sonuçlarını deneyimleyen her kullanıcı için can sıkıcı. Bu olayı kullanıcılar için biraz daha yerel hale getirmek için, birçok web sayfası tasarımcısı 404 hata sayfalarını daha “eğlenceli” ve benzersiz görünecek şekilde ayarlamak için kendilerini aldılar. Bunu genellikle mizah, zeka ve sayfalarına yaratıcı özgünlük içeren tasarımlar ekleyerek yaparlar.
Kendi 404 sayfanızı bu şekilde tasarlamak için bir planınız varsa, yapılan bazı özel sayfalar örneklerine bakın, sizin için iyi bir ilham kaynağı olabilir. Bu nedenle, üretim sırasında size yardımcı olabilecek sevimli ve benzersiz 404 hata sayfalarının bir listesini paylaşmaya karar verdik.
404 hata sayfası nasıl görünüyor?
İlk olarak, özel bir 404 hata sayfasına ait olması gerektiğini düşündüğümüz bazı özelliklerden bahsedeceğiz. Bu stratejilerin bazıları aslında birçok etkili web sitesi tarafından uygulanmıştır.
1. Web sitenizin genel stiline uygun olmalıdır
Bize sorarsanız, bu bir sorun olmamalıdır. Belirli işletme türlerini veya Site tarafından tanıtılan hizmetlerin veya ürünlerin niteliğine uymak için özel olarak oluşturulan çok sayıda WordPress teması vardır. Bu nedenle, tasarım sayfasını web sitesinin genel web sitesi ve web sitenizin temasıyla ayarlamanız doğaldır. Örneğin, lüks gıda konusunda uzmanlaşmış bir restoran web sitesi iseniz, lüks görünen yiyecek görüntüleri ve isimlerini 404 hata sayfanıza eklemelisiniz. Bu şekilde, ziyaretçileriniz en azından bugün yaşadıkları rahatsızlıktan bağımsız olarak lezzetli yemekler sunduğunuzu unutmayacaklardır. Birçok ücretsiz stok web sitesi ve vektör illüstrasyonları olan birçok kaynak sayesinde, ihtiyaçlarınıza göre 404 hata sayfasının görünümünü ve hissini artırabilirsiniz. Birkaç özür içermelidir
404 hata sayfasının ortaya çıkması sadece sinir bozucu değil, aynı zamanda gerçekleşmemesi gereken bir şey. Bu nedenle, Hata sayfanıza bir tür özür girmek her zaman iyi bir fikirdir, burada kullanıcının sorunları için gerçekten özür dilediğinizi vurguluyorsunuz.
3. 404 numaralı hata arama çubuğunu içermelidir
Bu aynı zamanda iyi bir uygulama olabilir. 404 hata sayfasına bir arama çubuğu eklerseniz, keşfetmeye devam etmek için kullanıcıyı web sitenizde tutabilir.
4. Bağlantılar eklemeyi düşünün
Tıpkı bir arama çubuğu gibi, kullanışlı bağlantılar da kayıplardan daha fazla fayda sağlayabilir. Bu, bloglar, iletişim sayfaları ve hatta ana sayfanız gibi önemli olduğunu düşündüğünüz herhangi bir bağlantı olabilir. Ayrıca, WordPress’e bir bağlantı eklemek çok kolaydır. Mizah ile Işık
Önceki mizahtan bahsettik. İster esprili, ister kendinize zarar ya da sadece garip olsun, bunun gibi durumlarda mizah kullanmak, ruh halinizi veya ziyaretçilerinizi hafifletmeye yardımcı olabilir. Kim bilir, rahat ve komedi yaklaşımınız, genel markanız hakkında daha olumlu bir izlenim edinebilir.
Kısacası, 404 hata sayfasına girebilecek akıllı çizgiler için iyi bir fikriniz varsa, eklemekten çekinmeyin, çünkü mizahi tutum birçok insan tarafından memnuniyetle karşılanır. Ziyaretçileriniz komik olduğunu düşünmese bile, işleri hafif tutmak her zaman bir makine gibi olmaktan daha iyidir.
Notlar:
Aktarımı 404 hata sayfanıza da ayarlayabilirsiniz. Örneğin, bir hata oluşursa, sayfanız ana sayfanıza aktarılabilir. Ancak, bu en iyi çözüm değildir, çünkü ana sayfanızda bir sorun varsa, başlangıç noktasına geri döneceksiniz.
Ancak hazırladığımız en iyi örneklere dalmadan önce, WordPress’te Bina Sayfa 404 ile ilgili anılarınızı yenilemek için zaman ayırın:
WordPress’te Sayfa 404 Özel Yapma
İlham Seçenekleri Sayfa 404 Hatalarımız
Artık hangi öğelerin iyi bir 404 hata sayfası yapabileceğini bildiğinize göre, mizah duygusu ve tasarımın genel etkisi nedeniyle dikkatimizi çeken 404 hata sayfasına bazı örnekler vereceğiz.
Sayfaya bakın
Umarım bu 404 hata sayfasının görünümü, bu sorunu yaşadığınızda nasıl tepki vereceğinizi göstermez. Pixar, 2015 yılında popüler Inside Out Picture’dan üzüntü adlı bir karakter eklemeye karar verdi ve bunun gibi şeyleri çok kişisel olduğunu varsaymamanızı öneren mesajlar. Kesinlikle katılıyoruz.
Mektup Şempanzeler
Yeni bir marka kimliği ve tasarımı başlattıktan sonra MailChimp, hata sayfalarının görünümünü de değiştirdi. E -posta bülten hizmetinde uzmanlaşmış web sitesi, kafaları deliğin derinliklerine gömülü olan alışılmadık bir eşek görüntüsü içermeye karar verdi, bu da sitenin her sitesini aradığını ve hiçbir sayfa bulunamayacağını gösteriyor. Eşeklerin sizin için bu sayfayı bulmak için elinizden gelenin en iyisini yaptıkları açıktır, bu yüzden bu konuda çok fazla hayal kırıklığının bir anlamı yoktur.
fotoğrafçılık
Bu profesyonel fotoğraf esaslı web sitesi, yenidoğan, evlilik ve aile ile ilgili diğer etkinliklerin portresini yakalama konusunda uzmanlaşmıştır. Bu nedenle, 404 sayfalarında hareket eden bir yürümeye başlayan bir çizik resmini eklemeye karar vermeleri uygundur. Çocuğun nihayet bir pasta yediği resimden görülebilse de, metin aradığınız sayfanın da yenildiğini gösteriyor. Ama ağlayan çocuklara nasıl kızabilirsin? Sadece meraklı ve nihayet bahçenizi yanlışlıkla yiyin! Kar fırtınaları
Sayfaya bakın
Angry Birds
Sayfaya bakın
Çark
Sayfaya bakın
Sayfaya bakın
Her iyi UX tasarımcısı, kullanıcıların ilk sahip olduğu en büyük sorunları çözmeye odaklansanız bile, senaryodan çıktıklarında da uyum sağlamanız gerektiğini fark eder. Bu yüzden Carwow’da alçakgönüllü insanlar, sayfa plana göre yüklenmediğinde araba yarış oyunlarını görüntüleyen sayfa 404 şaşırtıcı hale getirir.
Sayfaya bakın
İngiliz mizahı genellikle kendini çok ciddi düşünmüyor. Şirketin sahibi bir İngiliz, bu durumda gerçekten kendilerine saldırıyorlar. Bunu, işlevsiz olmayan bir sayfa hakkındaki konuşmalarına dalmış iki lüks karakter çizerek yapıyorlar. Bu arada kullanıcılara, bu bağlamda çok komik görünen İngilizce ifadeyi kullanarak bir sonraki adımda ne yapmaları gerektiği konusunda tavsiyelerde bulunuyorlar. Şahsen, sayfayı ‘dört yüz ve dördüncü hata mesajı’ olarak adlandırdıklarında kaybettik ve ‘web hizmetçilerinin hatalarını bir anda düzelteceklerini’ yorumladıklarında.
Sayfaya bakın
Slack, iş ve şirketlerin birlikte çalışmasına ve ilerlemelerine yardımcı olan ortak bir platformdur. Ancak 404 sayfasına inerseniz, kendinizi gerçekten kaybettiğinizi düşünün. Hata sayfaları, Methyman’ın işaretçisini ekran boyunca sürüklerseniz de hareket eden güzel bir animasyon görüntüler. Görsel olarak çekici olmasına rağmen, bu, herhangi bir web sitesi içeriği ile korelasyonu olmayan ancak yine de düzgün bir şekilde işlev gören bir sayfa örneğidir. İlham alın ve denemeye hazır
Sayfaya bakın
Lena Zaytseva tarafından tasarlanan bu şablon, etkileşimli ve olağandışı bir 404 hata sayfasının düzeninin iyi bir örneğidir. Minimum, ancak beyaz ve sarı renkleri etkili bir şekilde animasyonlu metinle birleştirir. Web sitesinin adına sahip kelimeler “404” ile ayrılır. Eşzamanlı olarak, ana mesajınız ve düğme sayfanın altındaki yeniden ortaya çıkar. Bu çözüm gergin web siteleri ve yaratıcı niş için harika.
Sayfa 404 ilk başta temel görünse de, bu basitliğin nasıl etkili olabileceğinin iyi bir örneğidir. Baskın bir mavi nüans ve akıllı bir 3D illüstrasyon ile bu, orijinal ve geleneksel olmayan sayfa 404’ün gerçek bir fark yaratabileceğini gösterir. Çevrimiçi sunumunuzun öne çıkmasını istiyorsanız, bu doğru seçim olabilir.
Sayfaya bakın
404 sayfa hata çoğunlukla uzayda kaybolmuş gibi hissettiriyor. Bu metafora dayanarak, örnek sayfa 404, web sitesi ziyaretçilerini ana sayfaya yönlendirmenin güçlü bir yoludur. Güzel grafikler ve düz unsurlar bu şablonun ana odağıdır. Küçük bir sanat eseri olan ve her türlü yaratıcı web sitesi için mükemmel çalışabilen sayfa 404 istiyorsanız, bu düzeni denemekten çekinmeyin. Sayfalara bakın
Sayfaya bakın
Sayfaya bakın
Çözüm
Vektör illüstrasyon ile 10+ en iyi web sitesi
WordPress kullanan 20 büyük marka
