Balancing Function and Fashion - EEMB DERSLER

05/12/2013
Tasarımda Denge Ve Moda
Anlatılan Konular
Burcu Dinç 2010639023
 Kitabımızın bu bölümünde arayüz tasarımında tasarımcının dikkat
etmesi gereken bazı noktalara değinilmiştir:
 Bunlar: hata mesajları,ekran tasarımı, pencere tasarımı ve
tasarımda kullanılan renklerin uyumu, işitsel öğelerin tasarıma
katkısıdır.
Arayüz Tasarımına Giriş

Web arayüz tasarımcıları çalışırken sınırsız derecede özgür
olmak, yaratıcı görsellerini ekrana rahatça taşımak isterler.
İnternet ve Web’in kendine özgü bazı kuralları zaman
zaman bu durumu engellemektedir.Tasarım dünyasında
hemen hemen en çok kısıtlamaya maruz kalan dal web
arayüz tasarımıdır. Ancak bu kısıtlamalar, gerek yaratıcı
alanda görsel, gerekse işlevsel ve kullanılabilirlik
alanlarında son kullanıcının gerekli ekranlara en sağlıklı
şekilde ulaşması için önemlidirler.Sonuç olarak bu
kısıtlamalar, kullanıcı ile doğru iletişimi sağlamak ve veriyi
eksiksiz aktarmak içindir. Unutulmamalıdır ki, iyi tasarım
herkese aynı mesajı ileten tasarımdır.
Ben Schneiderman İlkeleri
Tasarım İlkeleri
•
Arayüz tasarımcılarının baz aldığı bazı te mel ilkeler
bulunmaktadır.Bunlardan biri Ben Schneiderman ilkeleridir.
Tasarımda Kontrole Hakimiyet
 Tutarlılık için gayret etmek:Örneğin giriş sayfasında kullanılan renk
ya da yazı stili belli bir amaç hedeflenmiyorsa diğer sayfalarda da
aynı şekilde kullanılmalıdır.
 Kullanıcılara sık kullandıkları eylemlere yönelik kısa yol tuş
kombinasyonları sağlamak,
 Bilgilendirici geri dönütler sunma,
 Bir görevi tamamlayan kullanıcıya bilgilendirici diyaloglar
tasarlamak ,
 Hataların önlemesi ve basit hataların yönetilmesi,
 Hareketlerin kolayca geri alınmasına izin vermek ,
 Kısa süreli hafıza yüklemesini azaltmak.
 İç kontrol dengesinin sağlanması.
1
05/12/2013
Web Tasarım Kanunu
 Tasarım günümüzde o kadar ciddi bir hal aldı ki Türk Ticaret
Kanunun’da da değişikliğe gidilmiştir. Yeni Türk Ticaret Kanunu’na
göre 1 milyon civarındaki şirket web sitesini kurmak zorundadır.
Firmaların kendi adlarına internette isim tescili ve web alanı
(hosting) hizmeti almaları gerekmektedir. Yeni yasanın yürürlüğe
konulmasına ve uygulanmasına ilişkin usul ve esasları belirlemek
amacıyla hazırlanan 1535 maddelik tasarı mecliste kabul edildi. Bir
takım eksikliklerinde giderilmesiyle birlikte kanunlaşarak yürürlüğe
girecek olan tasarı pek çok şeyi değiştirecektir.
 Web sitesi kurmayan, web sitesi olup da gerekli tahsisi yapmayan
Anonim Şirket yönetim kurulu üyeleri ve sorumlularına 6 aya kadar
hapis cezası verileceği açıklanmıştır.
Kullanıcıya Anlamsız Gelen Hata Mesajları
•
Hata Mesajları
 Hata mesajları sade bir dille ve problemi net olarak ifade eden
