hacettepe Üniversitesi enformasyon tasarımı dersi 2. grup canan yurteri doğan kaya

50
Hacettepe Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan Yurteri Doğan Kaya Gülcan Demirkurt 2012-2013 Bahar Dönemi

Upload: dixie

Post on 05-Jan-2016

76 views

Category:

Documents


0 download

DESCRIPTION

Hacettepe Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan Yurteri Doğan Kaya Gülcan Demirkurt 2012-2013 Bahar Dönemi. İnsan ve Bilgisayar Etkileşimi Fiziksel ve Felsefi Boyutu. Dünyanın ezilen tüm işçileri birleşin - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Hacettepe ÜniversitesiEnformasyon tasarımı dersi

2. GrupCanan YurteriDoğan Kaya

Gülcan Demirkurt2012-2013

Bahar Dönemi

Page 2: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

İnsan ve Bilgisayar EtkileşimiFiziksel ve Felsefi Boyutu

Dünyanın ezilen tüm işçileri birleşin (Karl Marx)

Dünyanın ezilen tüm teknoloji kullanıcıları birleşin (Kürşat Çağıltay)

Page 3: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Etkileşim! İnsanı insan yapan en önemli özelliklerden bir tanesidir. İnsanları diğer tün canlılardan

ayıran, onları üstün yapan özelliğin, birbirleri ile daha zengin ve etkili iletişim

yolunu bulmaları olduğu söylenebilir.

İnsan ve Bilgisayar EtkileşimiFiziksel ve Felsefi Boyutu

Page 4: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya
Page 5: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

İnsan, konuşma, işaret, resim çizme, yazı yazma gibi pek çok yolla kendini ifade edebilmektedir. Diğer canlılardan farklı

olarak insan, bilgi aktarımını nesilden nesile sağlayabilmektedir.

Telefon, telgraf, radyo, televizyon gibi teknolojilerin gelişmesiyle birlikte etkileşimin önünde yeni boyutlar

açılmıştır. Daha büyük gelişmeler bilgisayarın hayatımıza girmesi ile başlamıştır

İnsan insan etkileşimi yüz yüze etkileşim olmaktan yavaş yavaş çıkmakta ve bilgisayar arayüzü ile gerçekleşmektedir.

Binlerce yıllık etkileşim deneyimimiz değişmekte buna bağlı olarak bizlerde yeni etkileşim yollarını bulmak ve bunlara

uyum sağlamak sorunu ile karşı karşıya kalmaktayız.

Page 6: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

ARAYÜZ (İnterface)

1946 yılında yapılan ENİAC adlı ilk bilgisayar bir oda büyüklüğündeydi.

İlk bilgisayarla etkileşim

bugünden çok farklıydı

Page 7: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Erken dönem bilgisayarlara baktığımızda etkileşimin oldukça ilkel düzeyde olduğunu

görmekteyiz.Girdi üniteleri olarak kablolar ve düğmeler

kullanılmakta çıktılar ise bazı ışıklar ve çoğunlukla kağıt üzerinden

gerçekleştirilmekteydi

Page 8: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Delikli Kart (Punch Card)

PDP-1 Bilgisayarı arayüzü

Page 9: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Fiziksel açıdan bakacak olursak arayüz belli boyutları olan ve fiziksel bir maddeden

yapılan bir araçtır.Bilgisayar arayüzü açısından bakarsak günümüzde en iyi örnekler ekranlardır.

Page 10: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Tek renk crt

LCD

Renkli crt

Page 11: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Kullanılabilirlik konusunda yapılan çalışmaların çok büyük kısmı, kullanıcının ihtiyacı olan bilgilerin ekranda en iyi nasıl

sunulabileceğiyle ilgilidir.

1980’li yıllarda ekranlar tek renkli ve yazı temelli iken , günümüzde milyonlarca renk

içeren ve çoklu ortam sunun cihazlar haline gelmiştir.

Page 12: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Günümüzde bilgisayarlara komut vermek ve bilgi girmek gibi tüm işlemleri klavye

