Kod KâşifiMERAK ET. DENE. KEŞFET.Bir şey öğren
TASARIM4 DK OKUMA

Aynı sayfa telefonda ve yatay ekranda

Bir bilgisayar ekranında düzenli görünen sayfa, telefon dar tutulunca taşabilir. Ekranın biçimi değişse de bilginin anlaşılır kalması için tasarım uyum sağlamalıdır.

Renkli sayfa düzenleri ve katmanlarla dolu yaratıcı bir tasarım masası
Bir fikri anlaşılır ve kullanılabilir bir tasarıma dönüştür. Kod Kâşifi için üretilen yapay zekâ illüstrasyonu.

Sınıf sunumunda yön değişince

Deniz, sınıf gezisi için bir bilgi sayfası hazırladı. Dizüstü bilgisayarda üç sütun yan yana duruyordu. Öğretmeni sayfayı telefonda açınca sütunlar daraldı, kelimeler tek tek satırlara bölündü. Telefonu yatay çevirdiğinde daha geniş bir alan oluştu, ancak düğmelerin yeri yine de karışık kaldı. Deniz aynı içeriğin farklı ekranlarda nasıl davranacağını düşünmesi gerektiğini gördü.

Ekran genişliği değişir

Dikey telefonda kullanılabilir alan genellikle dardır. Bu nedenle yan yana duran öğeler alt alta taşınabilir, yazı büyütülebilir ve menü daha sade hale gelebilir. Geniş ekranda ise aynı öğeler sütunlar halinde yer alabilir. Uyumlu tasarım, sayfayı her boyutta küçültmek değildir; içeriği o alan için yeniden düzenlemektir. Metnin sırası ve önemli işlevler kolay bulunur kalmalıdır.

Yatay görünümün ayrı fırsatı

Telefon yatay tutulduğunda genişlik artar, yükseklik azalır. Harita veya geniş bir tablo daha rahat görülebilir; fakat uzun sayfada aşağı kaydırmak için daha az yer kalır. Bu durumda başlıklar ve ana işlem görünür kalmalı, ek bilgiler aşağıda sürdürülebilir. Tasarımcı hem ekranın yönünü hem de kullanıcının ne yapmaya çalıştığını hesaba katar.

Önce önemli içerik

Dar ekranda her şeyi aynı anda göstermek mümkün olmayabilir. Önem sırasını belirlemek işe yarar: Gezi saati ve buluşma yeri, dekoratif bir resimden önce gelmelidir. Gereksiz öğeleri saklamak veya daha alt bölüme almak ekranı rahatlatır. Ancak önemli bilgi başka bir yere taşınırsa okur onu kolayca bulabilmelidir. Düzen değişirken anlamın kaybolmaması gerekir.

Yanılgı: küçültmek yeterlidir

Büyük sayfanın tamamını minik hale getirmek, telefonda yazıyı okunamaz yapar. Bazı kutular ekrana sığmayabilir ve kullanıcı yana doğru kaydırmak zorunda kalabilir. Daha iyi bir düzen, içeriği tek sütuna taşımak, başlığı korumak ve dokunma alanlarını rahat bırakmak olabilir. Aynı tasarımın her ekranda aynı görünmesi beklenmez; aynı işi yapabilmesi beklenir.

Kâğıt ekran deneyi

Bir kâğıda geniş bir dikdörtgen çizip içine başlık, üç bilgi kutusu ve bir düğme yerleştir. Sonra kâğıdı dar bir telefon şekliyle yeniden çiz. Hangi kutuları alta alacağını ve hangisinin önce görünmesi gerektiğini belirle. Ardından dikdörtgeni yatay çevirip düzeni tekrar düşün. Her iki durumda da en önemli bilgi bulunabiliyor mu?

Kullanım biçimini gözle

Bir sayfayı tasarlarken yalnızca ekran ölçüsünü değil, kişinin onu nasıl tuttuğunu da düşün. Yürürken tek elle kullanan biriyle sınıfta masaya koyan birinin ihtiyaçları farklı olabilir. Arkadaşından sayfayı dar ve geniş kâğıt şablonlarında incelemesini iste. Hangi bölüm gözden kaçtı? İyi uyum, farklı biçimlerde de ana görevin anlaşılır kalmasıdır.

KEŞFE DEVAM

Bir sonraki merakın ne?

{ }TASARIM
3 DK OKUMA

Erişilebilir tasarım herkes için

Bir uygulama ya da sayfa, farklı ihtiyaçları olan kişiler tarafından da kullanılabiliyorsa daha çok kişiye yardımcı olur. Küçük tasarım seçimleri büyük fark yaratabilir.

Yazıyı oku
TASARIM
4 DK OKUMAYeni keşif

Ekranda rahat okunan yazının küçük sırları

Bir paragrafı okurken satırın sonunu bulmak için gözlerin yoruluyorsa, sorun sende olmayabilir. Yazı biçimi ve satır uzunluğu okuma rahatlığını değiştirir.

Yazıyı oku
TASARIM
3 DK OKUMAYeni keşif

Boş görünen alanlar aslında ne işe yarar?

Bir sayfada hiçbir şey yazmayan alanlar boşa harcanmış gibi görünebilir. Oysa doğru boşluk, önemli bilgiyi fark etmeyi kolaylaştırır.

Yazıyı oku