ETKİLEŞİM (INTERACTION) Bölüm 3 ETKİLEŞİM (INTERACTION)

Kısaca; Etkileşim modelleri Ergonomi Etkileşim çeşitleri Bağlam Kullanıcı ve sistem arası tercümeler. Ergonomi Etkileşimin fiziksel nitelikleri. Etkileşim çeşitleri kullanıcı/sistem dialogunun doğası Bağlam sosyal, örgütsel, motivasyonel 20.09.2018 Bahadır YILDIZ

Kullanıcı ile sistem arasındaki iletişimdir. Etkileşim en basit anlamıyla; Kullanıcı ile sistem arasındaki iletişimdir. kullanıcı sistem 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Etkileşimin iki ana katılımcısı vardır; Kullanıcı ve Sistem. Önceki bölümlerde gördüğümüz gibi ikisi de karmaşık yapılara sahiptirler ve iletişimlerini sağlamak oldukça zordur. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Arada sağlıklı bir etkileşim olabilmesi için ise arayüzün taraflar arasında iyi bir tercüman olması gerekmektedir. Etkileşim modelleri de bize bu anlamda yol gösterici olacaktır. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Norman Modeli En etkili modeldir. Uygulama-Değerlendirme Döngüsü Daha sonra bu model geliştirilerek ve genişletilerek başka modeller ortaya konulmıuştur. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Bazı terimler: Domain, goal, task Core Language : sistemin dili Task Language : Kullanıcı dili 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Uygulama-Değerlendirme Döngüsü Bu en etkili modeldir, çünkü sezgisel olarak etkileşim algımızla örtüşmektedir. sistem Değerlendirme Uygulama Hedef 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Sezgisel olarak Etkileşim; Kullanıcı yapacağına karar verir, Bilgisayar arayüzü ile bunu uygular, Uygulama sonucunu gözlemler, Sonucu değerlendirerek sonraki adıma karar verir. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Norman Modeli basamakları : Hedefi belirlemek Amacı, şekillendirmek Yapılacak eylemlerin sırasını belirlemek Eylemleri gerçekleştirmek Sistemin durumunu kavramak Sistemin durmunu yorumlamak Amaç ve hedef doğrultusunda sistem durmunu değerlendirmek. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Norman bu modeli, bazı arayüzlerin kullanıcıları ile neden sorun yaşadığını açıklamak için kullanmaktadır. Norman bu sorun durumlarını; Uygulama Uçurumları Değerlendirme Uçurumları olarak adlandırmaktadır. 20.09.2018 Bahadır YILDIZ

Etkileşim Modelleri Uygulama Uçurumları : Kullanıcının hedefe ulaşmak için planladığı eylemler ile sistemin yapılmasına izin verdiği eylemler arasındaki farktır. Değerlendirme Uçurumları : Kullanıcının beklentisi ile sistemin fiziksel sunumu arasındaki uzaklıktır. Kullanıcı sistemin sunumunu kendi hedefi doğrultusunda kolayca değerlendirebiliyorsa bu uçurum küçüktür. 20.09.2018 Bahadır YILDIZ

Kayma ve Yanılgılar (Slips and Mistakes) İnsan hataları iki gruba ayrılmaktadır; Kullanıcı sistemi iyi anlamış, ne yapacağının farkında ancak kaza ile yanlış zamanda yanlış tuşa basmışsa bir Kayma oluşmuştur. Daha iyi bir ekran tasarımı vb durumlar ile düzeltilmesi kolaydır. Kullanıcı sisteme hakim değilse, ne yapacağını tam olarak kestiremiyorsa, bu şekilde ortaya çıkan hatalara da Yanılgılar denilmektedir. Düzeltilmesi daha zordur, sistemin iyi anlaşılması vb durumları gerektirir. 20.09.2018 Bahadır YILDIZ

