Açılış sayfası kapağında mockup kullanmak

Kapak, ziyaretçilerin çoğunun okumaya devam edip etmeyeceğine karar verdiği yer. Oradaki cihaz mockup'ı tek bir iş yapıyor: ürünün var olduğunu kanıtlamak ve ne tür bir şey olduğunu, hiçbir yazı okunmadan, ilk saniyede göstermek. Nasıl dışa aktarıp yerleştireceğin de bu süreden çıkıyor.

Küçültme, cihazın içine kırp

Geniş ekranda kapakta yüzen bir bütün telefon küçük duruyor ve içindeki arayüz okunmaz oluyor. Cihaz bölümün altından ya da yanından taşacak şekilde kırp — tanınabilir üst kavis "telefon" demeye yetiyor — ve ekranın gerçek alan kaplamasına izin ver. Kırpılmış mockup'lar kırılma noktalarında da daha iyi ölçekleniyor, çünkü görselin tamamını küçültmek yerine kırpmayı kaydırabiliyorsun.

Önce durağan; ağırlığını hak ediyorsa video

Kapakta kendiliğinden oynayan mockup videosu hem etkili hem pahalı: ilk çizimi geciktiriyor, mobilde bant genişliği harcıyor ve pil tüketiyor. Kullanacaksan kısa ve sessiz tut, döngüye al, hemen bir şey görünsün diye kapak görseli ver ve küçük ekranlarda kapat. Çoğu zaman durağan bir kapak ve sayfanın alt kısmında kısa bir video, aynı dönüşümü çok daha hızlı yüklenerek sağlıyor.

Mockup'ın ışığını sayfayla eşleştir

Koyu zeminde render edilmiş bir cihaz beyaz sayfaya bırakıldığında, arka plan şeffaf olsa bile hep yapıştırılmış görünüyor; çünkü gövdedeki ışık koyu bir çevreyi ima ediyor. Mockup'ı sayfanın gerçekten kullandığı değere karşı render et. Yalnızca dışa aktarılmış görseli değil mockup projesini de saklamanın pratik gerekçesi bu: site yenilendiğinde rötuş değil yeniden render.