10 Ekim 2026 · ONEWAY DIGITAL LTD
Okunabilirlik, navigasyon, görseller ve formlar için gerçek cihazlarda uygulanabilecek beş pratik kontrol.
1. Küçük ekranda ana mesajı okuyun
Ana sayfayı bir telefonda açın. Ne sunduğunuz ve ziyaretçinin bir sonraki adımı ilk bakışta anlaşılabiliyor mu? Metni büyütmeyi de deneyin. Başlıkların kesilmediğini, satırların ekran dışına taşmadığını ve içeriğin yakınlaştırmayla kullanılabilir kaldığını kontrol edin.
2. Menüyü ve bağlantıları deneyin
Menüyü açıp kapatın ve en önemli hizmet sayfanıza ulaşın. Dokunma hedefleri birbirinden ayırt edilebilir olmalı; klavye ile gezinirken de odak görünür kalmalıdır. Sadece fareyle üzerine gelince görünen bilgiler, dokunmatik cihazda da erişilebilir olmalıdır.
3. Görselleri ve sayfa yükünü kontrol edin
Büyük bir görseli küçük ekranda göstermek, dosyanın küçük olduğu anlamına gelmez. Görselleri kullanım boyutlarına uygun hazırlayın, anlamlı alternatif metinler ekleyin ve mümkünse farklı ekranlar için uygun boyutlar sunun. Sayfayı yalnızca hızlı ofis bağlantısında değil, daha yavaş bağlantılarda da deneyin.
4. Formu baştan sona tamamlayın
Alanların anlaşılır etiketleri olmalı. Eksik veya hatalı giriş yaptığınızda neyi düzeltmeniz gerektiği açıkça belirtilmelidir. Gönderim sonrasında yalnızca gerçekten gerçekleşen işlem açıklanmalıdır: bir e-posta taslağı açmak ile sunucuya mesaj iletmek aynı şey değildir.
5. Gerçek kullanıcı yolculuğunu tekrarlayın
Bir blog yazısından hizmet sayfasına, oradan iletişime ilerleyin. Geri düğmesini, dil seçimini ve dikey-yatay ekran geçişini deneyin. Birden fazla tarayıcı ve cihazda kontrol yapın. Bulduğunuz sorunları görsel ayrıntılar yerine kullanıcının işini engelleme derecesine göre sıralayın.
Kaynak ve ileri okuma: web.dev — Learn Responsive Design
Projenizi birlikte değerlendirelim →