Etkileşimin İskeleti(Framework) Etkileşimde 4 ana tercüme çeşidi vardır; Bildirme,Performans,Sunum,Gözlem S Sistem dili U Kullanıcı dili Ç Çıkış G Giriş Söyleme,Bildirme (Articulation) Gözlem (Observation) Performans (Performance) Sunum (Presentation) 20.09.2018 Bahadır YILDIZ

Etkileşimin İskeleti (Framework) Kullanıcı giriş birimine yapmak istediklerini bildirir Giriş birimi sistemin anlayacağı dile tercüme eder ve işlem görülür Sistem çıkış biriminin anlayacağı dile tercüme eder Çıkış birimi de kullanıcın anlayacağı dile tercümesini yapar Kullanıcı da sonucu görerek değerlendirmesini yapar. 20.09.2018 Bahadır YILDIZ

Etkileşimin İskeleti (Framework) Burada esas olan diller arası tercümelerin sağlıklı yapılabiliyor olmasıdır. Tasarlanan sistemlerde dikkat edilmesi gereken ve sorunların yaşanmasına neden olan burada yapılan tercüme hatalarıdır. Bununla birlikte karşılıklı iletişimi kolaylaştırıcı adımlar da atılmalıdır. Örn: bir odanın ışığını açmak istiyorsanız ve tüm düğmeler –üzerinde açıklamaları bulunmayan- bir dolabın içerisindeyse, düğmeleri deneme yanılma yoluyla bulmak gerekebilir. Düğme sayısının çok fazla olması durumunda bu içinden çıkılmaz bir durum olabilir. 20.09.2018 Bahadır YILDIZ

Ergonomi Etkileşimin insan faktörüdür. Fiziksel niteliklerdir; kontroller nasıl tasarlanacak, etkileşimin olacağı fiziksel ortam nasıl olacak, ekran kalitesi nasıl olacak vs. Bunların yanında insan psikolojisi ve sistem kısıtlılıkları ile de ilgilidir. 20.09.2018 Bahadır YILDIZ

Ergonomi Kontrollerin ve Göstergelerin düzenlenmesi Kontroller ve göstergeler kolay erişim için mantıksal olarak gruplanmalıdır. Basit uygulamalar için çok önemli görülmeyebilir ancak hayati önem taşıyan sistemler için çok önemlidir. Örn: hava kontrol kuleleri, uçaklar, … Kritik önemi olmayan sistemlerde de bu tarz gruplamalar yapılması daha iyidir, çünkü kullanıcının işini kolaylaştırmak, kullanıcıyı uğraştırmamak esastır. 20.09.2018 Bahadır YILDIZ

Ergonomi Kontrollerin gruplandırılması : İşlevsel : birbirleriyle ilgili işlevleri olan kontrollerin gruplandırılması, Sıralı : Sıralı yapılması gereken işleri gerçekleştiren kontrollerin sıraya konulması. Frekans(Sıklık) : Kullanım sıklığına göre, en sık kullanılan kontrollerin kolay erişilebilmesini sağlayan gruplandırma. 20.09.2018 Bahadır YILDIZ

Ergonomi Gruplandırma işlemlerine ek olarak sistem de kullanıcının pozisyonuna uygun düzenlenmiş olmalıdır. Örn: kullanıcı extra bir hareket yapmadan bütün kontrollere ulaşabilmeli ve gerekli göstergeleri görebilmelidir. Önemli uyarılar göz hizasında olmalıdır. Kontroller arasında yeterince boşluklar bırakılmış olması gereklidir. 20.09.2018 Bahadır YILDIZ

Ergonomi Etkileşimin Fiziksel Çevresi Sistem nerede kullanılacak? Sistem kim tarafından kullanılacak? Kullanıcı oturacak mı, ayakta mı duracak? Örn: hazırlanan sistemi kullananlar; Fiziksel olarak küçükse de tüm kontrollere ulaşabilsin, Fiziksel olarak büyükse de ortamda sıkışmasın. 20.09.2018 Bahadır YILDIZ

Ergonomi Sağlık Sorunları Bilgisayar kullanmanın riskli bir iş olmadığını düşünebiliriz ancak tasarımlarımızın neden olabileceği sağlık ve güvenlik sorunlarını da aklımızdan çıkarmamalıyız. 20.09.2018 Bahadır YILDIZ

