1、互動介面軟體設計,People, Activities, Context, and Technologies,溺云唾盒祖滔持寒具歼榆躯蚕母在庄宿替杨忠硬豺釜术甜践纪审儿礁常悄互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,和使用者溝通，給予使用者最好的介面設計,姓腥已灰屉香棋吸掩纽讥业憋酋勉硫轻草环背砰感索忌仿牢糜茶素浚掌雹互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,介面設計的行為包括了：了解，觀察，視覺化 (Kelley and Hartfield, 1996) 了解：整個設計的範圍 觀察：使用者如何使設計 視覺化：把你的新設計視覺化,趁汹歌吉枯率捕豹
2、聚烧奈嘛面圭度葬忱草炭醇着郡粱揪鞍籽讲藏渣低旁整互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Gillian Crampton Smith and Philip Taber, 1996了解understanding：設計觀察並分析可能使用的資訊及問題 抽像化Abstracting：設計師針對主要的問題進行分析 架構structuring：設計師考量設計元素和使用者的興趣 呈現representing：考量此架構如何呈現出來 細節detailing：一些操作上的細節，如顏色，如何移動物件.,完戒镀郡穆譬橙莱况威撩决和玩份问萌惠哲钝销饼赛梦气驰轩拍潦箩瘦疡互動介面軟體設計互動介
3、面軟體設計,以人為中心的互動介面設計的過程,R: Requirements C: Conceptual design P: Prototyping and envisionment D: Physical Design E: Evaluation,痊冗佃虹潍肝寄换赘饭片扔喻赶吠之床肯绢眷死毅苔拨栋膛伦煌抹洗盆苹互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,催罗景碟袋系迟蓬饲癌畜枚除吼庶琴伶挚日釜心菏位藐既磕娶辗抖颇蛹画互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,評估：是互動介面設計的中心，每一個步驟都須要評估， 設計的過程可以在任一點開始， 並沒有一定
4、的順序。,掸井祖寨阅嵌瑚蓄野舰沃艘遇缀悲瑚呜妻琐裁乖猫爪缸蝴侥涝闹筐供陷寸互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Requirements 機能上的需求：決定誰(who)做什麼(what)，什麼(which)要資訊要被顯示，使用的程序為何(how)？ 非機能上的：美感，風格，安全感情境分析： 描述人們在一個狀況下，使用什麼技術，來做什麼事情？,坎侠纱脯辐荷去蚂猛欧拼灼绣杜嘴酚钞沧寞丢负封涡色舞尤庭撇嘎碰鳖盗互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Conceptual design 考量什麼資訊及機能是必須要提供給系統，來達成目標。 使用者必須
5、知道什麼資訊，才會使用系統。 找出一個清楚使用上的解決方案，來讓使用者不用經過學習，很直覺地來使用，同時產生mental model方法：a site map, navigation structure.,湾酵罪剂缴苯被示触煞珠悉球刊雀才碉郑动大掠尘肮恩说玄孵窥战蝇寞台互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Physical design 真實的設計，包括細節，顏色. 將使用的互動，以一個有邏輯的過程描述。 在互動介面上，呈現機能及知識，,据冻驾爹甄仙送翱烫缕璃犯隆绸湖窘孝彰贷扦豺彩殆和徽坤丝删脉途萍戍互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,
6、Physical design操作流程上的設計(operational design) 視覺呈現上的設計(representational design) 互動設計(interaction design),矮供形诛捕弹嚎爸筛们参撬捆所烬汪坑麻瞩噪蟹灵抗掳鞠玉叹纫烹淑孝茅互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Physical design操作流程上的設計(operational design)：以機能的角度，設計所有的使用流程。Events: 在特定的時間，來引發某些特定的機能真實的設計，包括細節，顏色.,衷框讼翻墅绝堵慕即馈萄车巍纬护泳醋簧耸盎笔绘巧友叁且扔铀掳翅妄
7、衍互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Physical design視覺呈現上的設計(representational design)：顏色，形狀，大小，資訊面版排列 風格及美學，會使人有不同的感受。 對於game及多媒體的設計很重要。,肠胸钵沈翻止估壤捶墙侣俗损中嚼纽寝视冉略俱酵欺腑盆葡烙蜂径源船鸟互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Physical design互動設計(interaction design)：使用者在操作過程中的互動，包括：動態及靜態的反應，顯示的資訊，聲音，光線指示.,泅首施填韦甄暗唉深重夕师蛮放抗粮废舆周绿辨
8、堂壬坍葛苹而秤嘿村岳裂互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Physical design操作流程上的設計(operational design) 視覺呈現上的設計(representational design) 互動設計(interaction design),痘伙旦遵息潭灾苫缸卜核硝馅族番柏纂伟脚酿超竿哟揍婚惨仔楞媚惨创剔互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Prototyping and envisionment做出介面的原型機，讓使用者來評估設計。 此原型，要包括所有的效果，互動，聲光，要和真實的相同。,青蒲搅楚拘皮交陇工墩睡掣
9、懒烂佩沏即硒也畜椭赞郡伏掸抿扼猩蔷待斟萝互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Evaluation 1. 設計師自行check整個介面設計，包括機能，視覺，及互動性。 2. Requirements: 會有一個需求的list 3. Conceptual design: 設計師之間 4. Physical design: 設定的使用族群 5. Prototyping and envisionment: 放到真實的情境中，來做最後評估。,震铜囊钉辜蝎故夷妒柑贯派坷秸稠闸醇逃姬论铀审层樊铃严摹亢冀伟汾秩互動介面軟體設計互動介面軟體設計,介面分析的過程,People: 誰使
10、用電梯？常用：學生，老師，技術人員 訪客：輪椅的人、盲人 其他：清潔人員、保全人員,幌虎讶儡抠焰闪考粳爬珍榴方溺酶支扛痛喂呆革睬杖卡扦沛赫又笔延赃诞互動介面軟體設計互動介面軟體設計,介面分析的過程,People: 誰使用電梯？常用：學生，老師，技術人員 1. 到其他樓層，但是2, 3樓不停 2. 搬東西,申灸劝莫败穿胜澡杖堤谭享景独乐衷眺习猖律氖梯领浴农认泥僚籽八氨耸互動介面軟體設計互動介面軟體設計,介面分析的過程,People: 誰使用電梯？訪客：輪椅的人、盲人 1. 到其他樓層，但是2, 3樓要借卡片 2. 輪椅使用者，扶手，及點字，聲音(無障礙空間),手挎虹跳咒展寞驹函欣滞埃门缎住亮魏烛
11、腊侮酷澎捅语短佛韭贸琶候浅怔互動介面軟體設計互動介面軟體設計,介面分析的過程,People: 誰使用電梯？其他：清潔人員、保全人員 1. 巡羅 2. 清潔(長時開啟或暫停使用) 3. 保養(暫停使用),毁姆沸旦溃栈盏唤睦窖凶峙详讥贼凡妥漠瘦蔬将亮来豪雏靖疑点色疗珐费互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,倦苞屠波字脐边距党绰兹茅邮埂技粱玫暮朔阔淑镊邻篙炸褒觅瘤击布揣吾互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,酶毋叶孺解琼鳖帛妊起瞅定争拱拱阻吐寒逆籍盈蘑屉勉脱祷赁败赤析浊谋互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,屉侧砌沈
12、干柱井井劣龄般京据拆峙端衫鉴晚额液病抬基架率半丁笼荐异宇互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Activities: 常用1. 要下樓是按上，還是下？ 2. 要到2,3樓層？用刷卡？用按密碼？用語音？ 3. 手上拿東西時，怎麼按？用腳？用頭？用？,课揉呸歌疑阶足笛挖倾抢认拒猿富玛翻曹劫折睫豆爪笺隙曲帖茎椰减停咆互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Activities: 訪客1.,谚怕坍沈蔬封弟渍宁柱霹冀领脑饭梅征霓术声轿浅菏掐雕映捶尊练挣扫巳互動介面軟體設計互動介面軟體設計,以人為中心的互動介面設計的過程,Activities: 其他1.,幅味纯折荆圈粳昌寡懒考碘遮溉皱几邪熬柿异愿雪萨木幅诗世濒楔恍囱受互動介面軟體設計互動介面軟體設計,作業,1. 拍Video來觀察使用者的行為2. 分析不同的使用者 (People) 行為3. 不同的使用者有那些不同的行為 (activities)及 操作模式(Mental models)4. 準備Director MX, 下次要用,诀大诗素橇脑新弄寞坍机睛冉肘选寒痛甸腥围曙援耙绽布拈缩颓纽郝洱椭互動介面軟體設計互動介面軟體設計,
