Mobil tasarım ekranı küçültmekten fazlasını gerektirir.
Okuma ve gezinme
Başlıkların kırılmasını, satır uzunluğunu ve düğmelere rahat dokunulabilmesini farklı genişliklerde kontrol edin. Büyük menüler telefonda anlaşılır bir açılır yapıya dönüşmelidir.
Görseller ve formlar
Görsel en boy oranını koruyun, içerikleri gereksiz indirmeyin. Form türlerini doğru seçin ve hata mesajını ilgili alana yakın gösterin. Animasyonlarda hareket azaltma tercihine uyun.
Bir sonraki adım
İhtiyaçlarınızı ve mevcut durumunuzu not edin. Markanıza uygun yaklaşımı belirlemek için bizimle görüşebilir veya Yararlı Bilgiler alanındaki ücretsiz araçları kullanabilirsiniz.
Gerçek cihazda görev tamamlayın
Sayfayı telefonda açıp bir hizmet bulun, menüyü kullanın ve iletişim formunu gönderin. Simülatör görüntüsü yardımcıdır; fakat klavye, dokunma, ekran yönü ve bağlantı hızını gerçek cihazda da görmek gerekir.
Taşma ve dokunma alanlarını inceleyin
Uzun başlıklar, tablolar ve yan yana butonlar küçük ekranda sayfayı yatay taşırabilir. Kaydırılması gereken tabloları kendi alanında tutun. Yakın yerleştirilmiş küçük bağlantılar yanlış dokunmalara neden olabilir; aralık ve buton boyutlarını birlikte kontrol edin.
Uygulanabilir kontrol listesi
- 320–414 px gibi dar ekranlarda yatay taşma var mı?
- Menü açılıp kapanıyor ve içerik erişilebilir kalıyor mu?
- Form alanları ve hata mesajları okunaklı mı?
- Görseller oranını koruyor ve içerik sırası anlamlı mı?
Hareket ve sabit elemanları kontrol edin
Sabit destek butonları form düğmelerini veya çerez tercihlerini kapatmamalıdır. Animasyonlar metin okumayı zorlaştırmamalı, hareket azaltma tercihi dikkate alınmalıdır. Uzun sayfalarda başlık bağlantılarının sabit header altında kaybolmadığını da test edin.