Ergonomi Etkileşimin kalitesini ve kullanıcı performansını direk etkileyen çevresel faktörler; Fiziksel pozisyon: kullanıcılar tüm kontrollere ulaşabilmelidir, ayakta fazla durmamalıdırlar, oturacaklarsa sırtlarında destek olmalıdır vs. Sıcaklık: çok sıcak ve çok soğuk sıcaklıklar kullanıcıların konsantrasyonun etkilemektedir. Işıklandırma: kullanıcıların gözlerini yormayacak, ekranı rahat görmelerini sağlayan yeterli ışıklandırma sağlanmalıdır. Ses: aşırı yüksek ses rahatsızlık vereceği gibi ağrı ve duyma kaybına neden olabilir. Zaman: kullanıcıların sistemi kullanırken harcadıkları zaman kontrol edilmelidir. 20.09.2018 Bahadır YILDIZ

Ergonomi Renk Kullanımı Göstergelerde renk kullanımı bir ergonomi sorunudur; 1. bölümde gördüğümüz gibi, görme sisteminin bazı sınırlılıkları bulunmaktadır. 20.09.2018 Bahadır YILDIZ

Ergonomi Renk Kullanımı (Bazı örnekler) Kullanılan renkler birbirinden olabildiğince ayrı olmalıdır ve kontrast değişmelerinden etkilenmemelidir. Önemli uyarılarda mavi kulanılmamalıdır. Belirtici olarak renk kullanılıyorsa, sadece renk yerine ek olarak kod bilgileri de verilmelidir. Renkler gelenekler ve beklentiler doğrultusunda kullanılmalıdır. Örn: kırmızı tehlike veya alarm göstergesi iken yeşil normal bir eylem için, sarı da bekleme konumu için kullanılabilir. Bunun yanında renklerin anlamları kültürlere göre de farklılık gösterebilmektedir. Örn: Kırmızı, batıda tehlike, uyarı anlamına gelirken, Çin’de mutluluk, iyi şansı ifade etmektedir. 20.09.2018 Bahadır YILDIZ

Etkileşim Çeşitleri Komut Satırı arayüzü Menüler Doğal dil Soru-cevap ve sorgu Form doldurma ve tablolama WIMP Nokta ve tıkla 3 boyutlu arayüzler 20.09.2018 Bahadır YILDIZ

Komut Satırı Arayüzü İlk interaktif diyalog çeşididir. Sisteme direk giriş yapıldığı için güçlüdürler. Aynı zamanda esnektir. (komutların çok fazla parametreleri vardır aynı anda birçok farklı alt komut işletilebilir.) Deneyimli kullanıcılar için uygundur. 20.09.2018 Bahadır YILDIZ

Menüler Mouse ya da klavye yardımıyla seçilebilen, ekranda görüntülenen bir grup seçenekten oluşurlar. Hatırlamaya değil tanımaya dayalıdır bu nedenle kullanıcı için daha kolaydır. Seçeneklerin mantıksal olarak gruplanması gereklidir. Hiyerarşik olarak da gruplanırlar. 20.09.2018 Bahadır YILDIZ

Doğal Dil Kullanıcıların kullandığı dile benzer Hem konuşmayı hem de yazıyla girilen günlük konuşma dilini anlar,(araştırmalar devam ediyor) Bir çok nedenle bilgisayarın anlaması zordur, örn: bazı kelimelerin anlamları cümledeki kullanılışına göre değişmektedir, bilgisayar bunları fark edemez. The boy hit the dog with the stick 20.09.2018 Bahadır YILDIZ

Doğal Dil Tam anlamıyla kullanılamadığı için, kullanıcıların çok fazla beklenti içerisinde olmamaları gerekmektedir. Kullanıcılar sistemin tanıdığı sözcükleri öğrenerek o şekilde bir iletişim sağlanabilir. 20.09.2018 Bahadır YILDIZ

