网站互动性之探讨课件

1、網站互動性之探討資應所 936738 孫瑞呢網站互動性之探討資應所 936738 孫瑞呢大綱互動的基本觀念互動的元素互動深度互動風格互動設計原則大綱互動的基本觀念互動的基本觀念-互動的源起最早的互動概念是從人際傳播發展而來，進而被廣泛地應用在各種不同的媒介互動是一種介於訊息的傳送者與接收者之間的溝通,而此種活動不一定要透過媒體來產生 Downes & McMillan,2000 互動的基本觀念-互動的源起最早的互動概念是從人際傳播發展而來網站互動(1/2)網路提供了一個具有彈性及方便的平台，承載了多樣性的資源和與資訊使用者在網路上搜尋資訊時，以非線性的導覽方式及大量的內容,提供使用者相當程度的

2、自由選擇權及控制權 (Hoffman & Novak,1996)互動是一項重要的機制用以吸引使用者，同時也是衡量網站品質的重要因素之一。(Ghose and Dou,1998) 網站互動(1/2)網路提供了一個具有彈性及方便的平台，承載了網站互動(2/2)Ha and James(1998) 認為互動包含以下5項特點：樂趣性(Playfulness) 網站裡存有提供樂趣的特性，讓使用者想要再到網站上瀏覽。選擇性(Choice) 提供多樣的選擇及不具壓力的瀏覽方式。連結性(Connectedness) 能連結到其他網站(不同的國家、語系)且能容易地拓展使用者的使用經驗。資訊收集(Informat

3、ion collection) 網站透過收集個人的資料來提供不同的個人化服務及溝通需求。相互溝通(Reciprocal communication) 與網站之間相互的溝通，反應使用者的需求或困難，建立彼此之間的關係。網站互動(2/2)Ha and James(1998) 認為互動的迷思互動的迷思在於互動設計愈多可感覺高度互動,但非愈多愈好。過度使用或誤用互動策略會導致學習者對資訊科技感到茫然及負擔。(Northrup,2001) 互動設計最大的好處 - 改善使用者的使用經驗互動的迷思互動的迷思在於互動設計愈多可感覺高度互動,但非愈多互動設計的任務找出一種引導使用者的模式設計導覽系統決定每個畫面

4、的內容找出一種簡易直覺的操作方式Main pageAboutservicememberLogin 輸入帳密登入檢視回應內容回覆問題.互動設計的任務找出一種引導使用者的模式Main pageAb互動元素-功能性互動元素(1/2)操控設計者賦予使用者控制的能力連結 直接連結 - 以最少的步驟做單純的路徑連結點選連接直接到頁面轉場特效 - 淡入、淡出、捲頁等特效點選連結在畫面上不同位置出現結果引導 利用版面或視覺優先影響使用者閱讀網頁的順序互動元素-功能性互動元素(1/2)操控直接連結轉場特效直接連結轉場特效互動元素-功能性互動元素(2/2)導覽 組織架構化的分類方式 連結層數不宜過多(3層以內為宜

5、)、避免不同連結到同一目標以樹狀結構導覽設計回應 動畫、聲音、連結msn的上線顯示及提示音模擬動作及外型、直覺式的操作遊戲介面的操作互動元素-功能性互動元素(2/2)導覽 互動元素-感受性互動元素感受性互動元素連貫性 內容是否環環相扣順暢度 是否有多餘的干擾,如廣告即時性 回應時間是否即時理解度 內容與操作是否容易解理一致性 是否偏離主題互動元素-感受性互動元素感受性互動元素最常使用的互動功能創造社群網友間的相互交流選單幫助網站內容的分類導覽列隨時知道所在何處網站地圖提供網站架構搜尋強化網站的使用效率FAQ配合搜尋連結在相同主題內來往參考下載方便使用者將資料作其他的運用記錄提供個人化服務影音動

6、畫豐富的視覺效果並有引導功能最常使用的互動功能創造社群FAQ互動的深度(1/2)互動的深度是指網站需要多少的互動或是什麼型式的互動不同的網站,互動深度的需求也就不同互動的深度(1/2)互動的深度是指網站需要多少的互動或是什麼互動的深度(2/2)互動項目淺 深被動 主動 幻燈片 虛擬實境控制(control)控制步伐控制順序控制媒體控制變數控制交易控制物件控制模擬創造力(creativity)被高動度參控與制製作力(productivity)傳達度(communication)適合度(adaptivity)互動程度互動的深度(2/2)互動項目淺 互動風格介面有風格,互動也有不同的風格互動的步調

