insan-bilgisayar etkilesimi ve gorsellik...gestalt ilkeleri • yakınlık kuralı (law of...
TRANSCRIPT
![Page 1: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/1.jpg)
Insan-Bilgisayar Etkilesimi ve Gorsellik
Dr Anil Bas
Kullaniciyi anlama
Web: anilbas.github.io/teaching/hci/
E-mail: [email protected]
![Page 2: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/2.jpg)
Insan ve HCI
Bilis, bilme yetisi (cognition)
Zihinsel modeller (mental models)
Etkilesim icin bu kavramlar neden onemli?
Kullaniciyi anlama
![Page 3: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/3.jpg)
Dusuk Bilgisayar Deneyimi Yuksek Bilgisayar Deneyimi
Alan Hakkinda Bilgili
Alan Hakkinda Bilgisiz
Nielsen (1993) – Kullanıcı Tipleri
![Page 4: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/4.jpg)
Bilginin islenmesi - Psikoloji
![Page 5: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/5.jpg)
Dusunce, deneyim ve duyular yoluyla bilgi edinme veanlama sureci
Bilis (Cognition)
Gunluk aktivitelerimizi gerceklestirirken kafalamizdadonenler
![Page 6: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/6.jpg)
Bilis
![Page 7: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/7.jpg)
Bilis
Algilama
Dusunme
Hatirlama
Ogrenme
Karar verme
Problem cozme
Dalip gitme
Baskasini anlama
Baskasi ile konusma
Baskasini kandirma
Yemek hazirligi
Seyahat planlari
Beste yapma
![Page 8: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/8.jpg)
Bilis
![Page 9: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/9.jpg)
Bilis
![Page 10: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/10.jpg)
Bilis (Cognition)
![Page 11: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/11.jpg)
Otomatik vs Kontrollu
![Page 12: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/12.jpg)
Otomatik vs KontrolluZYP
QLEF
SUWRG
XCIDB
WOPR
ZYP
QLEKF
XCIB
SUWRG
ZYP
XCIDB
QLEKF
WOPR
QLEKS
WOPR
ZYP
XCIDB
SWRG
![Page 13: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/13.jpg)
Otomatik vs KontrolluSARI
MAVI
SIYAH
YESIL
SARI
KIRMIZI
SIYAH
TURUNCU
YESIL
KIRMIZI
MAVI
SARI
YESIL
KIRMIZI
MAVI
SIYAH
KAHVE
KIRMIZI
![Page 14: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/14.jpg)
HCI icin bilis neden onemli?
![Page 15: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/15.jpg)
Bilginin sunumu
![Page 16: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/16.jpg)
Zihinsel Modeller
![Page 17: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/17.jpg)
![Page 18: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/18.jpg)
![Page 19: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/19.jpg)
![Page 20: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/20.jpg)
![Page 21: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/21.jpg)
![Page 22: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/22.jpg)
![Page 23: Insan-Bilgisayar Etkilesimi ve Gorsellik...Gestalt ilkeleri • Yakınlık Kuralı (Law of Proximity) • Benzerlik Kuralı (Law of Similarity) • Süreklilik Kuralı (Law of Continuity)](https://reader034.vdocuments.net/reader034/viewer/2022042622/5f9207fbe9b7450d696f4405/html5/thumbnails/23.jpg)
Gestalt ilkeleri
• Yakınlık Kuralı (Law of Proximity)
• Benzerlik Kuralı (Law of Similarity)
• Süreklilik Kuralı (Law of Continuity)
• Kapalılık Kuralı (Law of Closure)
• Simetri Kuralı (Law of Symmetry)
• Desen – Zemin Kuralı (Law of Figure and Ground)
• Aynı Yön Kuralı (Law of Common Fate)
www.toptal.com/designers/ui/gestalt-principles-of-design