《超媒體系統(tǒng)導(dǎo)航.ppt》由會員分享，可在線閱讀，更多相關(guān)《超媒體系統(tǒng)導(dǎo)航.ppt（33頁珍藏版）》請?jiān)趨R文網(wǎng)上搜索。

1、1,超媒體系統(tǒng)導(dǎo)航實(shí)現(xiàn)形式與方法探討,含義 探討意義 現(xiàn)有主流導(dǎo)航模式介紹 導(dǎo)航圖模式實(shí)現(xiàn)理論技術(shù)介紹 實(shí)例介紹,2,含義,導(dǎo)航系統(tǒng)是用戶所能感受到的網(wǎng)站內(nèi)容與結(jié)構(gòu)的外在表現(xiàn)。 對用戶而言，網(wǎng)站的人性化很大程度上取決于導(dǎo)航系統(tǒng)的架構(gòu)。 網(wǎng)站外觀需要帶給用戶簡單、直觀與規(guī)范化的感覺。,3,探索意義,技術(shù)上能更好地實(shí)踐導(dǎo)航系統(tǒng)理論可行性成功完善的導(dǎo)航方式會帶來好的用戶體驗(yàn)導(dǎo)航系統(tǒng)在信息構(gòu)建（IA）中具有重要作用,4,信息構(gòu)建與網(wǎng)站導(dǎo)航,信息構(gòu)建(Information Architecture) （廣義）組織信息和設(shè)計(jì)信息環(huán)境、信息空間或信息體系結(jié)構(gòu)，以滿足需求者的信息需求的一門藝術(shù)和科學(xué)。 （狹

2、義）網(wǎng)站的信息構(gòu)建，在用戶需求分析的基礎(chǔ)上組織網(wǎng)站內(nèi)容、設(shè)計(jì)導(dǎo)航、標(biāo)識和檢索機(jī)制。 IA四要素 組織系統(tǒng)、標(biāo)志系統(tǒng)、導(dǎo)航系統(tǒng)與搜索系統(tǒng)信息構(gòu)建的目標(biāo) 其目的是幫助用戶更準(zhǔn)確的找到相關(guān)的信息,5,信息構(gòu)建與網(wǎng)站導(dǎo)航,導(dǎo)航系統(tǒng)在信息構(gòu)建中的重要作用 其主要任務(wù)是有效展示網(wǎng)絡(luò)信息資源內(nèi)容與有序結(jié)構(gòu)，引導(dǎo)用戶正確瀏覽/查詢網(wǎng)上信息，滿足用戶高效獲取所需信息或進(jìn)行人機(jī)交互操作的需求。 對整個(gè)網(wǎng)站資源全局結(jié)構(gòu)的把握，用以指引用戶在訪問web超媒體系統(tǒng)時(shí)能更加明確自己的位置，好的導(dǎo)航系統(tǒng)能使用戶通過最有效方便的途徑迅速獲得所需信息資源。,6,導(dǎo)航系統(tǒng)構(gòu)建目標(biāo),導(dǎo)航系統(tǒng)作為的IA的4項(xiàng)核心元素之一，在IA中占

3、有重要的作用。其目標(biāo)由低到高依次為：保障“信息可訪問”保障“信息可理解”良好的用戶體驗(yàn),7,導(dǎo)航系統(tǒng)設(shè)計(jì)原則 導(dǎo)航系統(tǒng)優(yōu)化所秉承的原則是: 設(shè)計(jì)導(dǎo)航系統(tǒng)不是如何提供最多的信息獲取途徑，而是如何最有效的提供最方便的途徑，設(shè)計(jì)精簡、充分、良好的導(dǎo)航系統(tǒng)。 良好的導(dǎo)航系統(tǒng)可以為我們提供清晰的標(biāo)簽、概念模型以及直覺化的路徑，在選擇導(dǎo)航元素的類型時(shí)，應(yīng)該力求在美學(xué)和功能上達(dá)到一種平衡。 在設(shè)計(jì)導(dǎo)航系統(tǒng)時(shí)，有可能造成鏈接的混亂，出現(xiàn)鏈接的森林的情況。將原本己經(jīng)非常復(fù)雜、龐大的結(jié)構(gòu)變得更加復(fù)雜，使用戶使用與系統(tǒng)維護(hù)都付出非常大的代價(jià)。,8,現(xiàn)有主流導(dǎo)航模式,導(dǎo)航欄搜索引擎導(dǎo)航FAQ、流程指南以及其他網(wǎng)站地圖

