【正文】 避開了 Word、 Visio、 Dreamweave等對交互表達不好、不利于演示、操作難度大、需要 html 知識等劣勢。而原型系統(tǒng)為用戶提供了一個靶子，看著原型系統(tǒng)，用戶往往就能進一步提出他們的真正想法。同時，原型也可用于征求內(nèi)部意見 ，作為分析和設計的接口之一，可方便于溝通 ，網(wǎng)站原型也是如此。 我們往往用“用戶粘性”這一標準來衡量一個網(wǎng)站設計的成敗。 交互原型設計的重要性 在交互產(chǎn)品設計實踐中，設計師非常關注影響用戶行為與習慣的各種因素。 個人門戶網(wǎng)站，就是以個人為中心的上網(wǎng)入口，還可以進一步延伸為個人信息中心。正如許多用戶會同時擁有“土豆”和“優(yōu)酷”，光臨“天涯社區(qū) ”之后再去“百度貼吧”等等。我們生活的方方面面都已更多的依賴于網(wǎng)絡。此過程同時結合了對幾個 個人門戶網(wǎng)站 的體驗，去粗取精、最后整 合 優(yōu)秀的交互模式于自己設計之中。在這樣的形勢之下，達不到更好的用戶體驗，就注定會被用戶遺棄、被其他網(wǎng)站取代。因此，交互設計在個人門戶類網(wǎng)站中的重要性不言而喻，個人門戶網(wǎng)站應 更加注重交互設計。于是，一種致力于幫用戶解決所有網(wǎng)絡生活問題的網(wǎng)站出現(xiàn)了 —— 個人門戶。 添加好友模塊，接收對方申請，只能選“同意并添加對方為好友”，用戶非常被動。 (雅蛙）亮點 1 亮點 2 亮點 3 個人資料完善里面有“星座”與“故鄉(xiāng)”選項，符合當前人們的關注焦點。 頁面編輯時，可更換背景，同時可更換語言，更加個性化。 （ I google）缺陷 1 缺陷 2 缺陷 3 頁面里每個小版塊可編輯的范圍很小，甚至無法編輯 刪除頁面中某一版塊時無確認鍵，很容易使用戶出錯。 設計成果的表現(xiàn)形式為 RP 文件的動態(tài)交互原型，及對應的電子商務規(guī)劃設計文檔。 Axure RP 可以輸出 Word 的格式的文件，規(guī)格文件包含了目錄、網(wǎng)頁清單、網(wǎng)頁和附有注解的 Master、 Annotation、 Interaction 和 Widget特定的資訊，以及結尾文件，規(guī)格的內(nèi)容與格式也可以依據(jù)不同的閱讀對象來變更 。 Axure 內(nèi)建了許多會經(jīng)常使用到的 widget 元件，例 如：按鈕 (Button)、圖片 (Image)、文字面板 (Text Panel)、選擇鈕 (Radio Button)、下拉式菜單 (Droplist)。 盡量重復以上的交互體驗過程，盡可能的完善網(wǎng)站交互功能。列出網(wǎng)站的優(yōu)缺點對照表 （見表 1） 。 個性化門戶 網(wǎng)站特點分析 ： 對 個性化門戶 網(wǎng)站特點 進行分析，根據(jù)其特點，結合用戶需求，進行內(nèi)容的整體設計 。 在 網(wǎng)頁風格 設計中將會結合 個性化 理念所需要的內(nèi)容，進行全新的改版，將呈現(xiàn)更加寬闊，清潔，自由的頁面，以便用戶個性化添加自己所需。 關于網(wǎng)頁設計目標：希望通過對比 幾個個人門戶 網(wǎng)站的原型，分析 其中 的差異后，設計出更符合 用戶習慣的，更易接受的網(wǎng)頁 風格，這個網(wǎng)頁 界面，布局甚至色彩，也 必將 對交互體驗帶來好處 ，原型版式將會更加自由，開闊及個性。 通過對比分析， 設計更加完善的交互模式， 提升用戶體驗的滿意度。在整個課題進程中，提升策劃 、審美、用戶心理分析、 網(wǎng)站交互分析 及運用原型設計工具的能力。 可以說交互體驗極大的影響著網(wǎng)站的生存與發(fā)展。因此， 目前，個人門戶類網(wǎng)站層出不窮， 甚至打出了 ，一批批個性化門戶網(wǎng)站紛紛上線，都希望在這段肥地分得一杯羹。在交互設計中， 一般把這樣的幫助我們與未來產(chǎn)品進行交互， 從而獲得第一手體驗， 并發(fā)掘新思路的裝置，稱之為“原型” 。通過個性化的呈現(xiàn)擴展用戶利用互聯(lián)網(wǎng)的能力 ， 節(jié)約用戶利用互聯(lián)網(wǎng)的時間成本 。通過個人門戶，用戶可以根據(jù)個人喜好，自由的添加內(nèi)容， 布局頁面。據(jù)一項數(shù)據(jù)調查，目前中國青年層每日平均訪問網(wǎng)站數(shù)達 12個之多，其中涉及新聞類、娛樂類、生活類、交友類等不同類型的門戶網(wǎng)站。在 整個課題進程中，提升 網(wǎng)站交互分析、 文筆、審美、用戶心理分析、及運用原型設計工具的能力。其中 重點對網(wǎng)站的交 互原型進行設計。 目前， 對 交互設計的 研究 非常多 ，主要為了增強用戶體驗， 本設計希望 基于原型設計 把 個人門戶類 網(wǎng)站優(yōu)秀的 交互設計特征予以整合展現(xiàn)， 以尋求對 交互設計 的更深理解。 選題背景 個人門戶網(wǎng)站介紹 隨著互聯(lián)網(wǎng)的發(fā)展，門戶網(wǎng)站的興起，人們的生活發(fā)生了劃時代的轉變。而同一類型的門戶網(wǎng)站 ,用戶可能選擇多個進入瀏覽。用戶可以將自己喜歡的網(wǎng)站添加到自己的門戶，以后上網(wǎng)瀏覽信息，再也不需要一個個網(wǎng)站點擊進入，甚至在忘記網(wǎng)址的情況下惹得一身煩惱。 互聯(lián)網(wǎng)的發(fā)展，已到了個性化的時代， 因此 ，個人門戶 將 是互聯(lián)網(wǎng)發(fā)展的必然趨勢。 交互 原型 設計 的主要 作用， 就是要通過 設計 — 體驗 — 改進（設計）的循環(huán)過程， 來獲得最佳的用戶體驗， 滿足用戶需求，增強用戶粘性。但是擁有良好用戶體驗的網(wǎng)站并不很多，許 多網(wǎng)站正掙扎在生死存亡的邊緣。 本課題 就將以交互設計為重點， 致力于通過體驗各類個人門戶網(wǎng)站，提取其中優(yōu)秀的交互模式，并予以整合， 同時對 不足之處進行改進，集合在自己的 原型 設計中。 二． 研究內(nèi)容 研究方向 本課題主要研究 并體驗 以下幾方面 內(nèi)容 ： 個人門戶類網(wǎng)站 、 axure 原型設計工具的具體應用 、 交互設計 ，原型設計法 。 最后完成一個完整的基于 axure 的網(wǎng)站 交互 原型及 網(wǎng)站規(guī)劃書 。 關于網(wǎng)站內(nèi)容設計目標：對于網(wǎng)站內(nèi)容設計，要符合 個性化門戶的獨特之處，在 內(nèi)容 上有一定 的創(chuàng)新，使整個內(nèi)容也能跟上步伐， 更加個性化 。 在交互設計中，將會在親自體驗多個 網(wǎng)站 之后，集合模仿優(yōu)秀交互設計 。 相關網(wǎng)站交互 模式的體驗 ： 繼承優(yōu)秀的 HCIPattern，找出人機交互設計上存在的不足。 對交互設計流程進行分析設計，畫出流程圖。 收集相關材料，撰寫網(wǎng)站規(guī)劃書。 Axure 快速建立流程圖就像建立 wireframe 一樣容易， Flow Widget 中有設計流程圖時會經(jīng)常用到的形狀，您可以輕松在流程之間加入連接線并設定連接的格式 。 本課題選擇 axure這一新興原型設計工具，同時避開了 Word、 Visio、 Dreamweave等對交互表達不好、 不利于演示 、操作難度大、需要 html 知識 等劣勢 。 表 1： 部分網(wǎng)站交互模式優(yōu)缺點對比表 （ I google）亮點 1 亮點 2 亮點 3 每個頁面可更換不同的主題，更具個性化。 只 能 選 擇網(wǎng) 站 內(nèi)的 主題，用戶被局限在網(wǎng)站推出的內(nèi)容中。 （ ivibes）缺陷 1 缺陷 2 缺陷 3 搜索朋友時沒有引導搜索的選項。 對某頁面進行編輯，可以設定加密訪問，用戶可以選擇公開的頁面和私人所有的頁面。 四、研究工作進度： 序號 時間 內(nèi)容 1 2 月 16 日 2 月 24 日 進入 畢業(yè)設計，準備開題報告 2 2 月 25 日 開題答辯 3 2 月 28 日 3 月 15 日 修改文獻綜述、外文翻譯 4 3 月 16 日 4 月 15 日 期中檢查，系統(tǒng)分析和設計 5 4 月 16 日 5 月 15 日 交互模型 開發(fā) 6 5 月 16 日 5 月 23 日 撰寫論文，論文修改 7 5 月 15 日 5 月 20 日 交互模型 調式 8 5 月 21 日 5 月 23 日 成 果驗收 9 6 月 1 日 6 月 3 日 論文答辯 10 6 月 3 日 6 月 8 日 畢業(yè)設計總結 五、主要參考文獻： [1] 馬麗、張露 .交互設計初探 . 信息科學 [J], 2021 年 ,第 5 期 :34. [2] 徐蘇、林振榮 .交互設計在電子商務網(wǎng)站中的應用研究 [J].科技廣場，:1214. [3] COOPER Alan .交互設計之路 — — — 讓高科技回歸人性 [M ]. D I NGChris等譯 .北京 :電子工業(yè)出版社 , 2021. [4]劉金曉 .人機交互界面定制及生成工具的研究與開發(fā) [D].北京 :華北電力大學 ,2021. [5] 吳繼雁 , 高山 . Web發(fā)展新模式 [J ].黑龍江科技信息 ,2021,11:52. [6] 劉增 .以用戶為中心的網(wǎng)絡界面設計研究 [D].南京：南京航空航天大學，2021. [7] 楊秀蓉 .基于互聯(lián)網(wǎng)交互性的新產(chǎn)品開發(fā)及其實證研究 [D].長沙：中南大學， 2021. [8] 吳瑜 .人機交互設計界面問題研究 [D].武漢：武漢理工大學， 2021. [9] 歐陽波 .用戶研究和用戶體驗設計 [J].江蘇大學學報（自然科學版） ,2021,27 卷 5A 期， 5557. [10] 王震 亞 ,劉和山 .談人機交互原理在產(chǎn)品設計中的應用 [J]. 工程圖學學報 .2021(02)012604. [11] [美 ]Jennifer Preece, Yvonne Rogers, Helen Sharp 著 . 交互設計 ——超越人機交互 [M]. 劉曉暉譯 . 北京 : 電子工業(yè)出版社 , 2021. 67. [12] Jennifer Preece, Yvonne Rogers, Helen Design— Beyond HumanComputer Interaction[M]. John Wileyamp。通過個人門戶，用戶可以根據(jù)個人喜好，自由的添加內(nèi)容，布局頁面 .個人門戶是互聯(lián)網(wǎng)發(fā)展的必然趨勢。目前，個人門戶 類網(wǎng)站層出不窮，但 擁有良好用戶體驗的網(wǎng)站并不很多，很多網(wǎng)站正掙扎在生死存亡的邊緣。 因此，本課題主要從獲取良好用戶體驗方面研究 個人門戶類網(wǎng)站的交互設計。 （背景） 在開始每個課題之前，我們都需要有明確的選題意義，擁有能夠被清楚表達的選題理由。在日常的工作，學習，生活中，每人每天需要接觸不同的網(wǎng)站，點擊進入數(shù)十個門戶。 正因為要頻繁光臨不同的網(wǎng)站，花費大量時間，于是，一種致力于幫用戶解決所有網(wǎng)絡生活問題的網(wǎng)站出現(xiàn)了 —— 個人門戶。個人門戶具備門戶的全部特征，同時能夠實現(xiàn)個性化定制，實現(xiàn)內(nèi)容、社區(qū)、應用的有機整合。如何使用戶在交互過程中獲得良好的體驗，為此，設計團隊往往需要根據(jù)創(chuàng)意概念構建出一系列的裝置，以不斷驗證想法，評估其價值，并為進一步設計深入提供基礎與靈感。而個人門戶網(wǎng)站，是用戶忠誠度最高的一類網(wǎng)站，良好的交互設計必將帶來更高的用戶粘性。原型設計法就是通過設計 —— 用戶體驗 —— 設計的不斷循環(huán)修改，來達到最終最佳的產(chǎn)品設計。 以更進一步明確他們的功能和交互需求。它更利于各種交互功能的實現(xiàn)及用戶體驗。但是擁有良好用戶體驗的網(wǎng)站并不很多，許多網(wǎng)站正掙扎在生死存亡的邊緣。 本課題就將以交互設計為重點，致力于通過體驗各類個人門戶網(wǎng)站，提取其中優(yōu)秀的交互模式，并予以整合，同時對不足之處進行改進，集合在自己的原型設計中。 如前所述，交互原型設計的最大目標便是獲得良好的用戶體驗。由此可見，要建立 良好的用戶體驗，交互設計是重要一環(huán)。只有明確了雙方的需求，才能以此為指引，設計出更加適應用戶和網(wǎng)站開發(fā)者的功能模塊及交互行為。使其最終可作為其他個人門戶類網(wǎng)站交互設計時的參照，并啟發(fā)其他信息系統(tǒng)的交互設計。而白領階層中男性女性的需求又頗具差異，需區(qū)別對 待。 大學生 大學生群體是最易接受新事物的一個群體，對于網(wǎng)絡的接受度頗高，并不斷的有新鮮需求提出。 姓名： 所在城市： 網(wǎng)齡（年）： 李菁菁 杭州 5 職業(yè) 每天上網(wǎng)時間 上網(wǎng)主要工作 大學生 不定 娛樂、交友 交互需求： ① 應該盡可能幫助用戶避免要求他們記住各種信息，例如好友搜索，最好可以通過信息引導； ② 要在用戶完成某項操作后進行提示，系統(tǒng)給予反饋，使他們知道自己是否達成目標； ③網(wǎng)站內(nèi)隨處有信息提示； ④ 當 使用過程出現(xiàn)錯誤，能明確指出錯誤原因，并使用戶能理解。 女性白領 白領們平日工作會多處使用到網(wǎng)絡，因此他們經(jīng)常利用網(wǎng)絡進行工作聯(lián)絡，收看新聞資訊等等。 （ 1）用戶實例 圖 32 林楠 （ 2） 用戶需求 功能需求： ① 網(wǎng)站可以無限添加頁簽，且可為網(wǎng)站頁面添加個性化標題； ② 建議網(wǎng)站能建立私有頁面，用 以保 存用戶隱私，公開頁面供他人光顧。 男性白領 白領們平日工作會多處使用到網(wǎng)絡，因此他們經(jīng)常利用網(wǎng)絡進行工作聯(lián)絡，收看新聞資訊等等。 （ 1）用戶實例 圖 33 吳越 （ 2）用戶需求 功能需求： ① 除網(wǎng)站推薦內(nèi)容之外，網(wǎng)站提供搜索工具，方便用戶自主進行個性化搜索； ② 在網(wǎng)頁上給好友發(fā)信息，有利于網(wǎng)絡信息及時分享。 場景設計 原型設計法最大的作用就在于通過用戶的反復體驗，校正網(wǎng)站功能。 2) A 用戶不能很快的找到注冊向導 。 2) 將注冊向導使用大圖標，且使顏色鮮艷，便于游客發(fā)現(xiàn)注冊。 2) B 用戶剛注冊為會員，希望進入頁面可以瀏覽的內(nèi)容比游客身份更多，但是由于自己未添加版塊或好友等，目前能查看的內(nèi)容仍然與游客身份