7、單向提供資訊為主或雙向與使用者互動轉場方式使用者涉入程度發表意見或遊戲的模擬操作使用者操控的方式點選或利用其他的輸入工具(搖桿、手勢)不同類型的網站,有不同的互動深度與風格互動風格介面有風格,互動也有不同的風格互動設計剖析-新聞網站新聞網站Sundar(2003)認為，把一些音效或影視、互動資料庫、聊天室、討論區、以及說說你的看法加到一篇文稿之後，讀者就感覺是互動了 訴求新聞性資訊的提供搜尋過去新聞明確的導覽互動模式連結、資料搜尋互動設計剖析-新聞網站新聞網站訴求新聞性資訊的提供互動模式連网站互动性之探讨课件网站互动性之探讨课件互動設計剖析-企業網站企業網站企業形象的建立，互動功能中的 “對客

8、戶支援”，對網站品質最具正面影響。(Ghose and Dou,1998) 訴求企業形象的提升查詢企業相關資訊互動模式連結、資料搜尋互動設計剖析-企業網站企業網站訴求企業形象的提升互動模式連結网站互动性之探讨课件网站互动性之探讨课件互動設計剖析-商務網站電子商務網站互動性程度愈高對使用者的滿意度也愈高，使用者對於網站可用性的評價就愈高，同時對網站的價值也會有正面的影響。 (Teo, et. al,2003) 訴求簡明的操作模式商品類型的多樣性即時回應互動模式導覽、連結、資料搜尋互動設計剖析-商務網站電子商務網站訴求簡明的操作模式互動模式网站互动性之探讨课件网站互动性之探讨课件互動設計剖析-學習

9、網站線上學習網站適當的設計多媒體系統的互動，學習者對於系統裡的內容、資訊格式、使用者控制、回饋、操作容易度、學習動機都有正面的態度且會加強學習者學習動機 （Kettanurak, et al,2001) 訴求友善的介面簡明的操作模式健全的互動機制互動模式聲音、影像的呈現導覽、連結豐富的回饋方式互動設計剖析-學習網站線上學習網站訴求友善的介面互動模式聲音网站互动性之探讨课件互動設計剖析-遊戲網站線上遊戲網站趣味性及使用性兼具才能吸引使用者高度的互動機制與多媒體呈現方式訴求豐富的多媒體生動的互動機制進度的存取互動模式聲音、影像的呈現導覽、連結多樣的回饋方式轉場特效與動畫互動設計剖析-遊戲網站線上遊

10、戲網站訴求豐富的多媒體互動模式聲网站互动性之探讨课件互動設計原則互動設計的原則以使用者為中心互動一致性簡單可用互動設計原則互動設計的原則以使用者為中心(user centered design; UCD)UCD一詞源自於Norman (User-Centered System Design: New Perspectives on Human-Computer Interaction ,Norman & Draper, 1986).Norman提出4項UCD設計上的建議：Make it easy to determine what actions are possible at any mom

11、ent.Make things visible, including the conceptual model of the system, the alternative actions, and the results of actions.Make it easy to evaluate the current state of the system.Follow natural mappings between intentions and the required actions. (The Psychology Of Everyday Things Norman, 1988, p.

12、188)以使用者為中心(user centered design; How?使用者應該參與設計的過程，而不是只對完成品進行測試。 雛型、評估、再設計 應該要反覆地進行，直到使用者滿意為止。 選擇適合的雛型工具，有助於創意發想或縮短修改的時間。 How?互動設計原則-一致性互動一致性的原則：設計目標一致 - 如果追求操作簡單，就要貫徹始終。外觀一致 - 如果追求視覺效果華麗，就儘量避免出現樸素的效果。行為一致 - 互動對象在相同的互動方法後產生的互動事件保持一致。互動設計原則-一致性互動一致性的原則：互動設計原則-ease of use簡單可用原則：簡化介面元素 - 能夠分類的就分類，能夠隱藏的就隱藏簡化邏