4、導(dǎo)航,9,導(dǎo)航欄,分類導(dǎo)航并按層次結(jié)構(gòu)管理信息資源優(yōu)點(diǎn)： 方便用戶理解整個(gè)信息資源框架，能快速準(zhǔn)確定位自己所需信息缺點(diǎn)： 各大類下的子類之間聯(lián)系不甚緊密 （右圖為本學(xué)院網(wǎng)站“本科教育”類下的導(dǎo)航欄）,10,搜索引擎導(dǎo)航,網(wǎng)絡(luò)搜索引擎也是一種實(shí)用的導(dǎo)航方法。網(wǎng)絡(luò)搜索引擎一般由信息收集軟件、索引數(shù)據(jù)庫和查詢接口三部分組成。搜索引擎可分成基于目錄的搜索引擎、基于機(jī)器人的搜索、基于,客戶的搜索、元搜索和分布式搜索等幾類。,11,FAQ,FAQ是英文Frequently Asked Questions的縮寫，中文意思就是“經(jīng)常問到的問題”，或者更通俗地叫做“常見問題解答”。在很多網(wǎng)站上都可以看到FAQ，

5、列出了一些用戶常見的問題，是一種在線幫助形式。在利用一些網(wǎng)站的功能或者服務(wù)時(shí)往往會遇到一些看似很簡單，但不經(jīng)過說明可能很難搞清楚的問題，有時(shí)甚至?xí)驗(yàn)檫@些細(xì)節(jié)問題的影響而失去用戶，其實(shí)在很多情況下，只要經(jīng)過簡單的解釋就可以解決這些問題，這就是FAQ的價(jià)值。,12,一個(gè)好的FAQ系統(tǒng)，應(yīng)該至少可以回答用戶80的一般問題，這樣不僅方便了用戶，也大大減輕了網(wǎng)站工作人員的壓力，節(jié)省了大量的顧客服務(wù)成本，并且增加了顧客的滿意度。因此，一個(gè)優(yōu)秀的網(wǎng)站，應(yīng)該重視FAQ的設(shè)計(jì)。 缺點(diǎn)：FAQ在我看來只起了對網(wǎng)站輔助導(dǎo)航的作用，它能實(shí)現(xiàn)到“信息可理解”的層次目標(biāo)，但是導(dǎo)航效果不太明顯，即沒有帶給用戶直觀的網(wǎng)站體

6、驗(yàn)，并且對整個(gè)網(wǎng)站節(jié)點(diǎn)層次結(jié)構(gòu)沒有較好的把握。,13,流程指南,此類導(dǎo)航模式一般適用于方便用戶進(jìn)行某一操作流程的信息宏節(jié)點(diǎn)，它可以是線性導(dǎo)航和部分超文本圖標(biāo)和文本的結(jié)合。指南對于限制訪問的web站點(diǎn)是有價(jià)值的營銷工具。優(yōu)點(diǎn)： 通過直觀簡潔的圖形與描述性文字來鏈接各個(gè)步驟流程，并可以通過點(diǎn)擊提交前后每個(gè)圖形界面的變化來展現(xiàn)步驟的完成情況。用戶對這一系列的交互操作能有清晰的認(rèn)識把握，較好地實(shí)現(xiàn)了“良好用戶體驗(yàn)”這一目標(biāo)。,14,流程指南,但是流程指南適用范圍局限性較大，它主要目的是實(shí)現(xiàn)某一應(yīng)用流程的人機(jī)交互過程，大多為線性超鏈接節(jié)點(diǎn)群并很少可逆。所以對于構(gòu)建網(wǎng)站導(dǎo)航系統(tǒng)的主體目標(biāo)來說，這類模式并不

7、可取。,15,此外，還有些是技術(shù)上的處理，比如鼠標(biāo)懸停于超鏈接上，就會顯示對應(yīng)的鏈接內(nèi)容摘要，這樣用戶可以選擇是否點(diǎn)擊。 這種技術(shù)除了HTML技術(shù)之外，JAVASCRIPT也同樣能實(shí)現(xiàn)。 超媒體智能導(dǎo)航模式則偏向于給用戶導(dǎo)航指示，更方便用戶瀏覽信息。并且網(wǎng)站提供這種智能導(dǎo)航服務(wù)需要強(qiáng)大的個(gè)人偏好搜集代理服務(wù)器。 即它是個(gè)性化技術(shù)與信息構(gòu)建技術(shù)在導(dǎo)航領(lǐng)域的結(jié)合，給導(dǎo)航系統(tǒng)帶來系統(tǒng)結(jié)構(gòu)的變遷和導(dǎo)航界面設(shè)計(jì)原則的調(diào)整。,16,網(wǎng)站地圖導(dǎo)航模式,網(wǎng)站迷航與信息可視化技術(shù)的關(guān)系迷航原因：用戶缺乏同化當(dāng)前知識的能力造成的。 從根本上說，是信息時(shí)代中各種信息激增、信息用戶迷失在信息海洋中而難以找到所需信息資