aracılığıyla yapmaktayız.

Page 13: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Klasik Klavye Sanal Klavye

Page 14: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Uzun yıllar boyunca tuşlara fiziksel olarak basmak yoluyla gerçekleştirilen klavye

kullanımı son yıllarda yerini sanal klavye kullanımına bırakmaktadır

Page 15: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

İnsanların alışkanlıklarını değiştirmemek için kötü tasarlanmış ürünleri tercih

etmesi büyük sorundur.

Page 16: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Peki ya F klavye

Page 17: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Bilgisayar ile etkileşim için kullandığımız bir diğer önemli arayüz

cihazı da faredir.

Page 18: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

1960’lı yıllarda Doug Engelbart tarafından geliştirilmiştir.

Page 19: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya
Page 20: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

İlk grafik arayüz 1981 yılında xerox geliştirilmiştir

Page 21: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Farede diğer arayüz elemanları gibi zaman içinde çeşitli değişimler geçirmiştir.

Dokunmatik arayüz kullanımının yaygınlaşması yakında farenin yerini

ekranda dolaşan parmaklara bırakacaktır.

Page 22: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Fare Çeşitleri

Page 23: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

http://www.guvencelikkaya.com/?p=320

http://www.youtube.com/watch?v=uckbw72yhBM

Video linkleri

Page 24: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Etkileşimin Geleceği

• Çoklu dokunmatik masa• Beyin-Bilgisayar etkileşimi