yapıcı tavsiyelerle çözüm öneren bir yapıda olmalıdır. Kullanıcılara
internet sitesinde veya bağlantıda bir sorun yaşandığında, bu hata
bilgisini teşhis edebilecekleri şekilde sunmak çok önemlidir. Hata
mesajlarında hata kodlarını kullanmak yerine, bu kodun ne tür bir
hatayı belirttiğine dair açıklama vermek ve hatta bu hatayı
gidermek için yardım seçenekleri sunmak kullanılabilirlik açısından
önemli bir yaklaşımdır.
Kullanıcıya Anlamsız Gelen Hata Mesajları
"Klavye çalışmıyor. Devam etmek için bir tuşa basın"
«Günün İpucu»
«İpucu Dosyalarının Olmadığını Biliyor Musunuz?»
Kafa Karaştıran Hata Mesajları
Hata Bildirileri
 Hata bildirisi tasarımı çok önemlidir. Kötü hata bildirisi,kullanıcının
sistemi kabul değil, reddetmesine neden olabilir.
 Bildiriler kibarca ifade edilmeli, özlü, tutarlı ve yapıcı olmalıdır.
 Kullanıcının temel bilgileri ve deneyimi, bildiri tasarımında
belirleyici etken olmalıdır.
2
05/12/2013
Anlaşılmayan Mesajlar
Bildiri Yazımında Tasarım Etkenleri
•
Bağlam :Mümkün oldukça, sistem kullanıcının ne yaptığından haberdar
olmalı ve kullanıcının o anki girişimine uygun bildiriler üretmelidir.
Deneyim :Kullanıcı sistemle yakın oldukça ,uzun, “anlamlı” bildiriler
kullanıcıyı kızdırabilir.Ama, acemiler için sorunun kısa özlü cümlelerle
ifadesini anlamak zordur. Her iki tür kullanıcı için bildiri yazımı
sağlanmalıdır.
Başarı seviyesi:Bildiriler kullanıcıların başarılarına, deneyim seviyelerine
uygun olmalıdır.Farklı kullanıcı sınıfları için farklı terminolojiler ve ifade
yolları kullanılmalıdır.
Üslup :Bildirimler olumsuz değil, yapıcı yönde olmalıdır. Bildiriler pasif
değil, aktif kipte olmalıdır. Aşağılayıcı ve yanıltıcı olmamalıdır.
Kültür:Mümkün oldukça, bildiriler, uygun sistemin satıldığı ülkenin
kültürüne yakın üslupta olmalıdır. Avrupa, Amerika ve Asya da kültürel
farklılıklar var. Bir kültür için kabul edilebilir bildiri diğeri için kabul edilmez
olabilir.
•
•
«Disket Dolu»
«Devam Etmek İçin Yeni Bir Disket Yerleştirin»
•
•
Anthropomorphic Tasarım
İnsan-Biçimcilik Modeli
 İnsan-Biçimcilik Modeli olarak çevirebileceğimiz bu kavram arayüz
tasarımında da anthropomorphic tasarımların kullanıldığını
göstermektedir.
 Arayüz tasarımlarında kullanılan bazı animasyonlar insan biçimli
modeller olarak tasarlanmıştır.
 Kullanıcı arayüz aracılığı ile bir işlevi yerine getirir. Burada dikkat
etmemiz gereken şey işlevin gerçekleşip gerçekleşmediği değildir.
Ayrıca kullanıcı yaptığı hareketin sonucunu görebilmelidir.
Animasyonlar çoğunlukla arayüze profesyonel hava katsın diye
yapılır.
 Uzun süreli animasyonlar sistemin yavaş çalıştığı hissine neden
olabilir. Bu iyi dengelenmesi gereken bir durumdur.
 Eğlence,kullanılabilirlik, performans dengesi iyi yapılmalıdır. Sitenize
ilk defa giren kullanıcı mesela 1 sn’lik animasyondan rahatsız
olmayabilir ama sitenizin sürekli ziyaretçisi artık her sefer bu
animasyonu beklemekten sıkılabilir.
 Kullanıcı arayüzlerinin tamamen animasyondan oluşmasıda
