Duyarlı (Responsive) Tasarım

İlke

İnternet siteleri tasarlanırken farklı cihaz, ekran ve platformlardan erişim sağlanabileceği unutulmamalı, duyarlı tasarım prensipleri uygulanmalıdır.

Açıklama

Geniş ekran monitörler, masaüstü – dizüstü bilgisayarlar, tabletler ve her ölçekteki telefonlar için ayrı bir site ve bunlara karşılık gelen kod tabanı oluşturmak yerine, tek bir kod tablasının oluşturulması, farklı cihazlardan erişen kullanıcılara kolaylık sağlayacaktır. Duyarlı tasarım prensiplerine göre hazırlanan bir internet sitesinde sayfa öğeleri kullanıcı cihazlarına göre uyarlanacaktır. Duyarlı tasarım adı verilen bu tasarımın yazılım geliştirme perspektifinden de uzun vadede kolaylık getirdiği bilinmektedir.

Yönergeler

  • İnternet sitesine bilgisayar, tablet, telefon gibi farklı cihazlardan erişildiğinde, site içindeki resim, yazı gibi öğeler ekran genişliğine göre şekillenmeli, yatay kaydırma çubuğuna ihtiyaç duymaksızın sorunsuz olarak görüntülenmelidir.
  • Duyarlı tasarımda sayfa öğeleri sürekli yer değiştirdiği için tasarım ve geliştirme ekipleri yakın çalışmalıdır.
  • Duyarlı tasarıma göre hazırlanmış bir internet sitesi, masaüstü platformda çok güzel bir kullanım deneyimi sunabilirken, mobil cihazlarda kullanıcılara kötü bir deneyim yaşatabilir. Sayfa öğeleri diziliminin değiştiği her tasarım için kullanılabilirlik çalışması yapılmalıdır.
  • İnternet sitesinin tam ekranda kullanılması zorunlu olarak kullanıcıdan istenmemelidir.

Referanslar

  • ISO 9241-151 / 7.2.2 – Independence of content, structure and presentation
  • ISO 9241-151 / 9.3.14 – Using appropriate techniques for defining the layout of a page
  • ISO 9241-151 / 10.9 – Designing for input device independence

Faydalı Kaynaklar