Telefon ekranında sayaç

Günümüz mobil cihazlarının fiziksel sınırları, web düzenlerinin nasıl davrandığını ve öğelerin birbiriyle nasıl etkileştiğini temelden değiştirir. Geniş bir masaüstü monitörde kusursuz orantılı görünen bir düzen öğesi, bir akıllı telefon ekranının dar sınırlarına sıkıştırıldığında kolayca ciddi yapısal sorunlara yol açabilir.

Sabit boyutlu dış bir grafik eklemek, aksi hâlde esnek ve akışkan olan bir ortama katı bir blok sokar.

Bu blok kullanılabilir ekran alanından genişse, düzenin sınırlarını aşar. Böylece tüm web sayfası yatay olarak kaydırılabilir hâle gelir; bu, metin okumayı son derece sinir bozucu kılan bir etkidir.

Sayfayı yana kaydıran çubuk

Mobil cihazda sayfaya uymayan bir grafiğin en yaygın belirtisi, tarayıcı penceresinin altında aniden beliren yatay kaydırma çubuğudur. Sabit genişlikli bir görsel küçülmeyi reddettiğinde tarayıcı, sanal tuvali cam ekranın fiziksel kenarlarının ötesine genişleterek ona yer açar.

Okur bir yazıda aşağı kaydırmaya çalıştıkça metin sürekli sağa sola oynar. Bu dengesizlik okuma deneyimini mahveder ve bozuk, özensiz bir web sitesi izlenimi verir.

Bunu önlemek için seçilen görsel tasarımın azami genişliği, eski bir akıllı telefon ekranının standart genişliğinin güvenle altında kalmalıdır. Katalogdan kompakt bir tasarım seçmek, düzenin istemeden genişlemesi riskini tamamen ortadan kaldırır.

Okunamayacak kadar küçük rakamlar

Bir diğer önemli sorun, bir grafik yakınlaştırmadan seçilemeyecek kadar küçük yazı ya da rakamlar içerdiğinde ortaya çıkar. Masaüstü monitör minik yazıların rahatça okunmasına izin verirken, kol mesafesinde tutulan bir telefon ekranı daha büyük ve daha net bir tipografi ister.

Görseldeki rakamlar olağan mobil boyutlarda okunmuyorsa, öğe bütün amacını yitirir. Bilgi veren bir araç olmaktan çıkıp anlamsız bir piksel yığınına dönüşür.

Süslü kenarlıklar ya da arka plan resimleri yerine büyük, yüksek kontrastlı rakamlara öncelik veren bir tasarım seçmek şarttır. Sayısal değer, iki parmakla yakınlaştırmaya gerek kalmadan ilk bakışta tanınabilmelidir.

Dar ekranda nereye düşer

Mobil kullanım için iyileştirme yaparken öğenin konumu da farklı bir yaklaşım gerektirir. Daha önce ele alındığı gibi, dar ekranlarda yan sütunlar genellikle ana içeriğin altına dizilerek sayfanın en dibine sürülür.

Bu, kenar çubuğuna yerleştirilen bir öğenin sonunda alt bilgi alanındaki öğelerin hemen yanına düşeceği anlamına gelir. İki alan da katı grafikler ya da geniş metin blokları içeriyorsa, bu alt alta dizilişe zorlandıklarında çarpışabilir ve biçimsizce üst üste binebilir.

Alt bilgi alanında temiz, ortalanmış bir hizalama genellikle en sağlam çözümdür. Öğeyi ortalamak, ekranın iki kenarına da eşit uzaklıkta kalmasını sağlar ve cihaz hangi yönde tutulursa tutulsun kusursuzca uyum sağlayan dengeli, ahenkli bir görünüm yaratır.