etkİleŞİm tasarim temellerİ

TASARIM

BT - 411 nsan - Bilgisayar Etkileimi

Tasarm


Tasarlama szc, ngilizce ve Franszca da ki design kelimesi karl olarak kullanlmaktadr. Tasarm; hedefleri snrllklar dahilinden gerekletirmektir.Tasarm; bir amaca ynelik dnsel retimdir. Tasarm, zihinde canlandrlan biimdir. Tasarm Nedir?


Tasarm iinde ;Fakllklar bulmaHayal kurmaSorgulamaYaratc dnmeEletirel dnme Akl yrtmegibi st dzey zihinsel srelerin tasarm yapmada nemli bir yeri vardr.Tasarm


"Doal olarak meydana gelmemi her ey aslnda bir ekilde tasarlanmtr.."


HedefTasarmn amac ne? Bilgisayar gelitirmekKim iin? Grme engelliler iinNe istiyorlar?Rahat bir ekilde kullana bilecekleri bilgisayarTasarm eleri


SnrllklarHangi materyali kullanmalyz?Magneclay( ya bazl madde), Braille alfabesi, Ses cihaz..Standartlarmz neler? 9 dme(braille alfabesi) , Hareketli yzey,2D-3D GrntSre ve maliyet???? Yl ??? $Tasarm eleri


dnlerHedefler ya da snrllklarn karlanmas iin hangilerinden vazgeilecek?Tasarm gerekletirmek iin imkanlar neticesinde baz hedeflerden dn vermek zorunda kalabilirsiniz.Tasarm eleri


Materyallerinizi anlayn

nsan;Psikolojik SosyalFizikselBak alarstekleriHatalarBilgisayar;KstllklarKapasitesiAralarzellikleriniArtlarnTasarmn Altn Kural


nsanlar hata yapabilirler ancak sistemler bu hatalar ve bu hatalarn sonularn azaltc ynde tasarlanmallardr.

nsanlarn hatalarnn sebepleri ayrntl olarak incelenir ve bilinirse buna uygun tasarmlar yaplarak bunlarn olumalar aza indirgenebilir.

Hatasz Kul Olmaz

TASARIM SREC


Ne isteniyor?AnalizlerTasarmGerekletir ve harekete geirn rnTasarm Sreci


htiyalarNe var? Ne isteniyor?AnalizlerDzenleme ve anlamaTasarmNe yaplacak nasl kararlatrlacakTekrarlama ve n rnlerGerekten neye ihtiya olduunu bulmak!Uygulama ve Harekete GeirmeBasamaklar


Snrl zaman trade-off tasarlayn

kullanlabilirlik?Problemlerin bulunmas ve zm?Ne zeceine karar vermek?

Muhteem sistemler kt tasarlanryiye tasarma fazla emek harcamakancak bunlarn hepsini nasl yapabilirim!!

KULLANICI MERKEZKullanclarnz bilinKiilikleriKltrleri


Onlar kim?Muhtemelen siz deilsiniz!Onlarla konuunOnlar izleyinHayal gcnz kullannKullanclarnz Bilin


Temsil edebilecek bir kullanc kullann.Ahmet ne dnr?Ayrntlar sorundurOnu gerek yapar.Kiilik


Dorudan incelemeBazen zordurevdePsikiyatrik sabrlar,

Aratrma paketleriCevaplama eleriDuvardan dinlemek iin bardak, kameransanlara kendi dnyalarn amalar iin verilenler onlara ne anlaml geliyorsa onu kaydederler.

Kltrel Aratrma

SENARYOLAR


Tasarm iin hikayelerDierleri ile etkileime geDier modellere geerliini denetleDinamikleri anlaDorusallkZaman dorusaldr- hayatmz dorusaldrAncak alternatifler gstermez

Senaryolar


SenaryolarSenaryolar Sisteme Doru Dorusal Bir Yol

AvantajHayat ve zaman dorusaldrAnlamak kolaydr (hikayeler doaldr)Somuttur DezavantajSeenek yoktur, dallanmalar yoktur, zel koullar yoktur.stemeden yaplan hareketleri karr.

yleyseBirden fazla senaryo kullannBirden fazla yntem kullann


Scenario for proposed movie playerSenaryolar

NAVGASYON


Aralarn belirleButonlar, yazlar, menlerEkran ve Pencereler(Mantksal gruplama)Navigasyon tasarm uygulamasD ortamlarBasamaklar


Aralar belirlemeElemanlar, taglar, etiketlerEkran ve PencerelerBenzer menlerin gruplanmasNavigasyonSitenin yaplandrlmasD ortamlarWeb tarayc, d linkler

Web siteleri


Aralar belirlemeButonlar, numaralar, renk, kEkran yerleimiNavigasyon tasarmAracn modlarOrtamGerek dnyaFiziksel aralar


Bu uygulamay kim kullanacak? Nasl dnebilirler?Bununla ne yapacaklar?Balarken dnn?