Soru-Cevap ve Sorgu Soru-Cevap (anketler) Kullanıcıya sorular sorulur ve alınan cevaplara göre etkileşim sağlanır. Yeni kullanıcılar için uygundur Kısıtlı bir yapısı vardır Sorgu (SQL vb.) Veri tabanından gerekli bilgileri çekmek için kullanılır. Özel sözdizimleri vardır. Veri tabanı yapısını anlamayı gerektirir. 20.09.2018 Bahadır YILDIZ

Form Doldurma Veri girerken ya da veri alırken (retrieve) kullanılırlar. İlgili boşluklara gerekli bilgiler yazılarak kullanılırlar. Form içerisinde kolay hareket sağlanmalıdır. Düzeltme olanakları açık olmalıdır. 20.09.2018 Bahadır YILDIZ

Tablolama Tablolar form doldurmanın daha gelişmiş ve daha karmaşık bir çeşididir. Hücrelerden oluşur, bu hücreler; değerler yada formüller içerir. Kullanıcı istediği gibi verileri girip değiştirebilir, süreç devam eder. Son zamanlardaki en tanınmışı Ms Excel’dir. 20.09.2018 Bahadır YILDIZ

WIMP Windows Icons Menus Pointers … or windows, icons, mice, and pull-down menus! Özellikle PC’lerde gördüğümüz standart arayüzlerdir. 20.09.2018 Bahadır YILDIZ

Nokta ve Tıkla Bir noktanın ya da belirli bir alanın tıklanması ile çalışmaktadırlar. Web tarayıcılarda, dokunmatik ekranlı sistemlerde kullanılırlar. Tıklanacak alanlar bir metinle, bir resimle ya da bir ikon ile belirtilmektedir. Yazmaktan tasarruf sağlar. 20.09.2018 Bahadır YILDIZ

3 Boyutlu Arayüzler En kolay yolu basit 2 boyutlu ikonlara gölge vermek ya da kabartma haline getirmektir. 3D masaüstü video 20.09.2018 Bahadır YILDIZ

WIMP arayüz Bileşenleri windows, icons, menus, pointers +++ buttons, toolbars, palettes, dialog boxes 20.09.2018 Bahadır YILDIZ

Pencereler Ekranda bağımsızmış gibi davranan alanlardır. Yazılar, resimler, şekiller vb bulunabilirler. Hareket ettirilebilir, boyutlandırılabilirler. Birbirlerinin üstüne konuşlandırılabilirler. Kaydırma Çubukları : pencere içeriğini aşağı yukarı ya da sağa-sola kaydırmak için kullanılır. Başlık Çubuğu : pencerenin adı yazılıdır. 20.09.2018 Bahadır YILDIZ

İkonlar Küçük resim veya görüntülerdir. Nesneleri genellikle de pencereleri göstermek için kullanılırlar. Pencereler simge haline getirildiğinde ikonlar pencereleri temsil ederler. 20.09.2018 Bahadır YILDIZ

İşaretçiler (Pointer) WIMP arayüzler, ekrandaki nesneleri işaretlemek ve seçmek üzerine kurulmuştur. Bu nedenle işaretçiler çok önemlidir. Mouse, joystick, trackball vb ile hareket ettirilirler. Çok farklı simgelerle gösterilebilirler. Simge tıklandığında etkileyeceği alan Hot-Spot olarak adlandırılır ve şekle göre değişiklik gösterebilir. 20.09.2018 Bahadır YILDIZ

Menüler Çeşitli işlemler yapmak için komutlar içeren görsel yapılardır. İşaretçi ile seçilmesi gerekmektedir. Penceresiz sistemlerde de kullanılamktadır. 20.09.2018 Bahadır YILDIZ