kullanışsız bir durumdur.Bazı web siteleri ,sayfalarını her sayfa
açılışında 3D animasyonla getirirler .Her sayfayı beklemek eziyettir.
Ayrıca verdiği efekti doğru görüntüleyebilmek için bilgisayarınızın
yeterli konfigürasyona da sahip olması gerekir.
Anthropomorphism Örnekleri
Ekran Tasarımında Dikkat Edilecek Kurallar





Tasarladığımız her bir ekran kullanıcıya tek bir eylem sunmalı. Bu
öğrenmeyi, kullanmayı ve hatta eklemeyi/değiştirmeyi kolaylaştırır. İki
veya daha fazla eylem içeren ekranlar hızla karmaşık hale gelmeye
eğilimlidir.
Uyumluluk önemlidir. Birbiriyle aynı davranışa sahip elementler aynı
şekilde görünmelidir.
Zayıf görsel hiyerarşi gözün nereye bakması gerektiği konusunda zayıf
ipuçları verir ve bu da yoruculuğa ve dağınıklığa neden olur. Büyük
değişimlerin olduğu ortamlarda görsel hiyerarşiyi kurmak zordur çünkü
görsel ağırlık tamamen görecelidir.
Elementleri gruplayın, yerleşim ve dönüşümle aralarındaki doğal ilişkiyi
gösterin.
Her ekranda sadece gerekli olan öğeleri gösterin. Eğer insanlar bir
seçim yapıyorsa, seçmeleri için yeteri kadar bilgi gösterin, sonrasında
detayları bir alt ekranda irdeleyin.
3
05/12/2013
Tasarım Araçları
Renk Seçiminin Etkileri
 Renkler kişilerin tercihlerini psikolojik ve fizyolojik olarak önemli
ölçüde etkilemektedir. Sitenizin renk düzeni çarpıcı bir izlenim
uyandırabilir, muhtemel başarınıza pozitif veya negatif bir etkide
bulunabilir. Örneğin renk seçimi web site tasarımında çok önemli
bir unsurdur. Bir web sitesinde de renklerin tasarımı grafiklerinin ve
ara yüzünün tasarımı kadar mühimdir.
 Renk seçiminin ne denli önemli olduğunun bilincinde olan bazı
firmaları incelersek;
Renk Seçiminin Etkileri
Renk Seçiminin Etkileri

 Örneğin sarı renk seçimi: Geçiciliğin ve dikkat çekiciliğin
ifadesidir.Bu nedenle tüm dünyada taksiler sarı renkte
tasarlanmıştır.
Kırmızı renk iştah açıcı olmasının yanında zaman kavramını da
unutturmakta ve uykuyu kaçırmaktadır. Kolay fark edilmesi, önce kendine
çekmesi ve tabi iştah açması özelliğinden dolayı Gıda sektöründe çok sık
olarak kullanılmasına neden olmaktadır. Dünyadaki ünlü gıda firmalarının
hepsinin logosunun kırmızı olduğunu fark etmişsinizdir: Coca Cola, Pizza
Hut, MC Donald’s, Ülker, Burger King…
Arayüzlerde İşitsel Öğelerin Tasarımı

İçerik Yazılarının Sunumu
Bilgi sağlamak için sesler kullanılıyorsa metin de ekranda yer
almalıdır.Ses ve metnin eş zamanlı hareket etmesine dikkat
edilmelidir.

Metin ile ses birbiri ile çelişmemelidir.

Eklediğimiz sesler de her bilgisayar tarafından çalınamayabilir. Bizim
bilgisayarımızda duyduğumuz bir sesi başka bir bilgisayarda
•
İçerik bir web sitesinin kendini anlatması açısından en önemli
yerdir. İçerik yazılarında okunabilir font seçimi ve punto büyüklüğü
kullanıcı dostu siteler için vazgeçilmezdir. Çok küçük seçilmiş bir
punto okuma zorluğu çıkarırken gereğinden büyük seçilen puntolar
da gereksiz miktarda yer kaplayacak ve kullanıcının dikkatini
dağıtacaktır.
duyamayabiliriz. Çünkü sesleri duymamızı sağlayan bazı programlar
vardır. Bu programlar bizim bilgisayarımızda olabilir fakat başka
bilgisayar kullanıcılarının bilgisayarlarında olmayabilir. Bunun için
Web ziyaretçilerine uyarılarda bulunmamız gerekir.
4
05/12/2013
Boşluk-Boyut-Basit Karmaşık Şekiller
Hazırlanan Arayüzün Kullanılabilirliği
 Boşluğu bir tasarım elemanı olarak düşünebiliriz. Beyaz alanlar