Yerel yapBir sayfann yaplanmas zerineGenel yapSitenin yaps, sayfalar aras geiKapsaml durumDier uygulamalarla ilikiYaplanma zerine dnn

Yerel YapBir sayfann yaplanmas zerine


hedefbalang


Nerede olduunu bilmeNeler yapabileceini bilmeNereye gidiyor olduunu bilmek veya neler olacanNeler yapm olduunu ve nereye gelmi olduunu bilmek

Drt olgu zerinde durun



Neredesin? - Ekmek krntlar


Yanllkla aramalar engellemek iin kilitleyinKilidi kaldrmak iin - c + yes tularna basnBirok defa yaplr.Eer kilit unutlursaCepte yes tuuna basarsaTelefon rehberine giderTelefon rehberinde c rehberi sil? yes Onayla Modlar

Global yapSitenin yaps sayfalar aras gei


Hiyerarik


Uygulamann ksmlarEkranlar ya da ekran gruplar

Tipik fonksiyonel dalm


Derinlik zordur!

Miller in 7 2 kuramKsa sreli bellek, men boyutu deil

En Uygun?Her ekranda birok eAncak ekran ierisinde yaplandrlmYnlendirme hiyerarisi


A Diyagramlar


Ne neye nclk eder?Ne ne zaman olacak?Dallanma ve dngler ierir?Hiyerari dnda, daha fazla grevA Diyagramlar

Kapsaml DurumDier uygulamalarla etkileim


Platform standartlar, tutarllkStil konular


Kes, kopyala, yaptr..Fonksiyonel konular


Uygulamalar aras geiGml uygulamalar(hava durumu)Farkl uygulamalara eriim(E-posta, ikonlar..)

Navigasyon konular

Ekran Tasarm ve Yerleim


Temel lkelerGruplandrma, Yaplandrma, SralamaHizalamaBeyaz Alann Kullanm

Ekran tasarm ve Yerleim


Mantksal Fiziksel

Gruplama ve yaplandrma


Mantksal eleri gruplamak iin kutular kullann.Balk ve nemli yerleri belirtmek iin fontlar kullann.Grup ve elerin Sralanmas -Ssleme


Yazlarnz soldan saa doru yani; sol tarafa hizalayn.

Aye KULN, UmutHayat akan bir sudur.Alfa Yaynlar2008Aye KULN, UmutHayat akan bir sudur.Alfa Yaynlar2008zel efektler iin iyidir ama ayrt etmek zordur.Biraz skcdr ancak okunur.Grup ve elerin Sralanmas -Hizalama - metin


Muhittin zgraziye SonsesRknettin KaygusuzBediha StksyrlmHayati TehlikeMuhittin zgraziye SonsesRknettin KaygusuzBediha StksyrlmHayati Tehlike

zgr, MuhittinSonses, aziyeKaygusuz, RknettinStksyrlm, BedihaTehlike, Hayati

Soyadlarn ayrt etmeyi kolaylatrn.

Grup ve elerin Sralanmas -Hizalama - isimler


Saylardan hangisi en byk?

532.56 179.3 256.317 15 73.948 1035 3.142 497.6256Grup ve elerin Sralanmas -Hizalama - numaralar


Grsel olarak: uzun numara = byk numara,

Ondalk saylar sralayn ya da saylar hizalayn.

627.865 1.005763 382.583 2502.56 432.935 2.0175 652.87 56.34Grup ve elerin Sralanmas -Hizalama - numaralar


Aralklar ayrmak zordur.

biskvi75 ekerleme120 ikolata35 meyveli sakz27 meyve suyu 85Grup ve elerin Sralanmas -ok stunlar


kili satr renkleri satr.



izgisel yollar kullann.



Ya da adi hizalama yapn.

biskvi 75 ekerleme 120 ikolata 35 meyveli sakz 27 meyve suyu 85Grup ve elerin Sralanmas -ok stunlar


Boluk Kullanm -Datmak iin boluk


Boluk Kullanm -Karmak yaplar iin boluk


Boluk Kullanm -Vurgulamak iin boluk


elerin gruplanmas;

Yiyecek moduPiirme zamanBuz zme ayarlarFiziksel kontroller


elerin gruplanmaselerin sralanmas

44- Balat22- Scaklk33- Piirme zaman11- Istma tipiFiziksel kontroller


elerin gruplanmaselerin sralanmasSslemeFarkl ilevler iin farkl renklerlikili butonlarn evresine izgiFiziksel kontroller


elerin gruplanmaselerin sralanmasSslemeHizalamaButonlarn iindeki yaznn ortalanmasFiziksel kontroller


elerin gruplanmaselerin sralanmasSslemeHizalamaBo alanGruplamaya yardm etmek iin aralklarFiziksel kontroller

AFFORDANCES TEKRARLAMA ve PROTOTPLEME


