Effective Screen Design Volkan BAL

Algı kolaylığı

Effective Screen Design Cognitive Aspects Grouping Continuity Picking Colors Fonts Text Pictures

Cognitive Aspects Grouping Continuity Picking Colors Fonts Text Pictures

Grouping Grouping is necessary for Cognitive load

Grouping Grouping is necessary for Cognitive load

Grouping

Grouping-Chunking Etkinlik

Cognitive Aspects 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

Algı kolaylığı - Süreklilik

Cognitive Aspects Grouping Continuity Picking Colors Fonts Text Pictures

Renk Uyumu - Renk Seçimi 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 BC

A BC

A BC

Çiçekler ABC

A Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin

Çiçekler ABC

A Bitkinin özelliklerini buraya yazıyorum ki herkes okuyabilsin.

Çiçekler A 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. 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- Kullanım Çokluğu 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. 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- Kullanım Çokluğu

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

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

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.

Cognitive Aspects Grouping Continuity Picking Colors Fonts Text Pictures

Algı 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ı kolaylığı Aynı anda ilgisiz resim yazı ve video göstermeyin

Cognitive Aspects 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ı

Cognitive Aspects Bir nesneden bahsederken kişiye bahsedilenin resmini ya da modelini gösterin/verin. (Gerçeğine ulaşılamayan durumlar için.)