bilginin gruplanması için kullanılır ve gözün önemli bilgiye
yönelmesini sağlar.
 Boyutu ve gölgelendirmeyi bir objede 3. boyut hissi vermek için
kullanırız.
 Basit ya da karmaşık şekilleri de kullanabiliriz.
 Öğrenilebilirlik:Yeni kullanıcının sistemden verimli
yararlanabilmesi için gereken zamandır.
 İşlem Hızı : Sistemin kullanıcının isteklerine cevap verme zamanının
bir ölçüsüdür.
 Tahammüllülük:Sistem kullanıcı hatalarına ne kadar toleranslıdır?
 Kurtarılabilirlik:Kullanıcı hatalarının kurtarılması ne kadar mümkün?
 Uyum Sağlayabilirlik:Sistem, tek çalışma modeline ne kadar
sıkı bağlıdır?
Güney Korede’ki Gardiyan-Robot
Kullanılan Kaynaklar




http://www.smileycat.com/design_elements/error_messages/
http://www.izlesene.com/video/robot-gardiyan-testi-gecti
http://www.marmaraweb.com/web-tasarim-kanunu.html
http://www.zaman.com.tr/gundem_en-komik-bilgisayar-hatamesajlari
 http://www.dijitalders.com/icerik/85/4966/web_tasariminda_
dikkat _edilmesi_gereken_temel_ilkeler
 temelbilgi.files.wordpress.com
 http://tr.wikipedia.org/
 Burdan Sonrasını Mehmet Yaşar Anlatacaktır.
