Etkileşimli Doğa Koruma Web Sitesi Tasarımı

Devrilmiş Odun Etrafında Kurgulanan Etkileşimli Doğa Koruma Web Sitesi

Second Spring, bağış formu yerine devrilmiş bir kütükle başlar. Bir dal, büyük bir serif başlığın altından ekranı çaprazlamasına geçerken yapraklar dış kenarları çerçeveler. İmleci odunun üzerinde hareket ettirmek geçici bir yosun öbeği büyütür. Yakalanan durumda arayüz %20 yosun kaplaması bildirir; bu sayı restore edilen yaşam alanını değil, ekrandaki efekti tanımlar.

Kompozisyon, her katmana farklı bir görev verir. Soluk renkli merkez başlığın okunabilirliğini korur, dokulu ağaç kabuğu etkileşimli yüzeyi tanımlar ve dar bir kontrol satırı döndürme, yağmur, azaltılmış hareket, sıfırlama ve yakalama eylemlerini bir araya getirir. Ziyaretçi, önce kontrolleri incelemeden de temel daveti anlayabilir.

01

Dokunmaya Değer Bir Yüzey

Kütük, sayfadaki en büyük dokunsal nesnedir. Çapraz konumu dikkati ekran boyunca yönlendirir ve imlece tanınabilir bir hedef sunar. Efekti odun üzerinde tutmak, etkileşimi konuyla ilişkilendirir; imleci her yerde takip eden bir animasyon daha az özgül bir hikâye anlatırdı.

02

Puan Tablosu Olmadan Geri Bildirim

Yosun kaplama oranı, sahne kontrollerinin yanında ölçülü bir metinle gösterilir. Kampanya başlığıyla rekabet etmeden etkileşimin bir şey yaptığını doğrular. Büyüme daha sonra solup kaybolduğu için bu yüzdeyi birikimli bir başarı olarak değerlendirmek deneyimi yanlış yansıtırdı. Bekleme durumu etiketi, hareketsizlik ile başarısız bir sahne arasında ayrım yapılmasına yardımcı olur.

03

Atmosfer Üzerinde Kontrol

Döndürme ve yağmurun ayrı kontrolleri vardır; böylece hareket ve hava durumu birbirinden ayrılamayan tek bir efekt olmak zorunda kalmaz. Yakalanan hero görselinde yağmur devam ederken döndürme duraklatılmıştır. Bu, keşif odaklı bir sahnede kullanışlıdır: Ziyaretçiler sahneyi özgün kılan atmosferin tamamını kaybetmeden belirli bir alanı inceleyebilir.

Destek Tutarlarını Somut Faaliyetlerle İlişkilendirmek

Destek bölümü, üç fiyatı üç farklı çalışma türüne dönüştürür. Her sütun aynı sıralamayı tekrarlar: tutar, faaliyet, kısa açıklama ve eylem. Tekrarlanan bu yapı seçenekleri karşılaştırılabilir kılarken faaliyet adları sayıların rastgele fiyat kademelerine dönüşmesini önler.

Birimler bilinçli olarak farklı seçilmiştir; dolayısıyla sayfa, etki başına fiyat karşılaştırması oluşturmaz. Gerçek bir kampanyada bu ilişkiler için kanıt gerekir. Burada her düğmede Support (simulated) yazar ve yerel onay herhangi bir ödeme yapılmadığını tekrar belirtir. Tasarım, herhangi bir işlem sistemi bağlanmadan önce insanların seçenekleri nasıl anladığını test etmek için kullanışlıdır.

Orman Zemini Hikâyelerinden Gönüllü Formuna

Hero bölümünden sonra dört gözlem toprak, su, mantarlar ve orman örtüsünü tanıtır. Bunlar yosun büyütülerek açılan ödüller olarak değil, editoryal bir dizi şeklinde sunulur. Sayfa, okumanın etkileşim ilerlemesine bağlı olmadığını açıkça belirtir. Böylece sahneyi atlayan biri de aynı açıklamaya ve katılım seçeneklerine ulaşabilir.

1. Önce Nesneyi Açıklayın

   İlk gözlem, ölü odunu orman zeminine bağlar. Ardından su, mantarlar ve orman örtüsü konuyu aynı nesne etrafında genişletir. Bu yaklaşım, ilgisiz bir kampanya ifadesine aniden geçmek yerine okumayı ziyaretçinin daha önce gördüğü kütükle bağlantılı tutar.

2. Finansal Eylemin Ötesinde Seçenek Sunun

   Give a morning, destek seçeneklerinin ardından ayrı bir gönüllü formuyla gelir. Form ad, e-posta ve saha günü bilgilerini ister. Gün seçicisinde ölü odun araştırması, fidan dikimi ve yosun izleme yürüyüşü seçenekleri yer alır; böylece seçim, açıklamasız bir tarih yerine bir faaliyeti tanımlar.

3. Formun Sınırlarını Görünür Kılın

   Simüle edilmiş kayıt bildirimi alanların üzerinde yer alır; böylece bilgiler girilmeden önce okunabilir. Bu, alt bilgide gizlenen bir sorumluluk reddi beyanından daha önemlidir. Gerçek bir hizmette aynı alanın, bilgilerin nereye gittiğini ve ardından ne olacağını gerçeğe uygun biçimde açıklaması gerekir.

Bu Doğa Koruma Prototipinin Gösterdikleri

Yerel önizleme; işlenmiş bir etkileşimli sahneyi, yapılandırılabilir hareketi, editoryal içeriği ve simüle edilmiş katılım arayüzlerini gösterir. £15 tutarındaki destek iletişim kutusu yerel olarak açılmış ve onaylanmıştır. Bunun sonucunda herhangi bir ödeme, e-posta veya restorasyon çalışması gerçekleşmemiştir. Saha günü adları ve destek tutarları kurgusal örneklerdir; sahnedeki yosun yüzdesi çevresel etki olarak bildirilmemelidir.