Menüler Pull-down: işaretçiyi üzerine götürünce kendiliğinden aşağıya doğru açılan menü Drop-down: işaretçiyi üzerine götürüp tıkladığımızda aşağıya doğru açılan menü Fall-down: işaretçi başlık çubuğuna girince otomatik olarak görünen menü. Pop-up: bir ikon yada özel ayrılmış bir alan tıklandığında ortaya çıkan menü. Pie: işaretçi merkeze alınır ve çevresinde menü seçenekleri oluşur, her seçenek aynı uzaklıktadır. Cascading: seçeneklerinin alt seçenekleri olan menü. 20.09.2018 Bahadır YILDIZ

Menü tasarım sorunları Ne tarz kullanım İçerisinde neler olacak Kullanılacak kelimeler Nasıl gruplanacak Klavye kısayollarının seçimi … 20.09.2018 Bahadır YILDIZ

Düğmeler Bir görsel ile belirtilen, bir eylemi tetikleyecek bağımsız bölgelerdir. Radio buttons : grup düğmeleridir, aynı anda o gruptan sadece 1 seçeneğin seçilmesine izin verir Check box : birden fazla seçeneğin seçilmesine izin veren seçme kutularıdır. 20.09.2018 Bahadır YILDIZ

Araç Çubuğu Üzerinde ikonlar bulunan uzun çubuklardır. Çok kullanılan ikonlara ve düğmelere kolay ulaşım sağlarlar. Düzenlenebilme özellikleri vardır. 20.09.2018 Bahadır YILDIZ

Paletler Menü seçimi vb bir olayla görünür hale gelirler. bir ikon grubu içerirler. Bazı sistemlerde menüler de palet haline getirilebilmektedir. Palet haline getirmek için ayrılabilen menülere de tear-off menü denilmektedir. 20.09.2018 Bahadır YILDIZ

İletişim Pencereleri (Dialog Boxes) Bir durum için kullanıcıdan bilgi almak ya da kullanıcının tepkisini almak için kullanılırlar. Hata uyarılarında kullanılırlar. Bir dosya kaydedileceği zaman da gelişmiş bir iletişim penceresi kullanılır. 20.09.2018 Bahadır YILDIZ

Etkileşim Konuşmaya dayalı arayüzler; Ses tanıma oranı çok düşüktür, ancak uçak rezervasyonu gibi sadece “evet” ve “hayır” cevabı isteyen yerlerde bu sistem işlemektedir. Konuşmayla sisteme girdi sağlamak çok zordur buna karşın konuşmaya dayalı etkileşim daha kolaydır. 20.09.2018 Bahadır YILDIZ

Hissetmek Etkileşim WIMP arayüzlerde “hissetmeyi” tanımlamak için son derece önemlidir. Her WIMP arayüzde genel olarak aynı nesneler bulunmaktadır, ancak farklı pencere sistemler farklı davranabilirler. Örn: MacOs ve Windows menüleri 20.09.2018 Bahadır YILDIZ

İnisiyatif, teşebbüs (initiative) Eski bilgisayarlarda inisiyatif bilgisayarlarda iken yeni WIMP sistemlerde kullanıcıya geçmektedir. Bazı durumlarda sistem inisiyatifi kullanıcıdan almaktadır. Örn: uyarı pencerelerinin açılması ve o pencere kapatılmadan başka işlem yapılamaması. Hatalarda kullanışlı olabilir ancak dikkatli kullanılması gerekmektedir. 20.09.2018 Bahadır YILDIZ

Hatalar ve giderilmesi Hatalardan kaçınılamaz bu nedenle çeşitli yollarla azaltma ve düzelteme yoluna gidilir. Bunlardan birisi de hata oluştuğu zaman kullanıcıya bildirmektir. Eğer kullanıcılar hataları bulabilirlerse düzeltebilirler. 20.09.2018 Bahadır YILDIZ

Bağlam İnsan sosyal bir varlıktır ve etkileşim de sosyal ve örgütsel bağlamdan etkilenmektedir. Diğer insanlar Baskı, rekabet, başaramama korkusu… Motivasyon Korku, sadakat, hırs, kendini beğenme… Yetersiz ya da uygunsuz sistemler Sistem reddedilmesi, motivasyonsuz çalışma… 20.09.2018 Bahadır YILDIZ