Tasarım Dengesi Ve Moda
Mehmet Yaşar
Pencere Tasarımı
2010639062
•
•
Bilgisayar kullanıcılarının çoğu görevlerini tamamlamak için belgelere
,formlara ,e-maillere web sayfalarına başvururlar. Örneğin, bir seyahat
acentesi müşteri e-mail isteğini görüntülerken tarihe ,güzergaha, koltuk
seçimine ,uçuş planına , otel seçimine ve koltuk seçimine geçer. Ekran ne
kadar geniş olursa olsun, aynı anda açılabilen doküman sayısı sınırlıdır.
Tasarımcılar bu sorunu çözmek için uzun süren çalışmalar sonucu çoklu
pencere tasarımını geliştirmişlerdir. Bu hem karmaşıklığı azaltmış ,hem de
görevlerin düzenli ve etkili bir şekilde tamamlanmasına yardımcı olmuştur.
Seyahat acentesi teker teker pencereleri açmak yerine uçuş ,koltuk seçim
,müşteri bilgileri sekmesinden istediği bilgilere ulaşabilir.
5
05/12/2013
Pencere Tasarımındaki Gelişmeler
•
•
Pencere eylemleri düzenlenirse, kullanıcılar işlerini daha hızlı ve
muhtemel daha az hatayla tamamlayabilirler. Pencere kullanımının görsel
doğası gereği pek çok tasarımcı doğrudan çalıştırma stratejisi uygular.(bkz.
Resim 6). Pencereleri genişletmek ,taşımak veya bir pencere kaydırmak
için , kullanıcılar pencere kenarına uygun bir simge yerleştirebilir, basitçe
fareyi sürükleyip tıklayabilirler.
Pencere dinamiklerinin kullanıcı algısı üzerinde güçlü bir etkisi olduğundan
geçiş animasyonları (yakınlaştırma kutuları , yanıp sönen pencere kenarı ,
vurgulama) dikkatli bir şekilde tasarlanmalıdır.
•
•
Pencere tasarımı 1980'lerde Xerox PARC’ın etkili tasarımlarından Apple’ın Macintosh
için yapılan yenililkçi sentezlerine ve sonunda Microsoft’un yaptığı mütevazi
geliştirmeler ile oldukça başarılı Windows serisine kadar hızla gelişti. (1.0,2.0,
3.1/95,98/2000/ NT, ME, and XP) (bkz. Şekil. 1.3). Sürüklenebilir,üst üste bindirilebilir
ve boyutu değiştirilen pencere çoğu kullanıcı için standart olmuştur. Çoklu çalışmak
isteyen kullanıcıların çalışma alanları(workspace)denilen pencerelerin koleksiyonları
arasında geçiş yapabilirler.Her çalışma alanı kaydedilmiş ya da işleme kaldığı yerden
devam etmeye izin veren birkaç pencere içerir.
Birden Fazla Pencere Koordine Etme
Ekran Koordinasyonu Sağlama
•
•
Tasarımcılar koordine edilmiş pencereleri geliştirerek yeni nesil pencere yönetimi
oluşturabilirler. Örneğin, sağlık sigortası talebi işleminde müşteri bilgileri alınırken
müşteri numarası ,adres telefon numarası ve üye numarası ekranda görülmelidir.
Aynı anda başka bir komuta gerek duymadan ikinci bir pencerede müşteri tıbbi kayıt
bilgileri ve üçüncü bir pencerede talep kayıt formu gelmelidir. Dördüncü bir pencere
de öngörülen ödeme ve özel durumları içerebilir. Müşteri tıbbi kayıt formunun
kaydırılması formun bağlantılı olduğu bilgilerle senkronize edilebilir. Talep
tamamlandığında bütün pencerelerin içerikleri kayıt edilmiş olmalıdır. Bütün bunlar
tasarımcılar tarafından son kullanıcı için oluşturulmalıdır.
Benzer şekilde , web taramasında iş arayan kullanıcılar en iyi 5 iş
poziyonunu seçebilmeli ve bu işleri detaylı bir şekilde konumuna,
maaşına göre karşılaştırabilmelidir. Bir pozisyon seçildiğinde ekranı
doldurmalı diğer dördü otomatik olarak kapanmalıdır.
Koordinasyon, bilgilerin kullanıcı eylemlerine dayalı olarak nasıl
değiştirileceğini bildiren görev kavramıdır.
Senkronize kaydırma
Hiyerarşik tarama
•
•
Basit bir koordinasyon içinde, senkronize edilmiş kaydırma tek bir
pencerede olabilir ya da kaydırma çubuğu başka bir kaydırma
çubuğu ile birleştirilir. Bu teknik, bir program veya belgenin iki
sürümü karşılaştırmak için faydalıdır. Senkronizasyon taban tabana
oransal bazda ya da iki pencerenin eşleşen belirteçleri için olabilir.
Koordine pencereler hiyerarşik taramayı desteklemek için
kullanılabilir. Örneğin, eğer bir pencere bir kitabın içeriğini tablo
halinde görüntülüyorsa , herhangi seçilen bölüm başlığı içeriğiyle
birlikte ek bir pencerede açılmalıdır. Aynı şekilde pencere taraması
ile entegre halde olup kullanıcıların hiyerarşik tarama yapmalarına
izin vermelidir.
6
05/12/2013
Ekran Tasarımı
Ekran Tasarımı
•
•
Konsantrasyon 5 dereceli görsel algıya odaklıdır. Normal izleme uzaklığında bu 15 karakter
genişlik 7 karakter yükseklikte bir daire kadardır. Kullanıcı tercihleri kritik hale geldi özellikle
araştırmacılar site kullanıcılarının görsel ağırlıklı sitelerde daha uzun süre kalıp daha çok alışveriş
yaptıklarını ortaya koyduktan sonra görsellerin tek kötü özelliği indirilme süreleri ve bu dial up
bağlantılarda özellikle yavaş olması.çoğu bilgisayar kullanıcısı belgelere formları e-mailleri web
sayfalarını ve daha bir çoğunu kullanır işlerini yapmak için. Örneğin bir seyahat acentası çalışanı
müşteri e-mailinden talep edilen tarihteki uçuşları istenilen koltuğu oteli belirleyen sayfalara
geçmek zorundadır. Büyük masaüstü ekranlarında bile simultane olarak görülen ekran sayısının
sınırı vardır. Tasarımcılar kullanıcıya daha hızlı erişim imkanı sağlamak için ve kullanıcının
dikkatini dağıtacak şeylerden kaçınarak daha çok pencereye erişim sağlamak için uğraştılar. Eğer
kullanıcının işleri tam olarak anlaşılırsa ve düzenlenirse etkili bir çoklu ekran stratejisi
geliştirilebilir.
Eğer ekran düzenleyicisi düzenlenebilirse kullanıcılar işlerini daha hızlı ve
muhtemelen daha az hatayla tamamlarlar.pencerelerin görsel doğası çoğu
tasarımcıyı tek yönlü stratejiyi uygulamaya
itmiştir.büyütmek,taşımak,pencereyi aşağı yukarı oynatmak.kullanıcı
pencere sınırındaki doğru ikonları tıklatıp sürükleyebilir.pencere
dinamiklerinin kullanıcı algısında güçlü etkisi vardır.hareketlerin
animasyonu çok dikkatle tasarlanmalı.pencere dizaynı 1980 lerde hızlı
gelişti.xerox un etkileyici tasarımları apple in yenilikci sentezleri ve son
olarak Microsoft un başarılı Windows serileri.
Ekran Görünümü
•
•
•
2 boyutlu gezinme kullanıcıların daha büyük haritalar
diyagramlar,dergi kapakları,fotoğraflar ya da artworklerle
çalışmasını sağladı,kullanıcılar bir pencerede önizleme yapabilirken
diğerinde detayları görebildi.önizleme de göstergeleri oynatırken
diğerinde içerik ekleyebildi.iyi tasarlanmış koordine çalışan
pencereler ekran oranına sahip oldukalrından detaylı görünümden
diğerine kolay geçilebilir.
En etkileyici önizleme detayı zoom faktörüdür.zoom faktörü 5-30
arasındayken,koordine edilmiş önizleme ve detaylı görünüm etkili
şekilde eşleşir.daha büyük zoom faktörlerinde ekstra bir
görüntüleme methodu gerekir.
Örneğin;önizleme Fransa haritasını gösteriyorsa,detaylı görünüm
parisi gösterir.fakat dünya haritasının önizlemesinde frandsa ve
Avrupa oryantasyonunu kaybeder..
•
•
•
Önizleme ve detaylı görünüm yan yanayken ,kullanıcıya büyük
resmi ve detayları görme imkanı sağlar.bazı sistemler tek görünüm
sağlar.ya zoom layıp seçilen noktaya kaydırmak gerekir ya da
önizlemeyi detaya tercih eder.bu zoom la değiştir yaklaşımı basit ve
büyük ekran kullanımı sunsada kullanıcıların aynı anda hem
önizleme hem de detaylı görünüm kullanımını elinden
alır.varyasyon olarak önizlemede detaylı görünüm olabilir fakat bu
anahtar kelimeleri geride bırakabilir.
Semantik zoomlama hızlı şekilde yakınlaştırıp
uzaklaştırılabilir.detaylı görünüm sağlayabilen ve önizleme
sunabilen ve her şeyin net olduğu balıkgözü görünümler ortaya
çıkmıştır.
Odak noktasının noktaları tek ekranda önizlemedeyken detaylı
görünümü verebilmeyi sağlar.
Tasarımcının Temel İlkeleri
Tasarımcının Renk Seçimleri
•
•
•
•
•
•
•
•
•
•
•
Çoğu interaktif sistem için görüntüler başarılı tasarımın önemli bileşenleridir ve çoğu argümanın
kaynağıdır.Yoğun ve karmaşık görüntüler öfkeyi provake edebilir ve tutarsız formatlar
performansı düşürebilir.
Tasarımcılar her zaman olduğu gibi kullanıcıların görevlerini bilerek,ekran boyutu ve mevcut
formatların kısıtlamalarından bağımsız olarak tasarıma başlamalıdır.Etkili ekran tasarımları görevi
yürütmek için doğru sırayla tüm gerekli verileri sağlamak zorundadır.
Grafik tasarımcılar yazdırılabilir formatlar için ilkeler üretmiştir ve bu ilkeler şimdi görüntü
tasarımına adapte edilmiştir.
Tasarımcının,karmaşıklığı ortadan kaldırması için 6 ilke önerilmiştir.
1-Zerafet ve sadelik
2-Ölçek,kontrast ve oran
3-Organizasyon ve görsel yapı
4-Modül ve program
5-Görüntü ve sunum
6-Stil
•
•
•
•
•
•
Renkli ekranlar kullanıcıya daha cazip gelir ve genellikle görev
performansını arttırabilir fakat yanlış kullanımda tehlikesi yüksektir.Renk ;
1-Gözü dinlendirebilir veya yorabilir.
2-Sıradan ekrana aksan ekleyebilir.
3-Karmaşık ekranlarda ince ayrıntıları belirginleştirebilir.
4-Bilgilerin mantıksal organizasyonunu vurgulayabilir.
5-Uyarılara dikkat çekebilir.
6-Sevinç,heyecan,korku ya da öfke gibi duyguları harekete geçirebilir.
7
05/12/2013
Renk Kullanımı
Tasarımda Renk Uyumu
•
Arayüz tasarımının en sancılı ve kritik köşe taşlarından biri de renk
seçimidir. Çünkü renk seçimi, ziyaretçilerinizle olan iletişiminizden,
onların zihninde canlanan “size” kadar birçok şeyi bir anda
değiştirebilecek bir güce sahiptir. Doğru renk seçimi yapabilmek için
birçok farklı yol sıralanabilir. Ancak bunların içerisinde en pratik biçimde
uygulanabilecek yolların birkaçı:
 Doğal renk paletleri kullanın.
 Sayfanızın arka planı ile metniniz arasında doğal bir kontrast