8、源的矛盾體現(xiàn)。 從信息構(gòu)建的觀點(diǎn)上說，則是因?yàn)榫W(wǎng)絡(luò)信息空間多維性、非控性，以及導(dǎo)航系統(tǒng)自身存在的與用戶交互能力有限、導(dǎo)航力不強(qiáng)、智能性差等方面的原因，未能較好地引導(dǎo)用戶，引導(dǎo)他們了解自身所處信息資源的位置而造成。,17,路徑與行跡問題，認(rèn)知過載問題,用戶在使用超媒體系統(tǒng)過程中如何了解瀏覽路徑與行跡回溯呢？ 超媒體特征：非線性信息訪問 認(rèn)知過載：指“一次需要記憶和保持的線索太多以至于超出人們的認(rèn)知力”。 根據(jù)認(rèn)知理論,在超媒體信息網(wǎng)絡(luò)中造成認(rèn)知過載的主要原因是,從當(dāng)前的信息節(jié)點(diǎn)(直接、間接或無意到達(dá)的)的多條鏈中選擇沿哪條路徑瀏覽,鏈越多越難選擇。,18,信息可視化技術(shù),信息可視化技術(shù)，是指以一

9、種可理解的方式呈現(xiàn)各信息獲取目標(biāo)以及目標(biāo)之間關(guān)系的在線處理方式。信息可視化技術(shù)要求超媒體信息空間信息組合的方式應(yīng)該能很好地反映出人類記憶結(jié)構(gòu)。 在超媒體信息空間中，一個(gè)節(jié)點(diǎn)就是一種可視化的表征。節(jié)點(diǎn)之間的鏈接可以表示概念或圖式之間的內(nèi)在關(guān)系。,19,信息可視化技術(shù),信息可視化技術(shù)能夠?qū)⒊襟w信息空間的結(jié)構(gòu)形象地呈現(xiàn)在用戶界面上，使用戶在信息獲取過程中能得到各種直接的結(jié)構(gòu)信息，這種處理對用戶進(jìn)一步探索不同節(jié)點(diǎn)之間的內(nèi)在關(guān)系，進(jìn)而重組、整合信息是必要的。 一些相關(guān)研究表明，在超媒體信息環(huán)境中提供信息可視化技術(shù)支持可以將用戶的注意力吸引到一些重要的概念及其相互關(guān)系上來，還可以通過用戶短時(shí)記憶中的信息

10、編碼來幫助他們組織新信息，并將這些新信息和長時(shí)記憶中的相關(guān)信息整合在一起。,20,網(wǎng)站地圖導(dǎo)航,導(dǎo)航圖(Overview diagram)。是一種信息空間可視化技術(shù),利用計(jì)算機(jī)圖形學(xué)和可視化計(jì)算技術(shù)在不同結(jié)構(gòu)層次和角度上以形象、直觀的二維或三維空間圖形展現(xiàn)超媒體的信息語義結(jié)構(gòu),綜合其他瀏覽檢索輔助機(jī)制,快速獲取主題信息。它對于緩解迷航和認(rèn)知過載,高效利用超媒體的信息資源,提高信息服務(wù)水平有著重要意義。 它允許用戶依總的結(jié)構(gòu)網(wǎng)絡(luò)圖確定自己的位置、定位特定信息。將節(jié)點(diǎn)及其相互關(guān)系部分圖示出來,使用戶對節(jié)點(diǎn)內(nèi)容及其相互鏈接關(guān)系和整個(gè)系統(tǒng)結(jié)構(gòu)有一個(gè)全面清楚的認(rèn)識。 導(dǎo)航圖適用于節(jié)點(diǎn)數(shù)目較少的系統(tǒng)。 以

