网站互动性之探讨ppt课件

,按一下以編輯母片標題樣式,按一下以編輯母片,第二層,第三層,第四層,第五層,*,網站互動性之探討,資應所 936738 孫瑞呢,網站互動性之探討資應所 936738 孫瑞呢,1,大綱,互動的基本觀念,互動的元素,互動深度,互動風格,互動設計原則,大綱互動的基本觀念,2,互動的基本觀念-互動的源起,最早的互動概念是從,人際傳播,發展而來，進而被廣泛地應用在各種不同的媒介,互動是一種介於訊息的,傳送者與接收者,之間的溝通,而此種活動不一定要透過媒體來產生,Downes&McMillan,2000,互動的基本觀念-互動的源起最早的互動概念是從人際傳播發展而來,3,網站互動(1/2),網路提供了一個具有彈性及方便的平台，承載了多樣性的資源和與資訊,使用者在網路上搜尋資訊時，以,非線性的,導覽方式及大量的內容,提供使用者相當程度的自由選擇權及控制權(,Hoffman&Novak,1996),互動是一項重要的機制用以吸引使用者，同時也是,衡量網站品質,的重要因素之一。,(Ghose and Dou,1998),網站互動(1/2)網路提供了一個具有彈性及方便的平台，承載了,4,網站互動(2/2),Ha and James(1998)認為互動包含以下5項特點：,樂趣性(Playfulness),網站裡存有提供樂趣的特性，讓使用者想要再到網站上瀏覽。,選擇性(Choice),提供多樣的選擇及不具壓力的瀏覽方式。,連結性(Connectedness),能連結到其他網站(不同的國家、語系)且能容易地拓展使用者的使用經驗。,資訊收集(Information collection),網站透過收集個人的資料來提供不同的個人化服務及溝通需求。,相互溝通(Reciprocal communication),與網站之間相互的溝通，反應使用者的需求或困難，建立彼此之間的關係。,網站互動(2/2)Ha and James(1998)認為,5,互動的迷思,互動的迷思在於互動設計愈多可感覺高度互動,但,非愈多愈好,。,過度使用或誤用互動策略會導致學習者對資訊科技感到,茫然及負擔,。,(Northrup,2001),互動設計最大的好處-改善使用者的,使用經驗,互動的迷思互動的迷思在於互動設計愈多可感覺高度互動,但非愈多,6,互動設計的任務,找出一種引導使用者的模式,設計導覽系統,決定每個畫面的內容,找出一種簡易直覺的操作方式,Main page,About,service,member,Login,輸入帳密,登入,檢視回應內容,回覆問題,.,.,.,互動設計的任務找出一種引導使用者的模式Main pageAb,7,互動元素-功能性互動元素(1/2),操控,設計者賦予使用者控制的能力,連結,直接連結-以最少的步驟做單純的路徑連結,點選連接直接到頁面,轉場特效-淡入、淡出、捲頁等特效,點選連結在畫面上不同位置出現結果,引導,利用版面或視覺優先影響使用者閱讀網頁的順序,互動元素-功能性互動元素(1/2)操控,8,直接連結,轉場特效,直接連結轉場特效,9,互動元素-功能性互動元素(2/2),導覽,組織架構化的分類方式 連結層數不宜過多(3層以內為宜)、避免不同連結到同一目標,以樹狀結構導覽設計,回應,動畫、聲音、連結,msn的上線顯示及提示音,模擬,動作及外型、直覺式的操作,遊戲介面的操作,互動元素-功能性互動元素(2/2)導覽,10,互動元素-感受性互動元素,感受性互動元素,連貫性 內容是否環環相扣,順暢度 是否有多餘的干擾,如廣告,即時性 回應時間是否即時,理解度 內容與操作是否容易解理,一致性 是否偏離主題,互動元素-感受性互動元素感受性互動元素,11,最常使用的互動功能,創造社群,網友間的相互交流,選單,幫助網站內容的分類,導覽列,隨時知道所在何處,網站地圖,提供網站架構,搜尋,強化網站的使用效率,FAQ,配合搜尋,連結,在相同主題內來往參考,下載,方便使用者將資料作其他的運用,記錄,提供個人化服務,影音動畫,豐富的視覺效果並有引導功能,最常使用的互動功能創造社群FAQ,12,互動的深度(1/2),互動的深度是指網站需要,多少的互動,或是,什麼型式的互動,不同的網站,互動深度的需求也就不同,互動的深度(1/2)互動的深度是指網站需要多少的互動或是什麼,13,互動的深度(2/2),互動項目,淺 深,被動 主動,幻燈片 虛擬實境,控制(control),控制步伐,控制順序,控制媒體,控制變數,控制交易,控制物件,控制模擬,創造力(creativity),被高,動度,參控,與制,製作力(productivity),傳達度(communication),適合度(adaptivity),互動程度,互動的深度(2/2)互動項目淺,14,互動風格,介面有風格,互動也有不同的風格,互動的步調,單向提供資訊為主或雙向與使用者互動,轉場方式,使用者涉入程度,發表意見或遊戲的模擬操作,使用者操控的方式,點選或利用其他的輸入工具(搖桿、手勢),不同類型的網站,有不同的互動深度與風格,互動風格介面有風格,互動也有不同的風格,15,互動設計剖析-新聞網站,新聞網站,Sundar(2003)認為，把一些音效或影視、互動資料庫、聊天室、討論區、以及說說你的看法加到一篇文稿之後，讀者就感覺是互動了,訴求,新聞性資訊的提供,搜尋過去新聞,明確的導覽,互動模式,連結、資料搜尋,互動設計剖析-新聞網站新聞網站訴求新聞性資訊的提供互動模式連,16,网站互动性之探讨ppt课件,17,网站互动性之探讨ppt课件,18,互動設計剖析-企業網站,企業網站,企業形象的建立，互動功能中的“對客戶支援”，對網站品質最具正面影響。,(Ghose and Dou,1998),訴求,企業形象的提升,查詢企業相關資訊,互動模式,連結、資料搜尋,互動設計剖析-企業網站企業網站訴求企業形象的提升互動模式連結,19,网站互动性之探讨ppt课件,20,网站互动性之探讨ppt课件,21,互動設計剖析-商務網站,電子商務網站,互動性程度愈高對使用者的滿意度也愈高，使用者對於網站可用性的評價就愈高，同時對網站的價值也會有正面的影響。(,Teo,et.al,2003),訴求,簡明的操作模式,商品類型的多樣性,即時回應,互動模式,導覽、連結、資料搜尋,互動設計剖析-商務網站電子商務網站訴求簡明的操作模式互動模式,22,网站互动性之探讨ppt课件,23,网站互动性之探讨ppt课件,24,互動設計剖析-學習網站,線上學習網站,適當的設計,多媒體系統的互動，學習者對於系統裡的內容、資訊格式、使用者控制、回饋、操作容易度、學習動機都有正面的態度且會加強學習者學習動機,（Kettanurak,et al,2001),訴求,友善的介面,簡明的操作模式,健全的互動機制,互動模式,聲音、影像的呈現,導,覽、連結,豐富的回饋方式,互動設計剖析-學習網站線上學習網站訴求友善的介面互動模式聲音,25,网站互动性之探讨ppt课件,26,互動設計剖析-遊戲網站,線上遊戲網站,趣味性及使用性兼具才能吸引使用者,高度的互動機制與多媒體呈現方式,訴求,豐富的多媒體,生動的互動機制,進度的存取,互動模式,聲音、影像的呈現,導,覽、連結,多樣的回饋方式,轉場特效與動畫,互動設計剖析-遊戲網站線上遊戲網站訴求豐富的多媒體互動模式聲,27,网站互动性之探讨ppt课件,28,互動設計原則,互動設計的原則,以使用者為中心,互動一致性,簡單可用,互動設計原則互動設計的原則,29,以使用者為中心,(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 moment.,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.188),以使用者為中心(user centered design;,30,How?,使用者應該參與設計的過程，而不是只對完成品進行測試。,雛型、評估、再設計 應該要反覆地進行，直到使用者滿意為止。,選擇適合的雛型工具，有助於創意發想或縮短修改的時間。,How?,31,互動設計原則-一致性,互動一致性的原則：,設計目標一致-如果追求操作簡單，就要貫徹始終。,外觀一致-如果追求視覺效果華麗，就儘量避免出現樸素的效果。,行為一致-互動對象在相同的互動方法後產生的互動事件保持一致。,互動設計原則-一致性互動一致性的原則：,32,互動設計原則-ease of use,簡單可用原則：,簡化介面元素-能夠分類的就分類，能夠隱藏的就隱藏,簡化邏輯概念-使得互動更容易理解、更容易控制,提供使用彈性與,高容錯性,減少使用者學習時間,互動設計中只有一種方法-簡化。,互動設計原則-ease of use簡單可用原則：,33,總結,互動是與使用者溝通的方式，一場精心設計的遊戲,瞭解目標客戶，以適當的方式呈現互動的深度與風格,互動設計原則儘量符合使用者操作經驗,介面與互動 視覺效果與邏輯操作的整合,總結互動是與使用者溝通的方式，一場精心設計的遊戲,34,