oluşturun.
 Kullanılabilecek en iyi kontrast biçimi beyaz zemin üzerine siyah
renkle yazılan yazılarda görülmektedir.
 Ortalama 3-5 farklı renk seçimi yapın.
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Renk kullanımını düzenleyen kurallar yoktur fakat bu noktalar tasarımcılar
için bir başlangıç sağlayabilir ;
Renkleri konservatif şekilde kullanın.
Renklerin kodlama tekniğindeki anlamlarını bilin.
Renk adedini sınırlayın.
Renk kodlamasının görevle uyuştuğuna emin olun.
Renk kodlamasının minimum çabayla göründüğünden emin olun.
Renk kodlamasını kullanıcı denetimine bırakın.
İlk önce siyah-beyaz tasarlayın.
Renkleri seçemeyen kullanıcıların ihtiyaçlarını göz önünde bulundurun.
Renkleri biçimlendirmede yardımcı olacak şekilde kullanın.
Renk kodlamada tutarlı olun.
Renk kodlarına dair ortak beklentilerin farkında olun.
Renk uyumu konusundaki problemlerin farkında olun.
Renk değişikliklerini,durum değişikliklerini ifade edecek şekilde kullanın.
Grafik ekranlarda daha fazla bilgi için renk yoğunluğu kullanın.
Renk Kullanımının Tasarıma Etkisi
•
Renk kullanımının karmaşıklığı Yönetim Bilişim Sistemleri ile yapılan karar
verme çalışmalarında,basit bilgi bulma veya hatırlama çalışmaları yerine
kullanılmıştır.Renk kodlama yararlı bulunup tercih edilmesine rağmen kişilik
faktörleriyle de etkileşim içindedir.İleri düzeyde çalışmalarda siyah-beyaz
ve renkli kodlama arasındaki karşılaştırmada,renkli kodlama pasta
grafik,çubuk grafik ve veri tablolarında performansı arttırırken,çizgi grafikte
düşürmüştür.
8