11、下主要介紹兩種導(dǎo)航圖技術(shù)理論，即魚眼視圖技術(shù)與局部概貌導(dǎo)航圖。,21,魚眼視圖技術(shù)（fish-eye-view）,實(shí)驗(yàn)表明：用戶在使用超媒體系統(tǒng)時(shí)，對自己當(dāng)前所處節(jié)點(diǎn)的“周圍環(huán)境”最感興趣，離當(dāng)前節(jié)點(diǎn)越遠(yuǎn)，越缺少注意。 這種信息用戶認(rèn)知慣性與魚眼知覺結(jié)構(gòu)是類似的。因此Furnas提出可采用這樣的導(dǎo)引圖：對用戶當(dāng)前注意的焦點(diǎn)“放大”顯示，離焦點(diǎn)越遠(yuǎn)，顯示越“粗”。這個(gè)技術(shù)意在模擬魚眼睛的知覺結(jié)構(gòu)，將網(wǎng)絡(luò)信息結(jié)構(gòu)可視化。 該理論還在一定程度上解決了信息系統(tǒng)存在的一個(gè)中心問題：即沒有足夠的空間顯示所有應(yīng)顯示的信息。,22,魚眼視圖技術(shù),魚眼視圖技術(shù)能夠在顯示細(xì)節(jié)的同時(shí)也顯示全局信息。用戶在不斷地獲取

12、細(xì)節(jié)信息的過程中，他們往往會喪失對全局的判斷力，進(jìn)而出現(xiàn)迷航現(xiàn)象，而魚眼視圖技術(shù)通過不間斷的向用戶提供全局信息的方法，使全局信息一直是用戶短時(shí)記憶中的一個(gè)較新的較易操作的對象，從而在很大程度上避免了迷航現(xiàn)象。 如果正式予以定義的話，魚眼視圖技術(shù)是依據(jù)興趣程度，兼顧距離測量與重要性偏好發(fā)展起來的一種信息可視化技術(shù)，這種技術(shù)可以廣泛應(yīng)用于信息結(jié)構(gòu)，特別是樹狀結(jié)構(gòu)的顯示，也可以應(yīng)用列表、圖形以及空間類型的信息結(jié)構(gòu)的顯現(xiàn)。在可用性實(shí)驗(yàn)中，魚眼視圖技術(shù)在顯現(xiàn)傳統(tǒng)的多層等級信息結(jié)構(gòu)方面表現(xiàn)出色。,23,魚眼視圖技術(shù),為了使該視圖技術(shù)更科學(xué)合理，該理論還提出了一個(gè)對用戶關(guān)注程度進(jìn)行定量描述的量DDOI（De

13、gree of Interest），該函數(shù)定義如下： 這里I(x)反映的是節(jié)點(diǎn)x的重要程度(在整個(gè)超媒體網(wǎng)絡(luò)中)，D(x，y)是x與y之間的距離。它表示當(dāng)用戶位于節(jié)點(diǎn)y時(shí)，節(jié)點(diǎn)x的“可見度”，即對節(jié)點(diǎn)x的感興趣程度。并要系統(tǒng)預(yù)先設(shè)定一個(gè)閾值，讓魚眼圖只顯示那些DDOI值大于閾值的節(jié)點(diǎn)。,24,魚眼視圖技術(shù),而函數(shù)I(x)，即在整個(gè)網(wǎng)絡(luò)結(jié)構(gòu)中節(jié)點(diǎn)的重要程度評價(jià)指標(biāo)可以有多種選擇方案： 其中一種方法是系統(tǒng)監(jiān)視和記錄每個(gè)節(jié)點(diǎn)被訪問的情況，根據(jù)過去被訪問的次數(shù)和時(shí)間長短決定每個(gè)節(jié)點(diǎn)的重要程度。擴(kuò)展的圖形化魚眼視圖 Furnas魚眼視圖最早用于組織結(jié)構(gòu)透視，僅體現(xiàn)了上述原則的邏輯思想，視圖中節(jié)點(diǎn)在其原有

14、的位置上要么可見，要么不可見，缺乏對整個(gè)圖形布局的縮放變形控制。,25,魚眼視圖技術(shù),圖形化魚眼視圖變形則是對Furnas工作的進(jìn)一步擴(kuò)展，對每個(gè)節(jié)點(diǎn)引入擴(kuò)展DOI函數(shù)的視覺重要度函，來確定節(jié)點(diǎn)是否可見，同時(shí)考慮到了節(jié)點(diǎn)的位置漂移、尺寸變形和節(jié)點(diǎn)間連接的伸縮。靠近焦點(diǎn)的節(jié)點(diǎn)將放大，遠(yuǎn)離焦點(diǎn)的節(jié)點(diǎn)將縮小。為保證在同樣顯示窗口內(nèi)挪出更多的空間用于繪制放大的節(jié)點(diǎn)，避免因變形引起的節(jié)點(diǎn)繪制重疊覆蓋，每個(gè)節(jié)點(diǎn)將從原來位置被焦點(diǎn)節(jié)點(diǎn)向外推斥性漂移。,26,魚眼視圖技術(shù),它廣泛應(yīng)用于顯示信息結(jié)構(gòu)，特別是同時(shí)顯示全局和局部信息結(jié)構(gòu)的環(huán)境下。這種技術(shù)不會改變信息結(jié)構(gòu)的值或結(jié)構(gòu)方式，有利于在認(rèn)知地圖中形成一個(gè)連續(xù)

