Yeniden Akış (Reflow) Nedir?
Yeniden akış, ekran daraldığında veya içerik büyütüldüğünde metin ve kontrollerin okunabilir bir sırayla kullanılabilir alana yerleşmesidir.
Diğer Adları: Reflow
Bir Sipariş Özetini Büyütmek
Telefonunda metni büyüten kişi, sepetteki ürün adının yarısını görmek için ekranı sağa, fiyatını görmek için sola kaydırmak zorunda kalabilir. Masaüstünde yan yana duran ürün, adet ve tutar dar görünümde alt alta okunabilecek şekilde yerleştiğinde aynı karar daha kolay alınır. Özellikle birim fiyat ile satır toplamının etiketleri korunmalıdır. Rakamların sığması için yazıyı küçültmek ihtiyacı çözmez çünkü kullanıcı zaten daha büyük metin istemiştir.
Tablo ve Belge İstisnası
Bazı boyut tablolarında satır ve sütunların birlikte görülmesi anlam taşır. Tablonun kendi alanında yatay kaydırılabilmesiyle bütün ürün açıklamasının yatay taşması farklı durumlardır. Örneğin pantolon beden tablosu genişken sayfanın başlığı, beden seçicisi ve sepete ekleme düğmesi ekranın dışına itilmemelidir. Buna karşılık iki kısa teslimat seçeneğini sırf karşılaştırma tablosuna yerleştirdik diye sayfayı geniş tutmak için genellikle işlevsel sebep bulunmaz.
İçeriği Koruyan Görünüm
Denemede uzun ürün adı, kampanyalı fiyat, eski fiyat ve teslimat açıklaması bulunan bir örnek seçilir. Mağaza adı birkaç harften oluşan örnekle yapılan kontrol gerçek taşmayı gizleyebilir. Büyütmeden önce ve sonra aynı seçeneklerin seçilebildiği, toplamın okunabildiği ve ödeme eyleminin erişilebilir olduğu gözlenir. İçeriğin tek sütuna geçmesi yeterli görünse bile üstte kalan sabit kampanya bandı dar alanda satırların çoğunu kaplıyorsa ayrıca ele alınır.
Ücretin yakınında açıklanan birim bilgisinin alt satıra düşmesi kabul edilebilir, fakat birim bir sonraki ürünün fiyatıyla yan yana görünmemelidir. Örneğin metreyle satılan bir kumaş ile tek parça perde aynı sepetteyken satır sınırlarının nasıl korunduğuna bakılır. İçeriği büyüten müşterinin sipariş miktarını yanlış okuması bu örnekle kolay fark edilir.
Genişlik azaldığında iki sütundaki alanlar alt alta gelirken teslimat ve fatura için ayrı form alan kümesi kullanılması bölüm başlıklarını anlamlı tutar.
Bu Konuda Nasıl Destek Oluyoruz?
AdPix’in bu alandaki hizmet kapsamını ve çalışma sürecini inceleyin.
- Web TasarımKurumsal site ve mağaza arayüzü
Yeniden Akış (Reflow) Hakkında Sık Sorulan Sorular
Tarayıcıyı büyütmek ile pencereyi daraltmak aynı testi mi verir?
İkisi de yerleşim sorunlarını gösterebilir. Tarayıcı yakınlaştırması ve kullanıcının ayrı metin boyutu tercihi farklı sonuçlar üretebildiği için örnek ürünle ikisini de denemek yararlıdır.
Ürün fotoğrafı büyütüldüğünde kaydırma çıkması her zaman sorun mu?
Yakınlaştırılmış bir görselin ayrıntılarını kaydırarak incelemek işlevin parçası olabilir. Asıl metin, fiyat ve düğmelerin buna bağlı olarak ekran dışına taşması ayrı değerlendirilir.