【正文】 學(xué)， 2021. [9] 歐陽波 .用戶研究和用戶體驗設(shè)計 [J].江蘇大學(xué)學(xué)報（自然科學(xué)版） ,2021,27 卷 5A 期， 5557. [10] 王震 亞 ,劉和山 .談人機交互原理在產(chǎn)品設(shè)計中的應(yīng)用 [J]. 工程圖學(xué)學(xué)報 .2021(02)012604. [11] [美 ]Jennifer Preece, Yvonne Rogers, Helen Sharp 著 . 交互設(shè)計 ——超越人機交互 [M]. 劉曉暉譯 . 北京 : 電子工業(yè)出版社 , 2021. 67. [12] Jennifer Preece, Yvonne Rogers, Helen Design— Beyond HumanComputer Interaction[M]. John Wileyamp。Sons Inc. 2021. [13] Terry Winograd. From puting machinery to ingteraction design[J]. New York:SpringVerlag,149162. 六、 指導(dǎo)教師審核 意見： 指導(dǎo)教師簽字： 年 月 日七 、系（ 教研室）評議意見： 系（教研室）主任簽字： 年 月 日 八 、 開題小組評審 意見： 開題小組負(fù)責(zé)人 簽字： 年 月 日 九 、 學(xué)院 領(lǐng)導(dǎo)審核意見： 1．通過； 2．完善后通過； ３．未通過 學(xué)院領(lǐng)導(dǎo)簽字： 年 月 日 前言 隨著互聯(lián)網(wǎng)的發(fā)展，門戶網(wǎng)站的興起，人們的生活發(fā)生了劃時代的轉(zhuǎn)變。我們生活的方方面面都已更多的依賴于網(wǎng)絡(luò)。于是，一種致力于幫用戶解決所有網(wǎng)絡(luò)生活問題的網(wǎng)站出現(xiàn)了 —— 個人門戶。通過個人門戶，用戶可以根據(jù)個人喜好，自由的添加內(nèi)容，布局頁面 .個人門戶是互聯(lián)網(wǎng)發(fā)展的必然趨勢。 我們往往用“用戶粘性”這一標(biāo)準(zhǔn) 來衡量一個網(wǎng)站設(shè)計的成敗。而個人門戶網(wǎng)站，是用戶忠誠度最高的一類網(wǎng)站，良好的交互設(shè)計必將帶來更高的用戶粘性。因此，交互設(shè)計在個人門戶類網(wǎng)站中的重要性不言而喻，個人門戶網(wǎng)站應(yīng) 更加注重交互設(shè)計。目前，個人門戶 類網(wǎng)站層出不窮，但 擁有良好用戶體驗的網(wǎng)站并不很多，很多網(wǎng)站正掙扎在生死存亡的邊緣。 比較著名的個人門戶如， vibes、 I google 等他們都各具特色，擁有自身的亮點，但網(wǎng)站交互及功能上的少許不足也使得他們沒有誰可以在個人門戶領(lǐng)域站穩(wěn)腳跟。許多用戶同時擁有多個個人門戶，網(wǎng)站忠誠度不高，而無數(shù)的后來者也緊追不舍，個人門戶領(lǐng)域異軍突起，如國內(nèi)的雅蛙、闊地。在這樣的形勢之下，達(dá)不到更好的用戶體驗，就注定會被用戶遺棄、被其他網(wǎng)站取代。 因此，本課題主要從獲取良好用戶體驗方面研究 個人門戶類網(wǎng)站的交互設(shè)計。全文正文分為五大篇章：需求分析、功能模塊設(shè)計、交互設(shè)計、競品分析、界面設(shè)計。圍繞著建設(shè)用戶體驗的流程順序，從戰(zhàn)略層（需求分析） 、范圍層 （功能模塊設(shè)計） 、結(jié)構(gòu)層 （交互設(shè)計） 、框架層 （界面設(shè)計）至下而上對網(wǎng)站原型做出了全面的規(guī)劃、并重點對交互模式進(jìn)行了設(shè)計。此過程同時結(jié)合了對幾個 個人門戶網(wǎng)站 的體驗，去粗取精、最后整 合 優(yōu)秀的交互模式于自己設(shè)計之中。 （背景） 在開始每個課題之前，我們都需要有明確的選題意義，擁有能夠被清楚表達(dá)的選題理由。本課題圍繞以下 4 方面 展開分析，確立了以“基于 axure 的個人門戶類網(wǎng)站交互原型設(shè)計”為題的研究方向。 個人門戶網(wǎng)站介紹 隨著互聯(lián)網(wǎng)的發(fā)展，門戶網(wǎng)站的興起，人們的生活發(fā)生了劃時代的轉(zhuǎn)變。我們生活的方方面面都已更多的依賴于網(wǎng)絡(luò)。在日常的工作，學(xué)習(xí)，生活中，每人每天需要接觸不同的網(wǎng)站，點擊進(jìn)入數(shù)十個門戶。據(jù)一項數(shù)據(jù)調(diào)查，目前中國青年層每日平均訪問網(wǎng)站數(shù)達(dá) 12個之多，其中涉及新聞類、娛樂類、生活類、交友類等不同類型的門戶網(wǎng)站。而同一類型的門戶網(wǎng)站 ,用戶可能選擇多個進(jìn)入瀏覽。正如許多用戶會同時擁有“土豆”和“優(yōu)酷”，光臨“天涯社區(qū) ”之后再去“百度貼吧”等等。 正因為要頻繁光臨不同的網(wǎng)站，花費大量時間，于是，一種致力于幫用戶解決所有網(wǎng)絡(luò)生活問題的網(wǎng)站出現(xiàn)了 —— 個人門戶。通過個人門戶，用戶可以根據(jù)個人喜好，自由的添加內(nèi)容，布局頁面。用戶可以將自己喜歡的網(wǎng)站添加到自己的門戶，以后上網(wǎng)瀏覽信息，再也不需要一個個網(wǎng)站點擊進(jìn)入，甚至在忘記網(wǎng)址的情況下惹得一身煩惱。 個人門戶網(wǎng)站，就是以個人為中心的上網(wǎng)入口，還可以進(jìn)一步延伸為個人信息中心。個人門戶具備門戶的全部特征，同時能夠?qū)崿F(xiàn)個性化定制，實現(xiàn)內(nèi)容、社區(qū)、應(yīng)用的有機整合。通過個性化的呈現(xiàn)擴展用戶利 用互聯(lián)網(wǎng)的能力 ， 節(jié)約用戶利用互聯(lián)網(wǎng)的時間成本 。 互聯(lián)網(wǎng)的發(fā)展，已到了個性化的時代， 因此 ，個人門戶 將 是互聯(lián)網(wǎng)發(fā)展的必然趨勢。 交互原型設(shè)計的重要性 在交互產(chǎn)品設(shè)計實踐中，設(shè)計師非常關(guān)注影響用戶行為與習(xí)慣的各種因素。如何使用戶在交互過程中獲得良好的體驗，為此，設(shè)計團(tuán)隊往往需要根據(jù)創(chuàng)意概念構(gòu)建出一系列的裝置，以不斷驗證想法，評估其價值，并為進(jìn)一步設(shè)計深入提供基礎(chǔ)與靈感。在交互設(shè)計中， 一般把這種幫助我們與未來產(chǎn)品進(jìn)行交互，從而獲得第一手體驗，并發(fā)掘新思路的裝置，稱之為“原型”。交互 原型 設(shè)計 的主要 作用，就是要通 過設(shè)計— 體驗 — 改進(jìn)（設(shè)計）的循環(huán)過程，來獲得最佳的用戶體驗，滿足用戶需求，增強用戶粘性。 我們往往用“用戶粘性”這一標(biāo)準(zhǔn)來衡量一個網(wǎng)站設(shè)計的成敗。而個人門戶網(wǎng)站，是用戶忠誠度最高的一類網(wǎng)站，良好的交互設(shè)計必將帶來更高的用戶粘性。因此，交互設(shè)計在個人門戶類網(wǎng)站中的重要性不言而喻，個人門戶網(wǎng)站應(yīng)更加注重交互設(shè)計。 原型設(shè)計法介紹 原型 (prototype)即把系統(tǒng)主要功能和接口通過快速開發(fā)制作為 “ 樣本 ” ， 以可視化的形式展現(xiàn)給用戶，及時征求用戶意見，從而明確無誤地確定用戶需求。同時，原型也可用于征求內(nèi)部意見 ，作為分析和設(shè)計的接口之一，可方便于溝通 ，網(wǎng)站原型也是如此。原型設(shè)計法就是通過設(shè)計 —— 用戶體驗 —— 設(shè)計的不斷循環(huán)修改，來達(dá)到最終最佳的產(chǎn)品設(shè)計。 為什么要采用原型法？ 這里我們要說， 原型對一個項目取得成功具有 著十分 重要的意義。俗話說：隔行如隔山，實際上 網(wǎng)站開發(fā)者 很難保證其制作的 網(wǎng)站 正好就是用戶所需要的，用戶也很難一次性把其真實的要求完全提交，開始階段提出的往往只是對系統(tǒng)的期望，和比較模糊的設(shè)想而已。而原型系統(tǒng)為用戶提供了一個靶子，看著原型系統(tǒng)，用戶往往就能進(jìn)一步提出他們的真正想法。 以更進(jìn)一步明確他們的功能和交互需求。 原型開發(fā)工具 axure 簡介 Axure 是一種原型設(shè)計工具，它 能 夠 幫助網(wǎng)站設(shè)計者，快捷而簡便的創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋 的 頁面示意圖、操作流程圖、以及交互設(shè)計，并可自動生成用于演示的網(wǎng)頁文件和規(guī)格文件，以提供演示與開發(fā)。 本次設(shè)計使用原型設(shè)計方法，利用 axure 原型設(shè)計工具，因其具有以下諸多優(yōu)勢： Axure 可快速繪制 網(wǎng)站構(gòu)架圖，而且可以讓構(gòu)架圖中的每一個頁面節(jié)點，直接連接到對應(yīng)網(wǎng)頁 ； Axure 內(nèi)建了許多會經(jīng)常使用到的 widget 元件，例如：按鈕、圖片、文字面板、選擇鈕、下拉式菜單 等； Axure 快速建立流程圖就像建立 線框圖一樣容易， Flow Widget 中有設(shè)計流程圖時會經(jīng)常用到的形狀，您可以輕松在流程之間加入連接線并設(shè)定連接的格式 ； 其中 大多數(shù)的 widget 可以對一個或多個事件產(chǎn)生動作，包括 OnClick、 OnMouseOver 和 OnMouseLeave 等 ； Axure 可以將 wireframe，輸出成符合 InterExplorer 或 Firefox 等不同瀏覽器的 HTML prototype； Axure RP 可以輸出 Word 的格式的文件，規(guī)格文件包含了目錄、網(wǎng)頁清單、網(wǎng)頁 和附有注解的 Master、 Annotation、 Interaction 和 Widget 特定的資訊，以及結(jié)尾文件，規(guī)格的內(nèi)容與格式也可以依據(jù)不同的閱讀對象來變更 。 本課題選擇 axure 這一新興原型設(shè)計工具，避開了 Word、 Visio、 Dreamweave等對交互表達(dá)不好、不利于演示、操作難度大、需要 html 知識等劣勢。它更利于各種交互功能的實現(xiàn)及用戶體驗。 小結(jié) 通過上述分析可以看出 ， 個人門戶 將 是互聯(lián)網(wǎng)發(fā)展的必然趨勢 。關(guān)注未來的網(wǎng)絡(luò)，重點離不開個人門戶，個人門戶網(wǎng)站也必將成為未來的焦點。因此，目前，個人 門戶類網(wǎng)站層出不窮，甚至打出了 ，一批批個性化門戶網(wǎng)站紛紛上線，都希望在這段肥地分得一杯羹。但是擁有良好用戶體驗的網(wǎng)站并不很多，許多網(wǎng)站正掙扎在生死存亡的邊緣。針對這一普遍現(xiàn)象，我們來尋求改進(jìn)。 網(wǎng)站的成功與用戶體驗息息相關(guān)，而用戶體驗便來自于交互設(shè)計的結(jié)果?？梢哉f交互體驗極大的影響著網(wǎng)站的生存與發(fā)展。 本課題就將以交互設(shè)計為重點，致力于通過體驗各類個人門戶網(wǎng)站，提取其中優(yōu)秀的交互模式，并予以整合，同時對不足之處進(jìn)行改進(jìn)，集合在自己的原型設(shè)計中。最終希望作品可為其他個人門戶類產(chǎn)品 設(shè)計提供參照，使網(wǎng)站獲得更佳的用戶體驗，并啟發(fā)其他信息系統(tǒng)的交互設(shè)計。 同時，也希望通過設(shè)計過程，自身獲得對用戶體驗的全面把握，以及 axure 原型設(shè)計工具的熟練運用。在整個課題進(jìn)程中，提升策劃、審美、用戶心理分析、網(wǎng)站交互分析及運用原型設(shè)計工具的能力。 如前所述，交互原型設(shè)計的最大目標(biāo)便是獲得良好的用戶體驗?！?Ajax 之父”Jesse James Garrett 把用戶體驗分解為五大要素：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。用戶體驗就是在這五個層面上一步步建設(shè)起來的。交互設(shè)計處于結(jié)構(gòu)層。由此可見，要建立 良好的用戶體驗，交互設(shè)計是重要一環(huán)。而在開始謹(jǐn)慎的交互設(shè)計之前，還要以明確的戰(zhàn)略需求和清晰的功能范圍為基礎(chǔ)。本次設(shè)計就將帶著獲取最佳用戶體驗的交互設(shè)計這一目標(biāo)，開始進(jìn)行通向結(jié)構(gòu)層交互設(shè)計的一系列分析設(shè)計。 成功的交互設(shè)計，其基礎(chǔ)是一個被明確表達(dá)的“戰(zhàn)略”，即知道網(wǎng)站開發(fā)者與用戶雙方的期許和目標(biāo)。只有明確了雙方的需求，才能以此為指引，設(shè)計出更加適應(yīng)用戶和網(wǎng)站開發(fā)者的功能模塊及交互行為。 網(wǎng)站需求分析 本課題網(wǎng)站并非商業(yè)性網(wǎng)站，不具商業(yè)目的。此次網(wǎng)站交互原型設(shè)計以獲取良好的用戶體 驗為目標(biāo)。希望在集合同類網(wǎng)站優(yōu)秀交互模式的基礎(chǔ)上，改進(jìn)目前個人門戶類網(wǎng)站存在的交互缺陷。使其最終可作為其他個人門戶類網(wǎng)站交互設(shè)計時的參照，并啟發(fā)其他信息系統(tǒng)的交互設(shè)計。 用戶需求分析 本課題網(wǎng)站屬個人門戶類網(wǎng)站，個人門戶即是個人化的門戶網(wǎng)站，其用戶人群包括幾乎所有網(wǎng)民，涉及各個層次的人。而在未來，當(dāng)個人門戶發(fā)展更加成熟普及，將會出現(xiàn)每個網(wǎng)民都擁有自己的門戶，真正的實現(xiàn)網(wǎng)絡(luò)個性化。目前，使用個人門戶網(wǎng)的用戶大致集中在中青年層，大學(xué)生和白領(lǐng)階層是最主要的用戶。而白領(lǐng)階層中男性女性的需求又頗具差異，需區(qū)別對 待。本網(wǎng)站的用戶群主要定位為這三種。以下以具體實例的方式，對不同用戶進(jìn)行了需求分析。并根據(jù)各自特點，著重描述他們對功能和交互模式的不同需求。 大學(xué)生 大學(xué)生群體是最易接受新事物的一個群體，對于網(wǎng)絡(luò)的接受度頗高，并不斷的有新鮮需求提出。他們接觸網(wǎng)絡(luò)的歷史較長，個性化個人門戶是追求時尚個性的他們首選的網(wǎng)站。主要以娛樂交友為目的的他們對此類網(wǎng)站擁有他們的獨特需求。 （ 1）用戶實例 圖 31 李菁菁 （ 2） 用戶需求 功能需求： ① 通過網(wǎng)絡(luò)聯(lián)絡(luò)老朋友， 結(jié)交新朋友 ； ② 關(guān)注各式新聞資訊，特別是娛樂、健身類； ③ 網(wǎng)頁主題可選擇任意更換。 姓名： 所在城市： 網(wǎng)齡（年）： 李菁菁 杭州 5 職業(yè) 每天上網(wǎng)時間 上網(wǎng)主要工作 大學(xué)生 不定 娛樂、交友 交互需求： ① 應(yīng)該盡可能幫助用戶避免要求他們記住各種信息，例如好友搜索，最好可以通過信息引導(dǎo)； ② 要在用戶完成某項操作后進(jìn)行提示，系統(tǒng)給予反饋，使他們知道自己是否達(dá)成目標(biāo)； ③網(wǎng)站內(nèi)隨處有信息提示； ④ 當(dāng) 使用過程出現(xiàn)錯誤，能明確指出錯誤原因，并使用戶能理解。 （ 3）網(wǎng)站規(guī)劃 對此類用戶網(wǎng)站擬實現(xiàn) —— 功能模塊： ① 推出“聯(lián)系人”版塊，里面收錄“用戶好友”，同時可以“搜索好友”； ② 網(wǎng)站提供各種推薦的 wid