Mobil öncelikli tasarım nedir, neden artık zorunlu?

Google, sitenizi sıralarken artık öncelikle mobil sürümüne bakıyor — masaüstüne değil. "Önce masaüstünü yapalım, mobili sonra hallederiz" yaklaşımı, hem kullanıcı hem arama motoru için tersten başlamak demek.

"Mobil uyumlu" ile "mobil öncelikli" aynı şey değil

Mobil uyumlu (responsive) bir site, masaüstü için tasarlanıp küçük ekrana sıkıştırılmış olabilir — teknik olarak çalışır ama deneyim ikinci sınıftır. Mobil öncelikli tasarım ise en dar ekrandan başlar: önce telefonda nasıl görüneceği, nasıl kullanılacağı kurgulanır, sonra geniş ekranlara doğru genişletilir. Sonuç, her iki ekranda da kendi doğal yerinde duran bir tasarımdır.

Google'ın "mobile-first indexing"i ne demek?

Google, bir sayfayı değerlendirirken artık öncelikli olarak mobil sürümünü tarar ve sıralamasını buna göre yapar. Yani sitenizin masaüstünde kusursuz, mobilde eksik/yavaş olması durumunda, arama sıralamanız masaüstü kalitesine göre değil, mobil kalitesine göre şekillenir.

Dokunma hedefleri: küçük butonlar gerçek bir sorun

Parmakla dokunmak, fare imleciyle tıklamaktan çok daha az hassastır. Genel kabul gören kural, dokunulabilir öğelerin (buton, link, menü ikonu) en az 44×44 piksel olmasıdır. Bundan küçük hedefler; yanlış tıklama, kullanıcı hayal kırıklığı ve terk edilen sayfalar demektir.

Metin boyutu ve satır uzunluğu

Masaüstünde güzel duran 14px bir metin, mobilde zorlanarak okunur. Mobilde gövde metni genelde 16px'in altına inmemeli, satırlar da ekranı tam doldurup göz yormamalı — kısa, nefes alan paragraflar tercih edilmeli.

Mobilde "gizli" menüler dikkatli tasarlanmalı

Hamburger menü (☰) pratik bir çözümdür ama kötü uygulanırsa (küçük dokunma alanı, dışarı tıklayınca kapanmaması, ekran okuyucularla uyumsuzluk) kullanıcıyı kilitleyebilir. Menü; kolay açılmalı, kolay kapanmalı ve klavye/ekran okuyucu ile de erişilebilir olmalı.

Sonuç

Mobil öncelikli tasarım bir trend değil, ziyaretçilerinizin gerçekte nasıl geldiğinin bir yansıması. Bugün çoğu sektörde trafiğin yarısından fazlası mobilden geliyor — sitenizin en iyi hâli, o ekranda olmalı.