KAMİS
Sayfa Yapısı
İlke
Açıklama
Yönergeler
- Hata mesajlarının içerikleri, kullanıcılara hatanın nedenini ve nasıl düzeltilebileceğini açık ve anlaşılır bir dille sunmalıdır.
- Hata mesajları verilirken, kullanıcının anlamayacağı ya da karışıklık yaşayabileceği hata kodlarının ve teknik ifadelerinin kullanımından kaçınılmalıdır.
- Hata mesajlarının internet sitesi içeriği ile aynı dilde verilmesine dikkat edilmelidir.
- Hata mesajının içinde kullanıcının girmiş olduğu veri mümkünse gösterilmelidir. Bu şekilde kullanıcının hatasını görerek fark etmesi sağlanacaktır.
- Hatanın oluşmasında kullanıcının yapmak istediği görev açıklanmalıdır. Birçok hata kullanıcının yapmak istediği değil, bir başka görevi seçmesi sonucunda oluşur. Bu nedenle hata mesajları hedef görevi tanımlamalıdır (Örn: 2011 yılı içerisindeki envanter kayıtlarında aramış olduğunuz “kamis” kaydına ulaşılamamaktadır).
- Hata mesajlarının verilmesi için gecikmeden harekete geçilmelidir. Bir opsiyonu seçtikten sonra bir ya da birkaç aşamanın ardından bu opsiyonun geçerli olmadığını belirtmek yanlıştır. Hatalar doğru zamanda tespit edilip olabildiğince erken ve hata bilgisi içerecek biçimde kullanıcıya sunulmalı, düzeltme için mümkünse olanak sağlanmalıdır.
- Gerçek anlamda gerekmedikçe “Üzgünüz. Daha sonra tekrar deneyiniz” türünde mesajlar kullanılmamalıdır.
- Veri sorgulama sistemlerinde bazı durumlarda kaydın bulunamaması arayüzde hata olarak yorumlanmamalı, kullanıcıya olumsuzluk içeren bir mesaj dili ve ikon gösterilmemelidir
- Hata mesajları ile uyarı mesajları birbirine karıştırılmamalı, gerek söz dizimsel ve anlamsal, gerekse görsel olarak birbirinden ayrı ve tutarlı tasarlanmalıdır.
Referanslar
- ISO 9241-151 / 10.3.2 – Providing clear error messages
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Sayfanın bölümleri arasında beyaz alan kullanımına özen gösterilmelidir.
- Görsel ve metin içeriklerinin arasına tutarlı olacak şekilde beyaz alan eklenmelidir.
- Metin içeriklerinin satır aralıkları ve paragraf arasında kullanılan boşluklar gözü yormayacak şekilde tasarlanmalıdır.
- Simetriye, kullanılan beyaz alanların dengeli olmasına ve tutarlılığa dikkat edilmeli, bileşenlerin hizalanması özellikle ihmal edilmemelidir.
Referanslar
- ISO 9241-151 / 9.3.17 – Use of “white space”
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- İnternet sitesi kodlanırken tarayıcıların destekledikleri güncel diller tercih edilmelidir.
- Farklı tarayıcılarda problem yaratabilen HTML diline ait çerçeve () etiketini kullanmamaya özen gösterilmelidir.
- IFRAME etiketi de benzer şekilde zorunlu olmadıkça kullanılmaması gereken bir etiket olarak değerlendirilmelidir.
Referanslar
- ISO 9241-151 / 9.3.10 – Using frames with care
- ISO 9241-151 / 99.3.11 – Providing alternatives to frame-based presentation
- ISO 9241-151 / 9.3.12 – Providing alternative text-only pages
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Uzun sayfa kullanımının zorunlu olduğu durumlarda dikey kaydırma çubuğu kullanılmalıdır.
- Dikey kaydırma çubuğu kullanılsa bile sayfa içinde navigasyon sağlayacak bağlantılara yer verilmelidir.
- Sayfa içeriğinin sonlandığını düşündürecek bileşenlerin kullanımından kaçınılmalıdır. Kullanıcıların sayfanın en altında bekledikleri bileşenler birinci ekran kısmının görünür bölümünün alt kısmına yerleştirildiği takdirde kullanıcılar daha aşağıda içerik olmadığını düşünmektedir.
- Özel bir durum olmadığı ya da nihai metin dokümanı görüntülenmediği sürece 5-6 ekran boyundan daha uzun kaydırmanın tercih edilmemesi uygun görülmektedir.
Referanslar
- ISO 9241-151 / 8.4.14 – Subdividing long pages
- ISO 9241-151 / 9.3.7 – Minimize vertical scrolling
Faydalı Kaynaklar
- –
Önem Derecesi
Örnek
İlke
Açıklama
Temel görsel tasarım prensipleri, uzun süren deneysel çalışmalar, denenmiş tasarımların olgunlaşması ve psikolojik çalışmalarla ortaya konulmuş, insanların görsel algı sisteminin nasıl çalıştığını açıklayan bir dizi kurallar ilkesidir.
Örneğin, yakınlık (proximity) prensibine göre birbiri ile ilişkili olan menülerin, bağlantıların, ikonların ve resimlerin birbirlerine yakın olacak şekilde yerleştirilmesi, anlamsal olarak özümsenmelerini kolaylaştırmaktadır.
Diğer taraftan, benzerlik (similarity) prensibine göre renk, şekil, boy ve pozisyon olarak benzeyen öğeler birbirleri ile ilişkili olarak değerlendirileceği için, benzer fonksiyonların bu sembollerle belirtilmesi daha güçlendirici etki yapmaktadır. Örneğin, << < II > >> sembolleri, yan yana durduğunda ileri geri navigasyon yapısı algısı uyandırırken bunun yerine benzerlik algısı yaratmayan farklı semboller kullanıldığında aynı etki sağlanamamaktadır.
Görsel tasarım prensipleri çok boyutlu olup bu konuda yazılmış olan önemli kitapların ve dokümanların tasarımcı tarafından okunması büyük önem taşımaktadır. Görsel denge, beyaz alan kullanımı, renk ağırlıkları, karşıt renkler, sıcak soğuk renkler, geometrik dengeler, Gutenberg deseni, altın oran gibi prensiplerin öğrenilmesi, site başarısında büyük fayda sağlayabilmektedir.
Yönergeler
- İnternet sitesinde, aynı sayfada ya da farklı sayfalarda kullanılan öğeler birbirini tamamlamalı ve bir bütünün parçaları gibi tutarlı olmalıdır.
- Birbiri ile ilişkili olan menüler, bağlantılar, ikon ve resimler birbirlerine yakın olacak şekilde gruplanmalıdır.
- Renk, şekil, boy ve pozisyon olarak benzeyen öğeler (düğme, menü, bağlantı vb.) benzer şekilde biçimlendirilmelidir.
- Önemli olan ve dikkat çekmesi istenen öğeler diğerlerine göre daha belirgin (boyut, renk, pozisyon, şekil vb.) olarak tasarlanmalıdır. Bunu yaparken tutarlılık ilkesine dikkat edilmelidir.
Referanslar
- ISO 9241-151 / 7.1.3 – Appropriateness of content for the target group and tasks
- ISO 9241-151 / 9.2 – Observing principles of human perception
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- İçerikler hazırlanırken yabancı kelimeler, teknik terimler ve kısaltmalar mutlaka açıklamaları ile birlikte verilmelidir.
- Hedef kitlenin yaşı, cinsiyeti, eğitim durumu, sosyo-ekonomik seviyesi gibi özellikler göz önünde bulundurularak açık ve anlaşılır bir dil tercih edilmelidir.
- Site içindeki başlıklar ve görseller ile site içeriği tutarlı olmalı, kullanıcıların aradığı bilgiye doğrudan ulaşabilmesi sağlanmalıdır. Cümle uzunluğu kısa tutulmalı, çok fazla satırlı ve devrik cümlelerden kaçınılmalıdır.
- İçeriklerde tutarlı bir anlatım dili kullanılmalı ve mümkün olduğunca aynı kalemden çıkmış izlenimi verilmelidir.
Referanslar
- ISO 9241-151 / 6.6 – Recognizing the purpose of a Web application
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- İnternet sitesi tasarımına başlamadan önce bütün menü ve içeriklerin bulunduğu; mantıksal ilişkilerin ve bilgilerin önem sırasının görüldüğü bir site haritası hazırlanmalıdır.
- İçerikler düzenlenirken ilgi (yakınlık) diyagramları, UML (Birleşik Modelleme Dili) diyagramları ya da kavram haritaları kullanılabilir.
- Site hazırlanmadan önce örnek bir kullanıcı kitlesi ile kart sıralama tekniği çalışması yapılarak menü ve içerikler gruplanabilir.
Referanslar
- ISO 9241-151 / 7.1.2 – Designing the conceptual model
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- Açık ve anlaşılır olan bağlantı metinleri için ipucu metni kullanılmamalıdır.
- Bağlantı metinlerinin gerekli durumlarda ipucu metinleri ile desteklenmesi anlaşılırlığını artıracağı için kullanımı tercih edilebilir.
- Dokunmatik ekranlı cihazlarda kullanılan tarayıcılarda ipucu metninin gösterilemeyeceği dikkate alınmalıdır. Ancak 3B dokunma (3D touch) teknolojisinin yaygınlaşması ile bu durum ortadan kalkabilir.
- Metinsel etiketi olmayan arayüz öğeleri için ipucu metni kullanılmalıdır.
- Kullanıcılar tarafından çok sık kullanılmayan ve belirli internet sitelerine özel tasarım öğeleri için ipucu metni kullanılmalıdır.
- İpucu metni kullanımı yerine tasarım öğesinin anlaşılır hale getirilmesi tercih edilmelidir. Bir tasarım öğesi ipucu metni kullanımını gerektiriyor ise genel bir kaide olarak bu öğenin kötü tasarlandığı söylenebilir.
- Kullanıcıların ipucu metninde yer alan içerik ile etkileşimi gerekiyorsa, bu içerik ipucu metni olarak sunulmamalıdır.
- İpucu metinleri, kolaylıkla keşfedilebilir bir tasarım ile sunulmalıdır. Kullanıcılar görsel ipuçları olmadığı sürece hangi öğelerin ipucu metni içerdiğini anlamakta zorlanabilirler.
- İpucu metinleri kısa ve açıklayıcı / yardımcı bilgiler içermeli, ekranda var olan bilgilerin tekrarı olmamalıdır.
- Statik / sabit içeriğe sahip olmalı, içeriği sürekli değişmemelidir.
- Yerleşimi ve tasarımı uygun, anlaşılır olmalı; farklı ve etkileşim kurulabilir tasarım öğelerini anımsatmamalıdır.
- Bağlantıların amacı ya da nasıl bir içeriğe erişim sağladığı, ipucu metinleri ile kullanıcıya sunulabilir.
- İpucu metni, temel navigasyon sürecinin gerçekleşmesi için gerekli temel bilgilerin hepsini barındırmamalı, yalnızca yardımcı bilgi olarak yer almalıdır. Kullanıcı ipucu metinlerini mutlaka okumak zorunda bırakılmamalıdır.
Referanslar
- ISO 9241-151 / 9.4.5 – Self-explanatory link cues
- ISO 9241-151 / 9.4.9 – Marking links to special targets
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- Veri girişi, sorgulama vb. işlemlerin yapıldığı sayfalarda gruplama ve bölümlendirme yapılmalıdır.
- Kullanıcıların veri girişi yapacağı alanlar ile işlem sonucunu gösteren alanlar görsel olarak birbirinden ayrılmalıdır.
- Kullanıcıların tarayıcı özelliklerine ihtiyaç duymadan işlemler arasında gezinebilmesi sağlanabilmelidir.
- Verilen hata, uyarı ve bilgi mesajları, içerikten belirgin şekilde ayırt edilebilmelidir.
- Düşey hizalama yapılmalı, düşey olarak hizalanan bileşenlerin oluşturdukları toplam grup sayısı en aza indirilmelidir.
Referanslar
- ISO 9241-151 / 7.1.6 – Level of granularity
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Siteye ilk girişte açılır pencere (pop-up) kullanımından kaçınılmalıdır.
- Açılır pencere kullanılması gerekliyse, kullanıcılara mutlaka bu pencereyi kapatabilme seçeneği sunulmalıdır.
- Kullanıcıya bir kez açılması beklenen önemli duyurular siteye ilk girişte görüntülenmeli, yeniden ziyarette tekrar açılmaması için çerez yöntemi ile önlem alınmalıdır. Kullanıcıların tamamının ana sayfadan siteye girmediği, arama motorlarından alt sayfalara doğrudan erişimin önemli boyutta olduğu ve yalnızca ana sayfaya yerleştirilen önemli duyuru vb. içeriklerin tüm kullanıcılara ulaşmayabileceği unutulmamalıdır.
Referanslar
- ISO 9241-151 / 8.3.10.1 – Avoiding unnecessary splash screens
- ISO 9241-151 / 8.3.10.2 – Skipping splash screens
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Bir bağlantıya tıklandığında yeni pencerede ya da yeni sekmede açılan sayfalar hakkında kullanıcılar bilgilendirilmelidir.
- Kullanıcı isteği dışında açılan bu pencereler, sadece mevcut sayfadan çıkılmasının istenmediği durumlarda ya da yardım sayfalarında kullanılmalıdır.
- İçeriklerin yeni sayfada açılmasının gerekli olduğu durumlarda ise kullanıcılara bu bilgi anlaşılır olacak şekilde verilmelidir.
- Yeni pencere açıldığında kullanıcılar tarafından boyut ayarının yapılabilmesi engellenmemelidir.
Referanslar
- ISO 9241-151 / 8.3.11 – Avoiding opening unnecessary windows
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Liste elemanlarının metin özellikleri, arka plan rengi ve biçimlendirmesi tutarlı olmalıdır.
- Listeler içerdikleri elemanların alakalarına göre gruplandırılmalıdır. Gruplara içeriklerine göre anlamlı başlıklar verilmeli ve her liste elemanı sadece ilgili olduğu başlık altında yer almalıdır.
- Bir listede 7 bileşenin üstüne çıkıldığı takdirde gruplama ya da ara çizgi ile bileşenler mantıksal olarak ayrılmalıdır.
- Listelerde kronolojik ya da önem sırasına göre sıralama yapılmalı, önemli olanlar ve önce yapılanlar daha üste yerleştirilmelidir. Hiçbir sıralama verisi yok ise alfabetik sıralama tercih edilmelidir.
Referanslar
- –
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- İnternet sitesinin genelinde kullanılan renkler tutarlı ve birbiriyle uyumlu olmalıdır.
- Kullanılan renklerin, sunulan içeriklerin okunabilirliğini ve anlamını olumsuz etkilememesine dikkat edilmelidir.
- Sayfa içinde ve sayfalar arasında 3-4 farklı çeşitten fazla renk kullanımından kaçınılmalıdır.
- Kullanılan ana renklerde, kurumun logosu, kurumun faaliyet alanı ve özelliklerini işaret eden renkler üzerinden hareketle kararlar verilebilir.
- İnternet sitesi genelinde renk ve arka plan uyumuna dikkat edilmelidir.
- Renklerin anlamları mutlaka dikkate alınmalıdır
- Yalnızca renk ile bir bilgi iletilmemelidir. Renk sorunu olan monitörler ya da renk görme sorunu olanlar bu konuda sıkıntı yaşayacaklardır
- Yüksek doygunlukta renkli arka plan kullanılmamalı, kırmızı üzerine mavi, mavi üzerine kırmızı, yeşil üzerine kırmızı ya da kırmızı üzerine yeşil gibi yalnızca renk kontrastına dayalı metin gösterimi yapılmamalıdır.
- Aksini gerektiren önemli bir sebep olmadığı sürece yüksek doygunlukta renkler yerine pastel renklerin tercih edilmesi uygundur.
Referanslar
- ISO 9241-303 – Requirements for electronic visual displays
- ISO 9241-151 / 9.3.9 – Using color
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Hedef kitlenin ihtiyaç duymadığı ya da kaldırıldığında eksikliğini hissetmeyeceği öğelerin hiçbiri internet sitesinde yer almamalıdır.
- İçeriğin kısımlara bölünmesi ve başlıklar altında toplanması anlaşılırlığını artıracaktır.
- Gereksiz tekrarlardan ve ağdalı cümlelerden kaçınılmalıdır.
- Başkanımız, Müdürümüz gibi konuşma dili kullanımlarından olabildiğince kaçınılmalı, birden çok ünlem işareti içeren konuşma yapıları kullanılmamalıdır.
- Görsel tasarım prensipleri uyarınca görsel karmaşa oluşturacak bileşenler sayfadan çıkarılmalıdır.
- Beyaz boşlukların yeterli ölçüde kullanılmasına dikkat edilmelidir.
Referanslar
- ISO 9241-151 / 7.1.5 – Structuring content appropriately
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- Kullanıcıların kısa sürede daha fazla bilgiye ulaşması amaçlanıyorsa satır uzunlukları 75-100 karakterden daha uzun olmamalıdır.
- Uzun satırlar kullanmak yerine, madde imleri ve bölümlendirme tekniklerinden faydalanılmalıdır.
- “Serif” fontların “Sans-Serif” fontlara oranla daha kolay okunması nedeniyle metin içinde “Serif” fontlar (Örn. Times New Roman, Palatino, Cambria vb. kenarları çentikli) tercih edilmelidir
- Harflerin geniş olduğu fontların birim alanda daha az metin içereceği ve daha çok göz hareketi gerektireceği düşünülerek uygun font seçimi yapılmalıdır.
Referanslar
- ISO 9241-151 / 7.1.6 – Level of granularity
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Ana sayfada ve alt sayfalarda sıkça kullanılan ya da önemli olan işlemlerin / bilgilerin görünür olması ve kolay ulaşılması sağlanmalıdır.
- Kullanıcılar genellikle sayfalarda sola ve üste odaklanmaktadırlar. Bu sebeple, sık kullanılan bilgiler tercihen bu alana yerleştirilebilir.
- Sıralama, kullanım sıklığına ve kronolojik öncelik-sonralık ilişkisi göz önünde bulundurularak yapılandırılmalıdır. Hiçbir ilişki olmadığı takdirde alfabetik ilişkiye dayandırılmalıdır.
- İşlemlerin / bilgilerin yerleri dinamik olarak sık sık değiştirilmemelidir.
Referanslar
- ISO 9241-151 / 6.7 – Prioritizing different design goals
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- İnternet sayfasındaki içerikler farklı kişiler tarafından gözden geçirilmeli; hatalı ya da eksik içerikler düzeltilmelidir.
- İçerikler hazırlanırken kurumun misyonu ve vizyonu ile kurumun sunduğu hizmetler göz önünde bulundurulmalı, kullanıcıların beklentilerini karşılayacak bağlantı ve içeriklere yer verilmelidir.
- İçeriğin daha anlaşılır hale getirilmesi için kullanıcıları aşırı ve gereksiz bilgiye boğmak yerine, içeriğin kimler için olduğu, içerikte ne olduğu, bilgilerin ne zaman oluşturulduğu, içerik ile ilgili varsa bir yer bilgisinin belirtilmesi ve neden böyle bir içeriğin hazırlandığına dair soruların cevaplanabilir olmasına dikkat edilmelidir.
- Kurumun hedef kitlesi için gereksiz ya da önemsiz olan hiçbir içerik (metin, görsel vb.) internet sitesinde yer almamalıdır.
- Basılı metne oranla daha kısa içerikler kullanılmalı, taramaya uygun yapıda basılı materyale oranla daha çok sayıda bölüm, paragraf ve başlıklarla desteklenmelidir.
Referanslar
- ISO 9241-151 / 7.1.4 – Completeness of content
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- İnternet sitesindeki içeriklerin güncelliğinin kontrol edilmesi için düzenli olarak gözden geçirme işlemi yapılmalıdır. Önceki güncelleme üzerinden çok uzun süre geçmesi, sitenin güncellenmediği, içeriğin yeterli ve güncel bilgileri içermeyebileceği düşüncesini doğurur.
- Güncel olmayan bilgiler ve içerikler güncellenmeli, güncelliğini yitirenler kaldırılmalıdır.
- Duyuru, haber, bilgilendirme gibi içeriklerin yayımlanma ve güncellenme tarihi belirtilmelidir.
- İnsan kaynağı ya da teknik açıdan güncelleme yapılması sıkıntılı olan sitelerde tarih bilgisinin önem taşımadığı düşünülen içeriğe güncelleme tarih bilgisi konmaması ve zamana bağlı olan haber türündeki içeriklerin azaltılması alternatif olarak tercih edilebilir.
- İçeriğe farklı sitelerden bağlantı verilmiş olabileceği göz önünde bulundurarak yapılan güncellemelerde sayfa adresi değiştirilmemelidir. Sayfa adresinin değişmesi gereken durumlarda gerekli yönlendirilmeler yapılmalıdır.
- Sürekli güncel bilginin olması beklenen sitelerde (Örn. Hava durumu, sefer saatleri, nöbetçi eczane bilgisi vb.) son güncelleme tarihi mutlaka görünür bir biçimde belirtilmelidir.
Referanslar
- ISO 9241-151 / 7.2.4 – Keeping content up to date
- ISO 9241-151 / 7.2.5 – Making date and time of last update available
- ISO 9241-151 / 9.3.5 – Visualizing temporal status
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- Ana sayfa ve genel bilgilendirme amaçlı sayfalarda, kullanıcıların bir kerede daha fazla bilgi görebilmesi için sayfalar kısa olacak şekilde tasarlanmalıdır.
- Uzun sayfa kullanımının zorunlu olduğu detaylı bilgi içeren sayfalar için dikey kaydırma çubuğu kullanılmalıdır.
- Uzun içeriklerin kolay okunabilmesi ve kullanılabilir olabilmesi için sayfa içi bölümleme yapılmalı, başlıklar arasında bağlantı (link) verilmelidir.
- Yatay kaydırma gerektirmeyecek içerik oluşturulmalıdır.
- Metinler orta-hizalama ile değil, sola dayalı ya da her iki taraftan hizalamalı olarak sunulmalıdır
- Uzun içeriklerin kolay okunması için paragraflar, bölümler, ara başlıklar yeterli ölçüde kullanılmalıdır.
Referanslar
- ISO 9241-151 / 7.1.6 – Level of granularity
- ISO 9241-151 / 8.4.14 – Subdividing long pages
- ISO 9241-151 / 9.3.6 – Selecting appropriate page lengths
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Uzun içeriklerin daha küçük parçalara bölünmesi mümkünse, sayfalama yapısı tercih edilmelidir.
- Kaydırma gerektiren uzun sayfalarda ilk yüklenen kısmın görüntülenmesini engelleyen kod parçacıkları, tablo yapıları kullanılmamalıdır.
- Sayfalama yapısı kullanılırken, bağlantı verilen sayfaların hızlı yüklenmesi sağlanmalıdır.
- Sayfanın tam yüklenemediği durumlarda, bu durumun sayfanın sonu olarak değil sayfanın tam olarak yüklenemediği biçiminde kullanıcı tarafından algılanması için yeterli ipucu verilmelidir.
Referanslar
- ISO 9241-151 / 8.4.14 – Subdividing long pages
- ISO 9241-151 / 9.3.7 – Minimize vertical scrolling
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Kullanıcıların bilgi almak ya da işlem yapmak amacıyla kullandıkları sayfalarda sonsuz kaydırma kullanılmamalıdır.
- İnternet sitelerinin mobil sürümlerinde sonsuz kaydırma tekniği kullanılabilir.
Referanslar
- –
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Tablolarda satır ve sütun başlıkları tablonun anlaşılmasını kolaylaştıracak şekilde açık olmalıdır.
- Tablonun okunmasını ve anlaşılmasını kolaylaştıracak tasarımlar tercih edilmelidir.
- Tablo arka plan renkleri için doygun renkler kullanılmamalıdır.
- Bir sıralama mevcut ise tablonun hangi veriye göre sıralama yaptığının kullanıcı tarafından algılandığından emin olunmalıdır.
- Solda bulunan sütunlarda mümkün olduğu kadar tekrarlı bilgilerin olmamasına dikkat edilmelidir. Yatay kaydırma kullanılmaması önerilmekle birlikte mecburi olduğu durumlarda kritik olan bilgilerin sol sütunlarda gösterilmesi kullanıcının sürekli olarak sola ve sağa kaydırma çubuğu kullanma gereksinimini azaltacaktır.
- Tablo büyük olduğunda ayrı ayrı sayfalara bölünebilir. Ancak tarayıcının birden çok sayfayı dikey kaydırma ile gösterebildiği ve tablonun kaydırma ile incelenebileceği unutulmamalıdır. Bu kaydırma tablo bileşeni içindeki ek kaydırma çubuğu ile değil, sayfanın kenarındaki çubuk temel alınarak gerçekleştirilmelidir.
- Uzun tablolarda dikey kaydırma kullanılırken sütun isimlerinin, yatay kaydırma kullanılırken ise satır isimlerinin sabit kalması tablodaki bilgilerin takibini kolaylaştıracaktır.
Referanslar
- –
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Çok yoğun içeriğe sahip tabloların kullanımından kaçınılmalıdır.
- Tablolarda hücre biçimlendirmelerinin tutarlı olmasına dikkat edilmelidir.
- Uzun içeriklerin dinamik olarak sütun genişliğini olumsuz etkilememesine dikkat edilmelidir.
- Hücrelerin gereksiz bilgi içermesinden kaçınılmalı, uzun içeriklerde metin katlama, kırpma ya da kaydırma özelliğinden faydalanılmalıdır.
- Tablo içerikleri tutarlı olacak şekilde hizalanmalı, bütün hücreler aynı formatta (Örn. Sola dayalı, iki yana yaslı, ortalı vb.) biçimlendirilmelidir.
Referanslar
- –
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Ana menü ve yan menüler bütün sayfalarda aynı olmalıdır.
- Sayfa tasarımındaki yazı, başlık, resim, tablo, logo vb. bütün öğeler benzer şekilde tasarlanmalıdır.
- İnternet sitelerinin kullanılabilir olması için siteye ait bütün alt sayfalar arasında tutarlılık sağlanmalı, bütün sayfalar aynı yapıda tasarlanmalıdır.
- İnternet sitesi genelinde kullanılan yazı tipleri, yazı büyüklükleri, yazı renkleri ve sayfa hizalaması gibi özellikler bütün sayfalarda mümkün olduğunca aynı olmalıdır.
- Karmaşık site yapılarında üç ya da dört ayrı temel sayfa şablonu belirlenir. Bu şablonlar aynı grafik dili ve font yapısı ile tasarlanmalıdır. Logo ve üst bant kısmının boyu ve özellikleri, bu farklı tasarımlarda değiştirilerek ihtiyaca göre, tutarlılık bozulmamak kaydı ile düzenlenebilir.
- Sayfa içerikleri, dil yapısı ve hitap şekli tüm sitede tutarlı olmalıdır.
- Logo ve düğme gibi bileşenlerde görülebilecek bir piksel boyunda kayma ya da denge bozukluğunun kullanıcı tarafından kalitede olumsuz algı yaratacağı dikkate alınmalıdır.
Referanslar
- ISO 9241-151 / 7.1.5 – Structuring content appropriately
- ISO 9241-151 / 9.3.2 – Consistent page layout
- ISO 9241-151 / 9.3.15 – Identifying all pages of a website
Faydalı Kaynaklar
İlke
Açıklama
Yönergeler
- İnternet sayfalarında yatay kaydırma çubuğunun kullanımından mümkün olduğunca kaçınılmalıdır.
- Geliştirme aşamasında site tam ekrandan daha küçük tarayıcı pencereleri ile test edilmelidir.
- Akışkan tasarım CSS teknolojisi ile farklı ekran boyutları için tercihen yaklaşık 3 ayrı tasarım genişlik modu arasında geçiş yapılmalıdır.
Referanslar
- ISO 9241-151 / 9.3.8 – Avoiding horizontal scrolling
Faydalı Kaynaklar
- –
İlke
Açıklama
Yönergeler
- Basılı olarak çıktı alınması gereken içerikler (Örn. Dilekçe, tahakkuk fişi, beyanname vb.) için yazdırma seçeneği görünür olacak şekilde sunulmalıdır.
- Sayfanın yazdırılması test edilmeli, koyu renk arka plan basılmasının önüne geçilmelidir.
- İçerik yazdırılmadan önce görüntülenen ön izleme sayfasında tüm bileşenlerinyer aldığından emin olunmalıdır. Böylelikle, kullanıcıların beklediğinden daha yüksek sayıda çıktı alması engellenmiş olacaktır.
- Oluşturulan çıktının her sayfasının alt bilgi alanında kaynak gösterim metni bulundurulmalıdır.
Referanslar
- ISO 9241-151 / 9.3.16 – Providing printable document versions
Faydalı Kaynaklar
- –