Bir nesnenin, kendisiyle bir eyler yaplabilmesini salayan vasflar anlamna geliyor. rnein cam krabilirsiniz ya da kahve bardan sapndan tutup kaldrabilirsiniz. Elmay srabilirsiniz ya da tutup atabilirsiniz. Sandalyeye oturabilirsiniz yada zerine kp bozulan ampl deitirebilirsiniz.

Affordance da belirleyici olan, nesneyle ne yaplabileceini sadece sezgisel olarak anlayabiliyor olmamzdr. (Uyarc, bilgilendirici, anlamay kolaylatran bir metin veya szck olmakszn)Affordances(Salarlk)


Bir bakma gdleme grevi de yapyor.Ne alglyorsan onu yapma eiliminde oluyorsun.rnein;Yerdeki bir ta, bir fareye, bir kediye ve bir insana deiik salarlklar (affordances) sunar. Ta fareye saklanlabilirlik salarln sunarken, ayn ta insan iin frlatlabilirlik salarl sunar. Bir nesne, deiik etmenlere deiik olanaklar sunar.

Affordances(Salarlk)


Affordances(Salarlk)



Prototip: Detaylandrma ve seri retim aamasna gemeden nce retilen rnek rn. (Model)

zellikle kompleks rnler iin arttr.

Tekrarlama ve Prototipleme


Tekrarlama ve Prototipleme


Olana kadar Ylmak yok !Tekrarlama ve Prototipleme


Neden Prototipleme Yaplr?

rnn grsel ve ilevsel kontrolleri yaplr.Olabilecek tasarm hatalar tehis edilir.Birden fazla komponent ieren rnlerin birbirlerine geme detaylar ve paralarn uyumu kontrol edilebilir. Prototipler, tasarm ekibi, imalat ekibi ve pazarlama ekibi arasndaki iletiimi ve ortak alma verimliliini arttrr. Prototipin son hali seri retimin yaplmas iin kalp olur. Tekrarlama ve Prototipleme


KaynakaKitap KaynaklarHuman-Computer nteraction

nternet Kaynaklarhttp://www.plastosel.com/ug-objet-prototip.htmlhttp://end.aytasarim.com/index.php?option=com_content&task=view&id=49&Itemid=1http://www.zecinteraktif.com/e-destek/sistem-ve-yazilim/yazilim-gelistirme-ve-prototip-235.htmlhttp://www.zaplat.com/etiket/prototiphttp://tr.wikipedia.org/wiki/Prototiphttp://www.comp.lancs.ac.uk/~dixa/teaching/rome2003/docs/rome-ch05.pdf

etkİleŞİm tasarim temellerİ

Documents

Sınıf İçi Etkileşim ve İletişim

Motor Tasarim

TASARIM ve TASARIM SÜRECİ - iksadyayinevi.com · TASARIM ve TASARIM SÜRECİ Deniz DEMİRARSLAN1 Oğuz DEMİRARSLAN2 KOCAELİ, 2020 1 Kocaeli Üniversitesi, Mimarlık ve Tasarım

Lineris SAP CRM Etkileşim Merkezi Çözümü

ENDÜSTRİYEL TASARIM

Etkileşim Çağında Satışın Yeni Kuralları

SANATTA ETKİLEŞİM - DergiPark

Dolgunun temelleri

Biorezonansın Temelleri

TBP101 KBÜ Programlama Temelleri - elenium.net · 1 Programlama Temelleri Ders Notları, Erkan Hürnalı, Ankara Üniversitesi (10.09.2018) 2 Programlama Temelleri Ders Notları,

TASARIM ÇIKACAK

Progrmlama temelleri

Moda tasarim

VERİ YÖNETİMİNDE ARAŞTIRMACILARLA ETKİLEŞİM...Veri Yönetiminde araştırmacılarla etkileşim: örnek çalışmalar kitabı = Engaging researchers with data management: The

SOSYAL HİZMET ETKİLEŞİM TOPLULUĞU

TASARIM KURALLARI

ETKİLEŞİM (THE INTERACTION)

PHP Temelleri

Ağ temelleri

Sınıf içi etkileşim ve iletişim

Rüzgar Enerjisi ve Etkileşim Raporu indir

Sınıf içi iletişim ve etkileşim

Tasarim Prensipleri

Masaüstü uygulamasından Asp.Net sayfalarıyla etkileşim

Dış Yönlü Etkileşim Oyun Kitabı - Genesys...Şirketiniz Neden Dış Yönlü Etkileşim Çözümüne İhtiyaç Duyar? Dış yönlü etkileşim çözümlerinin dikkate değer biçimde

SEO Temelleri

WEB TASARIM TEMELLERİ

TASARIM GÜNLÜĞÜ

İngilizcenin Temelleri

KÜLTÜREL ETKİLEŞİM VE FARKINDALIK DERNEĞİ ÜYELERİ

GRAFİK TASARIM

tasarim nedir

Ba TASARIM

Yönlendirme temelleri

Programlama Temellerİ