Mobil tasarım, masaüstü sayfanın küçültülmesinden daha fazlasıdır. Telefonda ziyaretçi kısa sürede hizmeti anlamalı, iletişim yolunu bulmalı ve formu zorlanmadan tamamlayabilmelidir.
İlk ekranın görevini belirleyin
Üst bölümde ne yaptığınızı anlatan kısa bir başlık, açıklama ve bir ana işlem sunun. Çok sayıda hareketli öğe ya da üst üste açılan pencereler ziyaretçinin odağını dağıtır. Slider kullanılıyorsa görsel boyutlarını önceden ayırın; video yüklenmeden önce kapak görseli gösterin ve hareketi durdurma olanağı bırakın.
Dokunma ve okuma rahatlığı
Butonları ve bağlantıları birbirine çok yakın yerleştirmeyin. Metinler büyütme gerektirmeden okunmalı; Arapça satır yüksekliği ayrıca kontrol edilmelidir. Menü açıldığında dil seçimi ve iletişim erişilebilir kalmalıdır. Uzun tablolar sayfanın tamamını yatay kaydırmak yerine kendi alanında kaydırılmalıdır.
Gerçek işlem akışını deneyin
Yalnızca ekran görüntüsünü incelemek yeterli değildir. Menüden hizmete gidin, formda hata oluşturun ve başarılı gönderimi deneyin. Mobil ve masaüstünde aynı temel içerik bulunmalıdır. Google’ın mobil öncelikli taraması için önemli metinleri yalnızca tıklamayla yüklenen alanların arkasına saklamayın.
Uygulamadan önce
- 320, 360 ve 390 piksel genişliklerde yatay taşma arayın.
- Form girişlerinde doğru klavye türünü kullanın.
- Yavaş bağlantıda ilk ekranı ve görsel yerleşimini kontrol edin.
Resmî başvuru kaynağı: Google
Bunu işletmenize uyarlayalım.
İhtiyacınızı anlatın; kapsamı, öncelikleri ve sonraki adımı birlikte belirleyelim.
Projenizi konuşalım ↗