Mobilde iyi bir 3D web deneyimi nasıl tasarlanır?

Parmağın bir fare imleci değil

Masaüstünde bir nesnenin üzerine geldiğinde değişen ışık, tıklanabilir olduğunu anlatabilir. Telefonda ise böyle bir bekleme hareketi yok. Bu nedenle önemli etkileşimler yalnızca hover’a bağlı kalmamalı. Nesnenin yanında kısa bir işaret, altta açık bir menü veya dokunulabilir bir yazı listesi bulunabilir.

Kaydırma ile dokunmayı ayırmak da aynı derecede önemli. Kamerayı döndürmek için parmağını sürükleyen kişinin yanlışlıkla bir yazı açmasını istemeyiz. Bir hareketi tıklama saymadan önce mesafesini ve iptal edilip edilmediğini izlemek, deneyimin küçük ama hissedilir ayrıntılarından biri.

Kamerayı küçük ekrana göre yeniden yerleştir

Geniş bir duvarda yan yana on yazı masaüstünde anlaşılır görünebilir. Aynı açı telefonda bütün başlıkları küçültür. Blog odasında bu yüzden duvarı duraklar hâlinde gezme fikri var. Bir seferde daha az sticker görürsün; metni seçmek için sürekli yakınlaştırmak zorunda kalmazsın.

Kamera uzaklığı tek başına çözüm değil. Üst menü ve alt kontroller, kullanabileceğimiz görünür alanı azaltır. Tasarımı hem dikey hem yatay ekranda, kısa ekranlarda ve yazı boyutu değiştiğinde kontrol etmek gerekir. Görselin ekran içinde olması, rahat okunabildiği anlamına gelmez.

Yükleme ve okuma aynı ritimde ilerlesin

İlk açılışta bütün yüksek çözünürlüklü görselleri indirmek yerine önce görünen sahneyi hazırlamak daha kontrollü bir başlangıç sağlar. Bir içerik yüklenemezse yalnızca dönen bir işaret göstermemek gerekir; ziyaretçinin yeniden denemesi veya normal sayfaya gitmesi için bir yol bulunmalı.

Okuma sırasında sahnenin hareketini durdurmak da bu yaklaşımın devamı. İnsan yazıya odaklanırken arka planda devamlı kamera veya nesne hareketi gerekmiyor. Daha az hareket tercih eden ziyaretçiler için geçişlerin kısalması ya da kapanması, deneyimin farklı kullanım biçimlerine saygı göstermesidir.

Ölçümde tek bir puana takılmamak

Google’ın Web Vitals yaklaşımı; yükleme, etkileşime yanıt ve görsel kararlılık için LCP, INP ve CLS ölçümlerini kullanır. Bunlar yararlı sinyallerdir. Yine de iyi bir puan, bir kişinin sahnede yolunu bulduğunu tek başına kanıtlamaz. Teknik ölçüme görev testi de eklemek gerekir.

• İlk ziyaretçi yardım almadan bir yazıyı açıp kapatabiliyor mu?
• Parmakla kamera hareketi yanlış içerik açıyor mu?
• Yazı açıkken arka plandaki sahne hareket ediyor mu?
• Geri dönüldüğünde aynı duvar ve seçilen yazı korunuyor mu?
• 3D kullanılamadığında içerik bağlantıları çalışıyor mu?

Tarayıcıdaki mobil boyut kontrolleri bir başlangıçtır; gerçek telefonların bellek, dokunma ve grafik davranışının yerini bütünüyle tutmaz. Bir test sonucu paylaşırken hangi cihazı veya hangi benzetimi kullandığımızı söylemek, tasarım kadar teslimatın da açık olmasını sağlar.