Page 25: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Çoklu Dokunmatik Masa (ODTÜ, BÖTE; teknoloji ile zenginleştirilmiş öğrenme

labratuvarı

Page 26: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Beyin Bilgisayar Etkileşimi (ODTÜ, Elektrik Mühendisliği Bölümünde

geliştirilen sistem

Page 27: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Fiziksel Arayüzler

• Giriş (input)•Çıkış (output)

Page 28: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Arayüz (interface) Cihazları

Giriş Cihazları Çıkış Cihazları

Klavye Ekran

Fare Hoparlör

Oyun Çubuğu( JoyStick) Yazıcı

Dokunmatik Ekran Hareketli Platform

Çizim Tahtası Çizim tahtası

Elektronik Eldiven Elektronik Eldiven

Mikrofon Titreşimli Cihazlar

Tarayıcı (Scanner) Fiziksel Ortam ( Hologram)

Page 29: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Yararları

• Bilgi dünyasına kişiliklerimizi katıyoruz,• Bilgi dünyasında kişiliklerimizi zenginleştiriyoruz,• İnternette dünya ile buluşuyoruz,• Teknoloji ile yaşamaya uyum sağlıyoruz,• Oyunlarla yaratıcılığımızı ve problem çözme becerilerimizi arttırıyoruz.

Page 30: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Ya zararları...

?

Page 31: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Zararları

• Araştırma alışkanlığını kaybettik,• Ortopedik ve zihinsel rahatsızlıklar,• Psikolojik ve sosyal etkiler,• Oyunlara bağımlılık.

Page 32: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya
Page 33: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Metaforlar

Gerçek yaşamımızdaki düzen, elektronik ortamlara taşınarak kullanımların genele yayılması sağlanmıştır.

Page 34: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

METAFORLAR

Masaüstü Metaforu ve Üzerindeki Unsurlar

Page 35: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

İnsan Bilgisayar Etkileşimi iki ana başlık altında şekillenmektedir :

• Kullanılabilirlik • Arayüz tasarımları

Etkileşime Felsefi Bakış Açıları

Page 36: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Lucy Suchman Donald Norman

Page 37: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Lucy Suchman

İnsan Bilgisayar etkileşim sürecinde iletişim ve bağlam özellikleri öne çıkarılmalıdır.

“İnsan Bilgisayar Bütünleşmesi”

Page 38: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Donald NormanBilgisayar kullanıcısının bilgisayar ile etkileşim sürecini, belirli işlem seviyelerine bölerek modellemeye çalışmaktadır.

“Bilgisayar ara yüzlerini nasıl daha iyi tasarlayalım ki farklı özelliklere sahip kullanıcılar en rahat şekilde onları kullansınlar ve en yüksek performansı elde etsinler”

Page 39: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Donald Norman (2)Norman’da etkileşim, makinadan mesajların etkin bir şekilde kullanıcıya sunulması gerektiğini savunur.

“Bilgisayar kullanıcıyı anlamalı, ne yapmak istediğini sezip ona göre davranmalıdır.”

Page 40: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Donald Norman’ın oluşturduğu bu model iki ayrı etkinlik üzerine kurulmuştur.Bunlardan birincisi

fiziksel ikincisi ise bilişsel etkinliktir.Norman bilişsel süreci 7 seviyeye bölmüştür.

Etkileşimin 7 Seviyesi ve Körfez Yaklaşımı

Page 41: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

1.Algılama:Etkileşim sürecinin ilk basamağı algılamadır. Örneğin ekrandaki hata mesajını görsel algı sistemi ile algılamaktadır.2.Yorumlama:Görme yolu ile algılanan bu bilginin ikinci adımda yorumlanması gerekmektedir.

Page 42: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

3.Değerlendirme:Ekrandaki hata mesajı zihinde sıradan mı yoksa ciddi bir mesaj mıdır şeklinde bir süreçten geçer. Buna

göre bir değerlendirme gerçekleştirilir. Tüm bu adımlar değerlendirme süreci olarak adlandırılır.

4.Hedefler /Beklenti: Bu bilişsel değerlendirme süreci sonunda hedefin ya da beklentinin ne olduğu belirlenir ve

ardından gerçekleştirme süreci başlar.

Page 43: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

5.Yapmak istenen: Gerçekleştirme sürecinde zihinde oluşan ilk adım bir şey yapmaya ya da yapmamaya karar verilmesidir.

6.Hareketin belirlenmesi: Zihnin herhangi bir tepkide bulunacak mı yoksa bulunulmayacak mı kararı sonrası eğer sonuç tepki verilecek şeklinde olursa ardından ilgili hareket belirlenir. Bu hareket örneğin farenin sol tuşuna tıklamak ya

da klavyede belli bir tuşa basılması olabilir.

Page 44: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

7.Gerçekleştirme: Hareketin belirlenmesi sonucunda son adım olan gerçekleştirme noktasına ulaşılır. Burada vucudun ilgili kaslarına verilen emir ile bilişsel süreç fiziksel bir tepki ile sonlandırılır. Bu süreç döngüsel bir şekilde sürekli olarak

devam eder.

Page 45: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

*Değerlendirme körfezi*Gerçekleştirme körfezi

Norman’ın Körfez Yaklaşımı

Page 46: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Nasıl bir körfezin bir ucundan diğer ucuna geçmek, körfezin iki ucu arasındaki mesafe arttıkça zorlaşıyorsa, insan

bilgisayar etkileşiminde de aynı durum söz konusudur.

Page 47: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Norman’ a göre mükemmel arayüz yapmak yani körfezin iki yakası arasındaki uzaklığı sıfırlamak mümkün değildir.

Dolayısıyla kullanıcıların bir uygulamayı kullanırken hata yapmaları çoğu zaman kaçınılmazdır. Ama önemli olan hata

ihtimalini en aza indirmektir.

Page 48: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Norman değerlendirme gerçekleştirme körfezlerindeki mesafeleri en aza indirmek için 4 temel strateji belirlemiştir.Bunlar;

1.Görünürlük2.İyi bir kavramsal model3.İyi eleştirmeler4.Geri bildirim

7 Seviye Yaklaşımının Tasarıma Etkisi

Page 49: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

Gerçek Bir Etkileşememe Hikayesi

Page 50: Hacettepe  Üniversitesi Enformasyon tasarımı dersi 2. Grup Canan  Yurteri Doğan Kaya

TEŞEKKÜRLER…