5-Atensi dan Memori

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriAtensi dan MemoriRestyandito, , S.Kom, MSISATENSIAttentionAttention• Definition:„Attention is the taking possesion of mind, inclear and vivid form, on one out of what seemseveral simultaneously possible objects or trainsof thoughts ... It requires withdrawal from somethings in order to deal effectively with others“W. James 1980sThe Coctail Party Effect:• Membuat kita mendengar nama kitadisebut ditengah keramaian• Seperti prosesor paralel yangsedang menunggu untukmendengarkan nama kita• Mengijinkan kita untukmemfokuskan perhatian kita padasatu topik pembicaraanRestyandito, S.Kom,MSIS1

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriAttentionTwo types• Focused Attention:- kita memilih satu aliran informasi diantarabanyak informasi yayng perlu kita dengar• Divided Attention:- mengikuti percakapan sambil mengamatiorang yang berbicara- menyetir mobil sambil menelepon- Tingkah laku para ahli (expert) memungkinkandevided attentionAttentionAdditional Properties• Voluntary:- ada usaha untuk memperhatikan sesuatu• Involuntary:- beberapa rangsangan (stimuli) menarikperhatian kita, memaksa masuk dalamkesadaran kita.Attention and HCI• Atensi mempengaruhi seberapa efektif kitaberinteraksi dengan sistem• Perhatian orang mudah teralihkanBagaimana menarik kembali perhatianpengguna?• Proses Seleksi bagaimana memfokuskan perhatianpengguna terhadap informasi yang penting?Guiding AttentionStructuring Information• Menyajikan informasi secara terstruktur• Tujuan:- mempermudah navigasi dan- menemukan informasi yang penting• Tips:- jangan menyajikan terlalu banyak/sedikit informasipada satu saat- mengelompokkan berdasarkan kategori mengunakan prinsip Gestalt- penggunaan windowsRestyandito, S.Kom,MSIS2

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriGuiding AttentionStructuring InformationGuiding AttentionStructuring InformationHiltonHYATTHYATT RegencyHYATT ResortJW MariottJW MariottLe MeridienLe MeridienNovotelRadisson PlazaJedah – Saudi Arabia+96-03-5873938Paris - France+33-1-48671793London – U.K.+32-2-1206332Phuket - Thailand+66-8-6797371Jakarta – Indonesia+62-21-7203393Surabaya – Indonesia+62-31-979797Bangkok – Thailand+66-2-43214222Auckland – New Zealand+64-9-8989656Taipei – Taiwan+88-62-2833098Tokyo – JapanS: US$ 310D: US$ 385S: US$ 500D: US$ 750S: US$ 400D: US$ 450S: US$ 650D: US$ 820S: US$ 700D: US$ 900S: US$ 625D: US$ 750S: US$ 300D: US$ 425S: US$ 375D: US$ 450S: US$ 275D: US$ 300S: US$ 350$golf court, hajj center, shoppingarcade, indoor swimming poolswimming pool, tennis court,golf court, spa, fitness centrefitness center, tennis court,Indor swimming pool, spaswimming pool, private beach,golf court, spa, fitness centrefitness center, tennis court,swimming pool, spa, mini golffitness center, papilon club,swimming pool, mini golf, spabar, Japanese restaurant,karaokefitness center, tennis court, spaindor tennis court, swimmingpool,spa, fitness centerswimming pool, fitness centercofee shop, media centerkaraoke, convention center, spa,France - Paris+33-1-48671793Indonesia - Jakarta+62-21-7203393Indonesia - Surabaya+62-31-979797Japan - Tokyo+81-3-1281281New Zealand - Auckland+64-9-8989656Saudi Arabia - Jedah+96-03-5873938Taiwan - Taipei+88-62-2833098Thailand - Bangkok+66-2-43214222Thailand - Phuket+66-8-6797371London – U.K.HYATTJW MariottJW MariottRadisson PlazaLe MeridienHiltonNovotelLe MeridienHYATT ResortHYATT RegencyS: US$ 500D: US$ 750S: US$ 700D: US$ 900S: US$ 625D: US$ 750S: US$ 350D: US$ 415S: US$ 375D: US$ 450S: US$ 310D: US$ 385S: US$ 275D: US$ 300S: US$ 300D: US$ 425S: US$ 650D: US$ 820S: US$ 400$swimming pool, tennis court,golf court, spa, fitness centrefitness center, tennis court,swimming pool, spa, mini golffitness center, papilon club,swimming pool, mini golf, spakaraoke, convention center, spa,fitness center, swimming poolindor tennis court, swimmingpool,spa, fitness centergolf court, hajj center, shoppingarcade, indoor swimming poolswimming pool, fitness centercofee shop, media centerbar, Japanese restaurant,karaokefitness center, tennis court, spaswimming pool, private beach,golf court, spa, fitness centrefitness center, tennis court,Guiding AttentionOther ApproachesGuiding AttentionGuiding AttentionOther Approaches• Petunjuk-petunjuk spatial dan temporal• Penggunaan warna• Teknik-teknik‚alerting‘contoh: flash, reverse video, peringatan audio yangbertujuan untuk menarik perhatian kembaliRestyandito, S.Kom,MSIS3

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriGuiding AttentionStructure Methods in General• Informasi yang membutuhkan perhatian segeradiletakkan di tempat yang mencolok mata• Informasi yang kurang penting tidak harusdiletakkan di tempat yang mencolok, tetapi dilokasi yang spesifik• Informasi yang tidak begitu diperlukan tidakusah ditampillkan, tetapi dapat ditampilkan jikadiperlukan.(contoh: Fasilitas Help)Multitasking• Mengerjakan beberapa pekerjaan dalam periodewaktu yang sama• Aktifitas dibedakan secara hierarkhis:a. Aktifitas primerb. Aktifitas sekunder• Foregrounded aktifitas yang diperhatikan• Suspended aktifitas yang ditunda untuksementaraMultitaskingDifficulties• Atensi manusia:fleksibel untuk multitaskingrawan terhadap interupsi• Akibat interupsi:- pengambilan langkah yang kurang tepat- pengulangan• Pengulangan aktifitas rutinRestyandito, S.Kom,MSIS4

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriMultitaskingHandling interuptionsMultitaskingHandling interuptions• Menggunakan cognitive aids representasieksternal yang untuk menarik perhatian kita- membuat catatan- post it,- dll• Norman (1992) : reminder meliputi sinyal danpesan• Kesulitan: banyak aktifitas tidak ‚sequential‘• Designlah satu teknik reminder sederhanapada interface dengan memperhatikankriterianya Norman!• Berilah penjelasan pada design andaMultistore Model of MemoryMEMORI• Sensory: milliseconds– Iconic (visual)– Auditory• Working (short term): seconds– “The magic number 7 plus or minus 2”• Long Term: permanent(?)Restyandito, S.Kom,MSIS5

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriWorking Memory• Working memory sebagai alternatif dari shortterm memory• Working memory (Barsalou, 1992):- elemen-elemen yang diaktifkan dari long-termmemory- terdiri dari mekanisme yang mengoperasikanpemrosesan strategis- prosesor eksekutifWorking MemoryKarakteristik: Kapasitas• Kapasitas memori terbatas• Teori George Miller:• The Magical number 7 " 2• Para perancang percaya bahwa teori Milleradalah penemuan berharga bagi designinteraksi.Working MemoryKarakteristik: KapasitasApa Yang dilakukan para perancang:- menampilkan 7 pilihan menu- menampilkan 7 icon dalam tool bar- menyediakan hanya 7 bullet di daftarnya- menempatkan 7 item di pull down menu- menampilkan 7 tab di halaman atas web sitehal ini kurang benar. Mengapa?Working MemoryKarakteristik: Kapasitas• Kapasitas memori terbatas• Teori George Miller:• The Magical number 7 " 2• Para perancang percaya bahwa teori Milleradalah penemuan berharga bagi designinteraksi.Restyandito, S.Kom,MSIS6

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriChunking• Ingat 7 " 2• Menciptakan C Cognitive chunksUI Design• Chunking menu:Chunking How Many?Ada progres dari umum ke khususMenu bar diambil dari:http://www.interfacemafia.org/articles/200109/200109-ar0002.shtmlar0002.shtml• Kelompok tidak cukup? terlalu banyak? ? Ideal?• Menu diambil dari:http://www.interfacemafia.org/articles/200109/200109-ar0002.shtmlar0002.shtmlBread CrumbWorking MemoryWorking MemoryKarakteristik: Lain-Lain• Durasi• Lupapenyebab : - displacement view- tidak pernah disimpan- info tidak bisa keluar dari memori• Pengkodean• Retrieval serial/ simultaneous retrieval parallel retrievalRestyandito, S.Kom,MSIS7

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriWorking MemoryHal- hal yang perlu diperhatikan oleh designersehubungandengan memori:1. Level pemrosesan: semakin berarti suatuinformasi, semakin dalam pemrosesan yangterjadi saata pertama kali informasi tersebutdiperoleh, dan kemungkinan untuk diingat lebihbesar.- familiarity frekuensi- imagery bagaimana suatu obyek dapatdigambarkanWorking Memory2. Buat perintah/icon yang memiliki arti dalammenentukan perintah/instruksi. Perhatikankonteks, kebudayaan dan karakteristikcontoh: : perintah UNIX mv, pr, lprmv memindahkan filepr mencetaklpr print ke suatu piranti outputMeaningful Interface• Faktor-faktoryang mempengaruhi “meaningfulInterface”1. konteks tempat icon tersebut digunakan2. fungsi dari icon digunakan untuk apa3. bentuk representasi4. konsep yang mendasari suatu iconMeaningful Commands• Booth (1994) menyatakan untuk mendapatkanmeaningful commands hal-halberikut ini perludiperhatikan:1. syntax perintah yang sederhana dan alamiah2. jumlah dan format perintah terbatas3. mempertimbangkan dasar pengetahuandalam pemilihan nama perintah4. sistem mengenali bentuk alternatif dari syntaxperintah.5. mengijinkan pengguna membuat namaperintah sendiriRestyandito, S.Kom,MSIS8

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriDesigning Meaningful IconsContext and functionDesigning Meaningful IconsRepresentational Form• Dalam membuat icondapat digunakanrepresentasi berikut:- resemblance icons- exemplar icons- symbolic icons- arbitrary iconsLong-Term MemoryRecognition vs recall• Recognition: Pengetahuan di dunia (knowledgein the world)• Recall: pengetahuan di kepala (knowledge in thehead)• Apa yang diingat oleh manusia tergantung dariapa yang diketahuinya (pengetahuan di dunia)• Manusia cenderung mengingat informasi yangpenting bagi mereka untuk melakukan suatufungsiPropertyretrievabilitylearningLong-Term MemoryKnowlege in the worldRetrievable whenevervisible or audibleLearning not requiredInterpretation substitutesfor learning. How easy it isto interpret information inthe world depends uponhow well it exploits naturalmappings and restrainsRecognition vs recallKnowledge in the headNot readily retrievable,requires memory search orremindingRequires learning, whichcan be considerable.Learning is made easier ifthere is meaning orstructure to the material(or if there is a goodenough model)Restyandito, S.Kom,MSIS9

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriLong-Term MemoryRecognition vs recallLong-Term MemoryRecognition vs recallEfficiency ofuseEase use atfirstencounterTends to be slowedup by the need tofind and interpretthe externalinformationhighCan be very efficientlowaestheticCan be unaestheticand inelegant,especially if there isa need to maintaina lot of information.This can lead toclutter. In the end,aesthetic appealdepends upon theskill of the designerNothing need bevisible, which givesmore freedom to thedesigner, which inturn can lead tobetter aestheticsLong-Term MemoryTypes of Memory System1. Episodic memory system- tempat penyimpanan informasi yangdikodekan- berisi informasi ‚spatial‘ dan ‚temporal‘2. Semantic memory- pengetahuan umum yang dibentuk melaluimasa hidup- melibatkan ‚conceptual knowledge‘- contoh: orang ingat kalau mereka menikah tetapitidak ingat secara detail pesta pernikahan mereka.Referensi• Preece, Rogers, Sharp, 1996, Human-ComputerInteraction, Addison-Wesley.( hal 99-122 )• Barsalou, 1992, Cognitive Psychology: AnOverview for Cognitive Scientist, LEA Publisher.( hal 92-147 )Restyandito, S.Kom,MSIS10

TI1143 – Interaksi Manusia dan Komputer5-Atensi dan MemoriThe EndRestyandito, S.Kom,MSIS11