450 likes | 691 Views
Effective Screen Design. Volkan BAL. Algı kolaylığı. Cognitive Aspects. Effective Screen Design. Grouping Continuity Picking Colors Fonts Text Pictures. Cognitive Aspects. Grouping Continuity Picking Colors Fonts Text Pictures.
E N D
EffectiveScreenDesign Volkan BAL
CognitiveAspects Effective Screen Design • Grouping • Continuity • Picking Colors • Fonts • Text • Pictures
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Grouping-Chunking • Etkinlik
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Algı kolaylığı - Süreklilik Değişiklik önemli bilgi ya da farklı bilgi demektir, ekranı sürekli farklı yapmayalım ki dinleyenin kafası karışmasın
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Renk Uyumu - Renk Seçimi • Arka plan rengiyle zıt renkler kullanın • Arka plan rengiyle zıt renkler kullanın • Karmaşık arka plan seçimi yapmayın ki yazılar okunabilsin • Karmaşık arka plan seçimi yapımayın ki yazılar okunabilsin
Renk Uyumu - Renk Seçimi • Yazıların arkasına okunmayı kolaylaştıracak altlıklar koyun • Arka plan rengiyle zıt renkler kullanın • Karmaşık arka plan seçimi yapmayın ki yazılar okunabilsin
Çiçekler • A B C
Çiçekler • A B C
Çiçekler • A B C
Çiçekler • A B C
Çiçekler • A Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin
Çiçekler • A B C
Çiçekler • A Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin. Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin. Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin.
Çiçekler A Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin. Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin. Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin. Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin.
Renk Uyumu- Kullanım Çokluğu • Az olan, sürekli tekrar etmeyen objeler veya olaylar daha çok ilgi çeker. • Renkilgiyiçekmeninkolayyoluduramafazlakullanıldığında sıradan renkler daha çok ilgi çeker vefarkındalıkyaratır.
Renk Uyumu- Kullanım Çokluğu • Az olan, sürekli tekrar etmeyenobjelerveyaolaylardaha çok ilgiçeker. • Renkilgiyiçekmeninkolayyoluduramafazlakullanıldığında sıradan renklerdahaçok ilgi çekervefarkındalıkyaratır. Az olan, sürekli tekrar etmeyen objeler veya olaylar daha çok ilgi çeker. Renk ilgiyi çekmenin kolay yoludur ama fazla kullanıldığında sıradan renkler daha çok ilgi çeker ve farkındalık yaratır.
Renk Uyumu-Taşınan anlam • Renklere bazı anlamlar yüklenebilir • Kırmızı; - dur demektir • Sarı; bekle, tetikte ol • Yeşil; güvenli
Renk Uyumu - Gruplama • Renklerle gruplandırmalar yapılabilir • Taşıdıkları anlamla birleşirse daha başarılı olabilir Osmanlı’nın Padişahları • Duraklama: Genç Osman, 4. Murad • Yükselme: Yavuz Sultan Selim, Kanuni Sultan Süleyman • Gerileme: 1. Abdülhamid
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Yazım şekli • Yazıların büyük küçük karakter olması önemli mi? • Fontların tipi önemli mi? • Fontların büyüklüğü önemli mi?
Yazım şekli – Karakter (BÜYÜK/küçük) Okulda birinci sınıf öğrencileri, bir aile fotoğrafı üzerinde tartışıyorlardı. Fotoğraftaki küçük çocuğun saç rengi ailenin öteki bireylerinin saç renginden değişikti.... OKULDA BİRİNCİ SINIF ÖĞRENCİLERİ, BİR AİLE FOTOĞRAFI ÜZERİNDE TARTIŞIYORLARDI. FOTOĞRAFTAKİ KÜÇÜK ÇOCUĞUN SAÇ RENGİ AİLENİN ÖTEKİ BİREYLERİNİN SAÇ RENGİNDEN DEĞİŞİKTİ....
Yazım şekli - Yazı tipi • Önemli / sunum sırasında farklı çeşitte font kullanılmamalı. Aynı cinsten yazılar aynı fontta olmalı Okulda birinci sınıf öğrencileri, bir aile fotoğrafı üzerinde tartışıyorlardı. Fotoğraftaki küçük çocuğun saç rengi ailenin öteki bireylerinin saç renginden değişikti.... Öğrencilerden biri o küçük erkek çocuğunun belki de evlat edinilmiş olabileceğini söyledi. Onun bu sözünü duyan Jocelynn Jay adında küçük bir kız öğrenci ,birden sesini yükseltti: - Ben evlat edinme konusunda her şeyi bilirim , çünkü ben de evlatlığım!... Sınıftaki bir başka öğrenci sordu: - Madem biliyorsun bize de anlatsana ...Evlat edinilmek ne demektir..? Jocelyn, kendinden emin bir biçimde bilgisini özetledi: - Annenin karnında değil, yüreğinde büyümüşsün demektir.
Yazım şekli - Yazı miktarı • Slaytlar para ile satılmıyor istediğiniz kadar kullanın Okulda birinci sınıf öğrencileri, bir aile fotoğrafı üzerinde tartışıyorlardı. Fotoğraftaki küçük çocuğun saç rengi ailenin öteki bireylerinin saç renginden değişikti.... Öğrencilerden biri o küçük erkek çocuğunun belki de evlat edinilmiş olabileceğini söyledi. Onun bu sözünü duyan Jocelynn Jay adında küçük bir kız öğrenci ,birden sesini yükseltti: - Ben evlat edinme konusunda her şeyi bilirim, çünkü ben de evlatlığım!... Sınıftaki bir başka öğrenci sordu: - Madem biliyorsun bize de anlatsana ...Evlat edinilmek ne demektir..? Jocelyn, kendinden emin bir biçimde bilgisini özetledi: - Annenin karnında değil, yüreğinde büyümüşsün demektir.
Yazım şekli - Yazı tipi • Slaytlar para ile satılmıyor istediğiniz kadar kullanın Okulda birinci sinif öğrencileri, bir aile fotoğrafı üzerinde tartışıyorlardı. Fotoğraftaki küçük çocuğun saç rengi ailenin öteki bireylerinin saç renginden değişikti.... Öğrencilerden biri o küçük erkek çocuğunun belki de evlat edinilmiş olabileceğini söyledi. Onun bu sözünü duyan Jocelynn Jay adında küçük bir kız öğrenci, birden sesini yükseltti:
Yazım şekli - Yazı tipi • Slaytlar para ile satılmıyor istediğiniz kadar kullanın - Ben evlat edinme konusunda her şeyi bilirim, çünkü ben de evlatlığım!... Sınıftaki bir başka öğrenci sordu: - Madem biliyorsun bize de anlatsana ...Evlat edinilmek ne demektir..? Jocelyn, kendinden emin bir biçimde bilgisini özetledi: - Annenin karnında değil, yüreğinde büyümüşsün demektir.
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Cmabridge Üinversitesinde yaıpaln bir arşaıtrmaya gröe, bir kleimedkei hafrlrein hnagi sıarda didizlikleri dğeil, ilk ve son hafrlrein dğoru yedre olamalrı öenm tşamıatkadır. Geirsi taammen karmadaşır ve ynie de surosnuz olraak okubanilir. Buunn sbeebi isnan benyinin her hafri tek tek dieğl kemileelri bir btüün oralak omukadısır. Algı
Algı kolaylığı • Aynı anda ilgisiz resim yazı ve video göstermeyin
CognitiveAspects Grouping Continuity Picking Colors Fonts Text Pictures
Algı kolaylığı - Resimler Kullanılan resim nasıl kullandığınız önemlidir
Algı kolaylığı - Resimler Kullanılan resim nasıl kullandığınız önemlidir
Algı kolaylığı - Resimler Kullanılan resim nasıl kullandığınız önemlidir
Algı kolaylığı - Resimler Kullanılan resim yazıyı bastırmamalı. Metin ve resim arasında bir uyum olmalı
Algı kolaylığı – Resimlerin yeri Ekranı soldan sağa, yukardan aşağı tarıyoruz. İlk metin dikkati çeksin derseniz solda yoksa sağda olmalı
Bir nesneden bahsederken kişiye bahsedilenin resmini ya da modelini gösterin/verin. (Gerçeğine ulaşılamayan durumlar için.) CognitiveAspects