15、的全局地圖。但是，這個(gè)技術(shù)扭曲了用戶對空間距離的判斷，從而不利于發(fā)展測量知識和路徑知識。,27,局部概貌導(dǎo)航圖,局部概貌導(dǎo)航圖以當(dāng)前瀏覽節(jié)點(diǎn)為視點(diǎn)中心，顯示其附近局部信息空間的網(wǎng)絡(luò)結(jié)構(gòu)。用戶可通過參數(shù)控制局部導(dǎo)航圖的視野深度，即從作為中心節(jié)點(diǎn)的當(dāng)前瀏覽節(jié)點(diǎn)出發(fā)，擴(kuò)展顯示的信息空間范圍。隨著用戶沿著鏈遷移改變當(dāng)前瀏覽節(jié)點(diǎn)，中心節(jié)點(diǎn)也隨之轉(zhuǎn)移，局部概貌導(dǎo)航圖也隨之動(dòng)態(tài)更新。,28,局部概貌導(dǎo)航圖,局部概貌導(dǎo)航圖不僅提供用于理解復(fù)雜信息網(wǎng)絡(luò)結(jié)構(gòu)的直觀接口，同時(shí)也允許用戶在其上執(zhí)行交互操作。例如 在鼠標(biāo)移動(dòng)到某個(gè)節(jié)點(diǎn)上時(shí)顯示節(jié)點(diǎn)概要信息； 用戶雙擊其中某個(gè)非當(dāng)前瀏覽節(jié)點(diǎn)的節(jié)點(diǎn)表示時(shí)，引起當(dāng)前瀏覽節(jié)點(diǎn)的

16、表現(xiàn)轉(zhuǎn)移和局部導(dǎo)航圖重繪。可將非可視化的歷史回溯過程在局部導(dǎo)航圖的基礎(chǔ)上以直觀形象的可視化方式實(shí)現(xiàn)，基于圖形化歷史表進(jìn)行回溯或前進(jìn)。,29,局部概貌導(dǎo)航圖,適合于單機(jī)環(huán)境，而在WWW中概貌導(dǎo)航圖的實(shí)現(xiàn)極為困難。 因?yàn)樵赪WW連接嵌入在文檔中，構(gòu)造導(dǎo)航圖時(shí)必須解析文檔以獲取鏈接信息； 在大規(guī)模分布信息網(wǎng)絡(luò)環(huán)境下，想要繪制出全局概貌導(dǎo)航圖是不可能的，這樣構(gòu)造導(dǎo)航圖的過程復(fù)雜且效率低下。而在另一種系統(tǒng)中，分布開放超媒體系統(tǒng)（DOHMS）中的結(jié)構(gòu)數(shù)據(jù)與內(nèi)容數(shù)據(jù)相分離，鏈對象作為獨(dú)立數(shù)據(jù)存在，具有自身的結(jié)構(gòu)化屬性與類型描述，在此基礎(chǔ)上生成概貌導(dǎo)航圖無論從技術(shù)還是效率上都是可行的。,30,XEROC PARC可視化工具組,XEROC PARC是一個(gè)關(guān)于信息可視化的研究項(xiàng)目。項(xiàng)目的研究目的是在復(fù)雜的超媒體信息空間環(huán)境內(nèi)，為了解決認(rèn)知過載問題，設(shè)計(jì)一系列用于超媒體信息環(huán)境導(dǎo)航的可視化信息工具。 XEROC PARC項(xiàng)目的研究人員借鑒了計(jì)算機(jī)圖形學(xué)、系統(tǒng)結(jié)構(gòu)、以及認(rèn)知心理學(xué)方面的理論研究成果，項(xiàng)目提供了一個(gè)組合了多種可視化工具的工作空間，叫做“信息可視化4號” 可視化信息工作空間。該項(xiàng)目的工具組設(shè)計(jì)從導(dǎo)