05/12/2013

1

Tasarımda Denge Ve Moda

Burcu Dinç 2010639023

Anlatılan Konular

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 arayu ̈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.

Tasarım İlkeleri

• Arayüz tasarımcılarının baz aldığı bazı te mel ilkeler bulunmaktadır.Bunlardan biri Ben Schneiderman ilkeleridir.

Ben Schneiderman İlkeleri

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ı.

Tasarımda Kontrole Hakimiyet

05/12/2013

2

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.

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"

Kullanıcıya Anlamsız Gelen Hata Mesajları

«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.

05/12/2013

3

Anlaşılmayan Mesajlar

«Disket Dolu» «Devam Etmek İçin Yeni Bir Disket Yerleştirin»

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.

Anthropomorphic Tasarım

İ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.

İnsan-Biçimcilik Modeli

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.

05/12/2013

4

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

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…

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.

Arayüzlerde İşitsel Öğelerin Tasarımı

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

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.

İçerik Yazılarının Sunumu

• İç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.

05/12/2013

5

Boşluk-Boyut-Basit Karmaşık Şekiller

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.

Hazırlanan Arayüzün Kullanılabilirliği

Öğ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-hata-

mesajlari 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 2010639062

Pencere Tasarımı

• 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.

05/12/2013

6

• 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ındaki Gelişmeler

• 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

• 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.

Ekran Koordinasyonu Sağlama

• 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

• 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.

Hiyerarşik tarama

• 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.

05/12/2013

7

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.

Ekran Tasarımı

• 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.

• 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..

Ekran Görünümü

• Ö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

• Ç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

Tasarımcının Renk Seçimleri

• 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.

05/12/2013

8

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ı Tasarımda Renk Uyumu

• 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.