【文章內(nèi)容簡(jiǎn)介】 gets，且歸類(lèi)便于用戶(hù)搜索添加； ③ 推出多種網(wǎng)頁(yè)主題供用戶(hù)選擇添加。 交互模式 ： ① 在“聯(lián)系人”版塊進(jìn)行好友搜索時(shí)，利用下拉框分類(lèi)制作好友各項(xiàng)信息，以引導(dǎo) 用戶(hù)搜索；好友搜索也通過(guò)關(guān)鍵字匹配，協(xié)助用戶(hù)記憶； ② 在用戶(hù)操作某項(xiàng)任務(wù)過(guò)程中，隨時(shí)顯示完成情況。如“下載”過(guò)程，顯示下載進(jìn)度，以便用戶(hù)了解自己完成目標(biāo)的情況； ③ 網(wǎng)站內(nèi)有更多的直接顯示，如鼠標(biāo)觸及“聯(lián)系人”便可顯示部分聯(lián)系人情況，無(wú)需點(diǎn)擊進(jìn)入； ④ 注冊(cè)過(guò)程，利用函數(shù)控制輸入信息的正確與否，即時(shí)校驗(yàn)， 明確指出錯(cuò)誤。 女性白領(lǐng) 白領(lǐng)們平日工作會(huì)多處使用到網(wǎng)絡(luò)，因此他們經(jīng)常利用網(wǎng)絡(luò)進(jìn)行工作聯(lián)絡(luò)，收看新聞資訊等等。 他們工作繁忙，更加希望網(wǎng)絡(luò)使用方便簡(jiǎn)單。但是白領(lǐng)女性與男性的需求又有不同，他們通常擁有自己的隱私、并希望得到保護(hù)。他們對(duì)網(wǎng)站也獨(dú)具美觀上的挑剔，喜歡簡(jiǎn)潔大方的界面。 （ 1）用戶(hù)實(shí)例 圖 32 林楠 （ 2） 用戶(hù)需求 功能需求： ① 網(wǎng)站可以無(wú)限添加頁(yè)簽，且可為網(wǎng)站頁(yè)面添加個(gè)性化標(biāo)題； ② 建議網(wǎng)站能建立私有頁(yè)面，用 以保 存用戶(hù)隱私，公開(kāi)頁(yè)面供他人光顧。 姓名： 所在城市： 網(wǎng)齡（年）： 林楠 上海 10 職業(yè) 每天上網(wǎng)時(shí)間 上網(wǎng)主要工作 基層管理人員 6 工作聯(lián)絡(luò)、收看新聞 交互需求： ① 網(wǎng)站注冊(cè)程序不要那么繁瑣； ② 界面更加簡(jiǎn)潔，不要經(jīng)常進(jìn)行頁(yè)面跳轉(zhuǎn)。 （ 3） 網(wǎng)站規(guī)劃 對(duì)此類(lèi)用戶(hù)網(wǎng)站擬實(shí)現(xiàn) —— 功能模塊： ① 網(wǎng)站設(shè)置“添加標(biāo)簽頁(yè) ” 按鈕，在同一張頁(yè)面中可添加標(biāo)簽且為各標(biāo)簽頁(yè)設(shè)置名稱(chēng)； ② 網(wǎng)站將采取分開(kāi)建立私有頁(yè)面和公開(kāi)頁(yè)面的形式。 交互需求： ① 網(wǎng)站注冊(cè)時(shí)僅填寫(xiě)最少量信息，注冊(cè)結(jié)束登錄后再完善個(gè)人資料； ② 以下拉或彈出窗口的形式， 防止總是跳轉(zhuǎn)頁(yè)面，信息盡量在一個(gè)頁(yè)面顯示。 男性白領(lǐng) 白領(lǐng)們平日工作會(huì)多處使用到網(wǎng)絡(luò)，因此他們經(jīng)常利用網(wǎng)絡(luò)進(jìn)行工作聯(lián)絡(luò)，收看新聞資訊等等。他們工作繁忙，更加希望網(wǎng)絡(luò)使用方便簡(jiǎn)單。但是白領(lǐng)男性與女性的需 求又有不同。他們通常喜歡網(wǎng)絡(luò)也給予他們更多的自主，他們喜歡探索， 他們比女性不能忍耐，希望能第一時(shí)間運(yùn)用網(wǎng)站各項(xiàng) 功能， 他們不夠細(xì)心，往往容易出錯(cuò)，因此更需要網(wǎng)站有強(qiáng)大的糾錯(cuò)和彌補(bǔ)犯錯(cuò)失誤的功能。 （ 1）用戶(hù)實(shí)例 圖 33 吳越 （ 2）用戶(hù)需求 功能需求： ① 除網(wǎng)站推薦內(nèi)容之外，網(wǎng)站提供搜索工具，方便用戶(hù)自主進(jìn)行個(gè)性化搜索； ② 在網(wǎng)頁(yè)上給好友發(fā)信息，有利于網(wǎng)絡(luò)信息及時(shí)分享。 交互需求： ① 網(wǎng)站添加的部分模塊在網(wǎng)頁(yè)內(nèi)可直接編輯，使搜看起來(lái)更直觀； ② 網(wǎng)站可以不用注冊(cè)先行體驗(yàn)部分功 能； ③ 應(yīng)該方便用戶(hù)取消某個(gè)操作，增加有撤銷(xiāo)和恢復(fù)的功能，防止一失足成千古恨。 (3)網(wǎng)站規(guī)劃 對(duì)此 類(lèi) 用戶(hù)網(wǎng)站擬實(shí)現(xiàn) —— 功能模塊： ① 推出“谷歌搜索”欄，以便用戶(hù)通過(guò)搜索自己感興趣的頁(yè)面，不局限姓名： 所在城市： 網(wǎng)齡（年）： 吳越 深圳 12 職業(yè) 每天上網(wǎng)時(shí)間 上網(wǎng)主要工作 營(yíng)銷(xiāo)經(jīng)理 4 工作聯(lián)絡(luò)、收看新聞 于網(wǎng)站的推薦； ② 推出給好友發(fā)信息版塊，可選擇自己網(wǎng)內(nèi)好友及時(shí)發(fā)送信息 。 交互模式 ： ① 頁(yè)簽內(nèi)添加的每個(gè)小 widget 可直接編輯； ② 用戶(hù)可以以游客身份體驗(yàn)?zāi)J(rèn)公開(kāi)頁(yè)面的部分功能； ③ 推出“撤銷(xiāo)”功能，以 彌補(bǔ)用戶(hù)的再次失誤。 場(chǎng)景設(shè)計(jì) 原型設(shè)計(jì)法最大的作用就在于通過(guò)用戶(hù)的反復(fù)體驗(yàn)，校正網(wǎng)站功能。場(chǎng)景設(shè)計(jì)，就是在網(wǎng)站雛形確立后，交予用戶(hù)體驗(yàn)，通過(guò)體驗(yàn)發(fā)現(xiàn)新問(wèn)題，進(jìn)一步完善網(wǎng)站功能，如此循環(huán)改善。以下便通過(guò)四處場(chǎng)景分析展示不同情形下的用戶(hù)對(duì)網(wǎng)站雛形的初步體驗(yàn)結(jié)果，并由此結(jié)果來(lái)推動(dòng)網(wǎng)站功能的完善。 場(chǎng)景一 用戶(hù) A ：游客 問(wèn)題 ： 1) A 用戶(hù)來(lái)到首頁(yè)后，發(fā)現(xiàn)不是會(huì)員的自己被更多的權(quán)限排除在外，感到很郁悶， 隨即離開(kāi)。 2) A 用戶(hù)不能很快的找到注冊(cè)向?qū)?。 3) A 用戶(hù)在注冊(cè)的時(shí)候覺(jué)得過(guò)程非常麻煩，要填的信息過(guò)多，打算放棄注冊(cè)。 解決： 1) 在首頁(yè)添加多處游客可點(diǎn)擊的鏈接，首先使他們有一種親近的心理狀態(tài)。包括使用官方博客的鏈接，公開(kāi)頁(yè)面的體驗(yàn)等，都是拉近用戶(hù)的方式。 2) 將注冊(cè)向?qū)褂么髨D標(biāo)，且使顏色鮮艷，便于游客發(fā)現(xiàn)注冊(cè)。 3) 注冊(cè)過(guò)程選擇最為簡(jiǎn)單的內(nèi)容，其余信息留到登錄后完善。本網(wǎng)站并不是頗具信息性的網(wǎng)站，更多的是用戶(hù)自主式的服務(wù)，因此，用戶(hù)不會(huì)很有耐心去花費(fèi)大量時(shí)間注冊(cè)。 場(chǎng)景二 用戶(hù) B ：新注冊(cè)的用戶(hù) 問(wèn)題： 1) B 用戶(hù)剛注冊(cè)為會(huì) 員，登錄私有頁(yè)面發(fā)現(xiàn)沒(méi)有任何頁(yè)簽或模塊，失去了興趣，同時(shí)，此時(shí)也找不到方向去馬上添加頁(yè)簽。 2) B 用戶(hù)剛注冊(cè)為會(huì)員，希望進(jìn)入頁(yè)面可以瀏覽的內(nèi)容比游客身份更多，但是由于自己未添加版塊或好友等，目前能查看的內(nèi)容仍然與游客身份差不多。 3） B 用戶(hù)初次進(jìn)入私有頁(yè)面，不清楚自己應(yīng)該干什么。 解決： 1）在注冊(cè)的時(shí)候，推出用戶(hù)喜歡的類(lèi)別選項(xiàng)，根據(jù)用戶(hù)的選擇，在其第一次登錄頁(yè)面時(shí)就可呈現(xiàn)出用戶(hù)所喜歡的內(nèi)容，以保持用戶(hù)興趣。 2） 在用戶(hù)第一次進(jìn)入私有頁(yè)面時(shí)，為其默認(rèn)一位好友，且推出“所有人”版塊，使其可以查看，而不是全部 需要自己添加。 3) 在用戶(hù)第一次登錄后，應(yīng)該首先提示他進(jìn)行資料的完善以保證安全性和便利性。這同時(shí)也是一種對(duì)用戶(hù)的引導(dǎo)，資料的完善中，這些資料包括個(gè)人心情設(shè)置等方面，不會(huì)枯燥乏味，能保持用戶(hù)的興趣和引導(dǎo)其探索網(wǎng)站。 場(chǎng)景三 用戶(hù) C:網(wǎng)站的忠實(shí)用用戶(hù) 問(wèn)題： 1) C 用戶(hù)幾乎每天都登錄他的個(gè)人門(mén)戶(hù)，且基本只進(jìn)入該門(mén)戶(hù)。他在添加 widget 的過(guò)程發(fā)現(xiàn)，僅僅依賴(lài)網(wǎng)站推薦不能滿(mǎn)足自己的需求。 2) C 用戶(hù)在查看自己近期概況時(shí)發(fā)現(xiàn)有很多無(wú)用的信息，一些無(wú)關(guān)緊要的細(xì)微變動(dòng)都會(huì)出現(xiàn)在近況當(dāng)中。包括朋友的近況變動(dòng) 也是大量冗雜的信息堆積在版塊中，占據(jù)位置。 3) C 用戶(hù)在使用公開(kāi)頁(yè)面時(shí)，需要與朋友共享很多個(gè)人的照片與視頻，數(shù)量巨大，在一個(gè)頁(yè)簽里面難以容納。 解決： 1) 在添加內(nèi)容區(qū)域推出下載 widget 版塊，根據(jù)自己的了解輸入網(wǎng)址，下載自己需要的 widget 添加到頁(yè)面。 2) 在近況版塊里面，對(duì)于每條活動(dòng)信息，增添刪除按鈕，使用戶(hù)可以選擇性的刪除部分無(wú)用的信息，也使頁(yè)面更加簡(jiǎn)潔，減少頁(yè)面的空間占用。 3) 將公開(kāi)頁(yè)面的默認(rèn)標(biāo)簽，分類(lèi)為相冊(cè)和視頻標(biāo)簽。分別儲(chǔ)存公開(kāi)的視頻以及相冊(cè)信息。 場(chǎng)景四 用戶(hù) D： 網(wǎng)站的 普通用戶(hù) 問(wèn)題： 1) 用戶(hù) D 在頁(yè)面瀏覽時(shí)，希望將自己珍藏的優(yōu)秀的頁(yè)面與朋友一起分享，但是不知道怎樣去分享。 2) 用戶(hù) D 在給頁(yè)面添加內(nèi)容時(shí)，添加版塊覆蓋了原有頁(yè)面的部分內(nèi)容，以至于用戶(hù)在添加內(nèi)容時(shí)，看不到被添加進(jìn)去的內(nèi)容置于頁(yè)面哪個(gè)版塊，即添加是否成功。 3) 用戶(hù) D 只能偶爾利用少量時(shí)間使用網(wǎng)站，但是覺(jué)得要進(jìn)入網(wǎng)站才能查找最新的信息，比較浪費(fèi)時(shí)間，還經(jīng)常進(jìn)入網(wǎng)站發(fā)現(xiàn)不了什么有用的信息。 解決： 1) 在頁(yè)簽編輯版塊里面，選擇分享頁(yè)簽，可以通過(guò)郵件，微博客等分享給好友，他們可以通過(guò)鏈接查看你供分享的頁(yè)簽。 2) 添加內(nèi)容版塊，以下拉框的形式呈現(xiàn)在頁(yè)面上，而不是以覆蓋窗口的形式。當(dāng)下拉的同時(shí)，頁(yè)面整體下拉，不至于被彈出版塊覆蓋，便于用戶(hù)查看更新的頁(yè)面。 3) 在首頁(yè)上放置最近活動(dòng)和活躍會(huì)員的介紹。這樣可以使用戶(hù)在未登錄時(shí)就可了解到最新網(wǎng)站的一些有趣的動(dòng)態(tài)，自己衡量是否有興趣，是否登錄瀏覽。 帶著“用戶(hù)想要什么”“開(kāi)發(fā)者的目的是什么”的明確認(rèn)識(shí)，我們就能清楚如何去滿(mǎn)足這些戰(zhàn)略目標(biāo)。當(dāng)我們把這些需求轉(zhuǎn)變成網(wǎng)站應(yīng)該給用戶(hù)提供什么樣的內(nèi)容和功能時(shí)，戰(zhàn)略便轉(zhuǎn)變成了范圍，需求便轉(zhuǎn)變成了功能模塊。從設(shè)計(jì)程序上看，功能模塊設(shè) 計(jì)是交互設(shè)計(jì)的基礎(chǔ)，為其提供內(nèi)容上的支持。從廣義的交互設(shè)計(jì)來(lái)看，貼近用戶(hù)的功能模塊設(shè)計(jì)也是達(dá)到良好交互的目的。 經(jīng)過(guò)需求分析我們 得到了 網(wǎng)站 初步的功能模塊，再輔之以場(chǎng)景分析，最終完善了各項(xiàng)功能， 于是便對(duì)網(wǎng)站各項(xiàng)功能（ 內(nèi)容 ） 進(jìn)行了如下設(shè)計(jì)。 網(wǎng)站架構(gòu)圖 添 加內(nèi) 容編 輯資 料添 加 聯(lián)系 人文 章編 輯頁(yè) 簽新 建頁(yè) 簽主 頁(yè) 相 冊(cè) 群 組自 由 添 加 個(gè)性 化 頁(yè) 面我 的 首 頁(yè)我 的 私 有 頁(yè) 面 我 的 公 開(kāi) 頁(yè) 面了 解近 況頁(yè) 面設(shè) 置谷 歌搜 索標(biāo) 題添 加 圖 41 網(wǎng)站架構(gòu)圖 網(wǎng)站為個(gè)人門(mén)戶(hù)類(lèi)網(wǎng)站，主要分為“我的首頁(yè)”、“我的私有頁(yè)面”、“我的公開(kāi)頁(yè)面”三部分。首頁(yè)主要展示網(wǎng)站基本信息以及提供登錄注冊(cè)功能。私有頁(yè)面，用戶(hù)可自由添加各類(lèi)模 塊，在這里，集合娛樂(lè)，交友，學(xué)習(xí)等功能一體化。公開(kāi)頁(yè)面，主要提供給其他用戶(hù)瀏覽。除了可以在公開(kāi)頁(yè)面自由添加模塊，同時(shí)它還具有寫(xiě)博和群組討論的功能，集合了博客、社區(qū)、個(gè)性化主頁(yè)于一體。 功能模塊介紹 （ 1） 首頁(yè) 圖 42 首頁(yè) 在首頁(yè)，網(wǎng)站主要添加以下幾方面內(nèi)容： ① 了解一下：“了解一下”提供鏈接到網(wǎng)站官方博客，以使用戶(hù)更多的了解網(wǎng)站信息； ② 網(wǎng)站介紹版塊：以小黑板形式，形象的展示網(wǎng)站主要提供的內(nèi)容和功能； ③ 登錄：用于注冊(cè)用戶(hù)登錄；另外添加“記住密碼”功能，便于 再次訪問(wèn)， “忘記密碼”幫助用戶(hù)找回密碼； ④ 注冊(cè)：“立即注冊(cè)”按鈕，引導(dǎo)非會(huì)員用戶(hù)進(jìn)入注冊(cè)頁(yè)面； ⑤ 瀏覽一下：為游客提供瀏覽功能，不注冊(cè)即可體驗(yàn)?zāi)J(rèn)公開(kāi)頁(yè)面的部分功能； ⑥ 功能簡(jiǎn)介：提供鏈接到官方博客的功能介紹頁(yè)面； ⑦ 最新動(dòng)態(tài)：顯示最新的網(wǎng)站動(dòng)態(tài)，如某個(gè) widget 新上線等信息； ⑧ 活躍用戶(hù)：顯示網(wǎng)站近期活躍會(huì)員，其他用戶(hù)可點(diǎn)擊瀏覽該用戶(hù)公開(kāi)頁(yè)面，或加其為好友。 （ 2） 我的私有頁(yè)面 圖 43 我的私有頁(yè)面 我的私有頁(yè)面提供以下幾方面內(nèi)容： ① 添加內(nèi)容：此版塊提供用戶(hù)給頁(yè)面添加內(nèi)容，包括“分類(lèi)瀏覽 widget” “添加最重要的 widget” 、“下載最新的 widget” 三塊，可以通過(guò)網(wǎng)站推薦，自主搜索等形式添加應(yīng)用模塊到頁(yè)面； ② 資料：即個(gè)人的信息中心，包括姓名、性別、公開(kāi)頁(yè)面地址等，重點(diǎn)推出用戶(hù)狀態(tài)描述，用戶(hù)可以就自己的 心情添加一句話，可供互相瀏覽； ③ 近況：包括個(gè)人最近的公開(kāi)或私人活動(dòng)，以及朋友動(dòng)態(tài)； ④ 聯(lián)系人：包括好友、關(guān)注者、尋找朋友和邀請(qǐng)好友； ⑤ 頁(yè)面設(shè)置：此版塊包括頁(yè)面語(yǔ)言、主題及壁紙的更換等； ⑥ 添加（更改）頁(yè)面標(biāo)題版塊：可在此處添加、更改頁(yè)面標(biāo)題； ⑦ google 搜索版塊：在此處可通過(guò)谷歌搜索需要的信息； ⑧ 頁(yè)簽版塊：此 版塊是此頁(yè)最重要區(qū)域，放置用戶(hù)添加的各項(xiàng) widget。用戶(hù)可以分類(lèi)添加頁(yè)簽，置放各類(lèi) widget，并為各頁(yè)簽命名。在頁(yè)簽名處可選擇“編輯”頁(yè)簽進(jìn)行編輯頁(yè)面布局，頁(yè)簽名稱(chēng)和頁(yè)簽圖標(biāo) 。 (3) 我的公開(kāi)頁(yè)面 圖 44 我的公開(kāi)頁(yè)面 我的公開(kāi)頁(yè)面提供以下幾方面的內(nèi)容： ① 主頁(yè)：展示個(gè)人基本資料、留言信息、空間概要等基本情況，是集合公開(kāi)頁(yè)面所有內(nèi)容的一個(gè)簡(jiǎn)要介紹； ② 文章 ： 在此版塊可以寫(xiě)文章，將文章進(jìn)行分類(lèi)，并在文章后面推出評(píng)論模塊，與博客內(nèi)容類(lèi) 似； ③ 相冊(cè)：提供給用戶(hù)上傳管理照片； 用戶(hù)可以在此創(chuàng)建自己的相冊(cè)，管理照片，并可自動(dòng)播放影集； ④ 群組：在此版塊，用戶(hù)可以創(chuàng)建群，加入群，發(fā)帖留言； ⑤ 此外，公開(kāi)頁(yè)面仍然保留私有頁(yè)面創(chuàng)建個(gè)性化頁(yè)簽、編輯資料、添加聯(lián)系人、瀏覽近況等功能。 明確的需求和功能模塊，為 交 互設(shè)計(jì)打下了方向性基礎(chǔ)。但僅 根據(jù)需求和 內(nèi)容來(lái)判斷網(wǎng)站中的交互行為，理論上可行，實(shí)際上卻不盡如人意。仍有無(wú)數(shù)網(wǎng)站在完善的需求分析和內(nèi)容設(shè)計(jì)之后 ， 同樣 敗在交互設(shè)計(jì)環(huán)節(jié)。 因此， 為避免這一現(xiàn)象，獲得 更加實(shí)際的、 良好的交互體驗(yàn)， 在交互設(shè)計(jì)之前 對(duì) 同類(lèi) 競(jìng)爭(zhēng)網(wǎng)站的分析 就顯得頗為 重要。通過(guò)競(jìng)品體驗(yàn)，取其精華、去其糟粕。在理論與實(shí)際的結(jié)合之上，才能為最終的交互設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)。 （同類(lèi)網(wǎng)站交互體驗(yàn)分析） 由需求分析、功能模塊設(shè)計(jì)之后所得出的交互設(shè)計(jì)，理論上符合了建立良好用戶(hù)體驗(yàn)和網(wǎng)站原型的程序。但更多交互設(shè)計(jì)的細(xì)節(jié)還需在實(shí)際的體驗(yàn)中才能完善，畢竟理論是基于一定的主觀想象，而實(shí)際操作后發(fā)現(xiàn)的問(wèn)題， 用戶(hù)體驗(yàn)后反饋的建議，才是最實(shí)際的設(shè)計(jì)源泉。為此，我選擇了幾個(gè)個(gè)人門(mén)戶(hù)類(lèi)網(wǎng)站進(jìn)行交互體驗(yàn)，希望在理論分析的基礎(chǔ)之上，再吸取實(shí)際網(wǎng)站的精華，繼承它們的優(yōu)秀交互模式，并對(duì)不足之處在本設(shè)計(jì)中適當(dāng)改進(jìn)。 Netvibes（ ） 優(yōu)點(diǎn) 1 描述： 添加內(nèi)容時(shí)，以下拉框形式彈出“添加內(nèi)容”模塊（如下圖 ），而無(wú)需跳轉(zhuǎn)頁(yè)面。 圖 51