Bağlam Bunların yanında yeni bir teknolojiyle tanışmak, -o anki işine uygun, iyi tasarlanmış ve rekabeti arttıran bir teknolojiyse- motivasyonu arttırabilir. Dönütler de çok önemlidir. Dönüt verilmediği zaman kullanıcı ne yaptığını ya da doğru mu yanlış mı yaptığını fark edemeyebilir, sıkılır, motivasyonunu kaybeder. 20.09.2018 Bahadır YILDIZ

Tecrübe İyi bit tecrübeyi anlayabiliriz ancak tecrübeyi tanımlamak ve tasarlamak oldukça zordur. Csikszentimihalyi dağa tırmanmak gibi uç(extreme) tecrübeleri gözlemlemiş ve bazen olabilen “total engagement” hissedilebilmesi için kaygı ile can sıkıntısı arasında bir denge olması gerektiğini belirtmiştir ve buna Akış(flow) demiştir. İnsanlar zaten bildikleri şeyleri yaparken sıkılabilirler, hiç bilmedikleri bir şeyi yaparken de endişe duyarlar, Bu ikisinin arasında; sıkılmayacak kadar zor ve yabancı, ancak endişe duyulmayacak kadar da kolay olduğu zaman “total engagement” hissedilebilmektedir. 20.09.2018 Bahadır YILDIZ

flow Eğitimde de buna benzer bir olgu vardır: ZPD ( Zone of Proximal Development ). 20.09.2018 Bahadır YILDIZ

20.09.2018 Bahadır YILDIZ

20.09.2018 Bahadır YILDIZ

sender recipient sender fill in web form receive email To: wxv From: .. receive email recipient closed cracker page open message recipient clicks cracker opens ... very slowly sender watches progress joke links open cracker page web toy mask 20.09.2018 Bahadır YILDIZ

real cracker virtual cracker Surface elements design cheap and cheerful simple page/graphics play plastic toy and joke web toy and joke dressing up paper hat mask to cut out Experienced effects shared offered to another sent by email message co-experience pulled together sender can't see content until opened by recipient excitement cultural connotations recruited expectation hiddenness contents inside first page - no contents suspense pulling cracker slow ... page change surprise bang (when it works) WAV file (when it works) 20.09.2018 Bahadır YILDIZ

Fiziksel Tasarım Sınırlılıklar Ergonomi : küçük ya da yakın düğmeler Fiziksel : Olması gereken boyutlar (yüksek voltaj düğmeleri küçük olamıyor.) Yasal ve güvenlik: fırın düğmelerinin sıcak yüzeyden uzak olması Bağlam ve çevre: kolay temizlenebilir olması Estetik: güzel görünüyor olması Ekonomi: çok pahalı olmaması 20.09.2018 Bahadır YILDIZ

Trade-off (Bir şey için başka şeyden ödün verme) Örn: fırın için düğmelerin ön panelde olması yetişkinler için iyi ve güvenli iken, Arka panelde olması çocuklar için daha güvenlidir. 20.09.2018 Bahadır YILDIZ

Akıcılık Bir aygıtın fiziksel yapısının, mantıksal yapısnı desteklemesi durumudur. Örn: aç/kapat düğmeleri 20.09.2018 Bahadır YILDIZ

Değer Yönetimi Bir kişiden bir aygıtı kullanmasını istiyorsak, o kişinin kişisel değerlerini anlamamız gereklidir. Neden kullanmak istesin? Kullanınca ne kazanacak? Burada kazanılacak şey para dışındaki şeyleri de içermektedir; örn: başarılı bir kariyer ya da ekoloji dostu olması gibi… 20.09.2018 Bahadır YILDIZ

Değer Yönetimi Kısaca insanlar bir şey kullanacaklarsa önce değerini fark etmelidir Ve Bu değer maliyetinden yüksek olmalıdır. 20.09.2018 Bahadır YILDIZ

Teşekkürler… 20.09.2018 Bahadır YILDIZ