• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 信息架構(gòu)中的常見模型	共有1365人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2020/1/6 14:20:00 樓　主 信息架構(gòu)中的常見模型 　　《信息架構(gòu)中的常見模型》是整個“web交互設(shè)計方法”中的一部分： 　　本期的內(nèi)容目的是分享和總結(jié)信息架構(gòu)中一部分基本的交互模型。信息架構(gòu)需要考慮內(nèi)容和功能的建構(gòu),首先需要考慮怎樣組織內(nèi)容和功能的關(guān)系，也就是切分內(nèi)容，如何把一些動作和對象跟主題順暢的結(jié)合起來；第二步就是考慮怎樣引導(dǎo)用戶通過界面達(dá)成他們的目標(biāo),也就是用”物理結(jié)構(gòu)”把內(nèi)容用頁面窗口面板等元素將信息表達(dá)出來,交互模型正是針對第二個步驟來說的，這些模式幫助我們在表達(dá)信息的時候能夠有一些常用的思路和出發(fā)點(diǎn)。 　　1.雙面板展示（Two-panelSelector） 　　【形式】把兩個相鄰的面板放在界面上，在第一個面板顯示一組對象，用戶可以從中任意選擇，在第二個面板上顯示選中對象的內(nèi)容。 　　【優(yōu)點(diǎn)】 　　這種模式由于兩個面板相鄰擺放，用戶可以很快把他們的注意力換來換去，一會看著列表的整個結(jié)構(gòu)（比如圖中顯示了哪些是最新的應(yīng)用），一會查看一個對象的詳細(xì)信息（這個應(yīng)用是做什么的，有哪些內(nèi)容等等）。與單個窗口相比，這種緊密地集成有幾個突出的好處： 　　減少體力開支，兩個面板距離很近，用戶的眼睛不需要進(jìn)行長距離的穿梭，可以通過用一次鼠標(biāo)單擊或按鍵來改變選擇的項(xiàng)目，而不是首先要在窗口和屏幕之間選擇； 　　減少了可視化的認(rèn)知負(fù)擔(dān)，當(dāng)一個窗口彈出到最上面，或當(dāng)一個頁面的內(nèi)容完全改變時，用戶就得花額外的注意力到現(xiàn)在要看的東西上，如果窗口本身一直不變，用戶就可以把注意力集中在一個較小的變化范圍內(nèi)； 　　它也減少了記憶負(fù)擔(dān)，這里左側(cè)的列表充當(dāng)了“路標(biāo)”的角色，因此用戶完全明白自己當(dāng)前是在哪個應(yīng)用下。 　　【用法】 　　整體布局：把可以進(jìn)行選擇的列表放在上面或左邊的面板上，顯示詳細(xì)內(nèi)容的面板放在下面或右邊，這樣做利用了絕大多數(shù)用戶的視線流動方向，根據(jù)用戶從左到右的語言閱讀習(xí)慣讓用戶方便找到自己需要得到的信息。 　　列表的布局：一般有四種布局方式：線性列表，通常是排序的；二維表格，可以排序，也可以讓用戶通過列或行的標(biāo)題進(jìn)行過濾；空間組織方式，如地圖、圖表以及類似桌面的區(qū)域，讓用戶可以按自己的需要放置對象。 　　操作：當(dāng)用戶單擊列表中的一個對象時，在第二個面板中立即顯示它的內(nèi)容或詳細(xì)信息。同時最好能支持鍵盤操作以改變選擇的方式，如上下箭頭鍵； 　　視覺：讓已經(jīng)選中的對象在視覺上突出顯示，如給選中的列表對象換一種顏色和亮度。 　　【例子】 　　Qzone中的雙面板應(yīng)用，當(dāng)從左側(cè)列表選擇出信息以后，右側(cè)會顯示該對象的詳細(xì)內(nèi)容，并且采用了主題類別的信息切分形式，如果從常用模式的基本應(yīng)用模式來看，當(dāng)用戶選中左側(cè)列表對象后，如果在視覺上能夠?qū)υ搶ο筮M(jìn)行突出顯示，可能會更友好一些。 　　2.畫布加工具條（CanvasPlusPalette） 　　【形式】 　　用于圖形編輯器上，把一個帶圖標(biāo)的工具條放在空白畫布旁邊，用戶單擊調(diào)色板工具條上的按鈕，在畫布上創(chuàng)建對象。通常工具條用來創(chuàng)建對象，畫布用來擺放對象。 　　【優(yōu)點(diǎn)】 　　這個模式來自于人們的日常生活經(jīng)驗(yàn)，畫布、調(diào)色板，就是這樣的樣式，因此用戶在使用時容易理解；同時畫布加工具條也利用了可視化識別的好處，最常用的圖標(biāo)（畫筆、手型圖標(biāo)、放大鏡等）在各種不同的應(yīng)用系統(tǒng)中一次又一次的得到重用，而且每次都是同樣的用法，減少了用戶記憶和學(xué)習(xí)的成本。 　　【用法】 　　工具條本身應(yīng)該是一個圖標(biāo)按鈕或者看起來像按鈕的網(wǎng)格，由于中文本身詞匯的表達(dá)比較強(qiáng)，所以工具條里用圖標(biāo)加文字的形式會更容易理解。 　　工具條放在畫布的左邊或者上面，當(dāng)工具比較多時，可以吧工具條的圖標(biāo)分成幾個小組，比如用（cardstack）模式的TAB來表示這些分組。 　　【例子】 　　QQ秀泡泡日志的編輯框正是一個畫布加工具條的用戶，通過Icon加文字的形式組成了工具條，并用分割線將工具進(jìn)行了分組。 　　3.向?qū)В╓izard） 　　【形式】 　　在界面上一步步引導(dǎo)用戶按預(yù)定的順序完成任務(wù)，把任務(wù)分成一系列步驟，在每個步驟里讓用戶集中處理一件事情。如，Qzone個人空間的注冊頁面： 　　【優(yōu)點(diǎn)】 　　對于較長的任務(wù)，在設(shè)計用戶界面時如何讓用戶明白操作的步驟，向?qū)У膬?yōu)點(diǎn)正是讓用戶按照預(yù)先規(guī)劃的路線圖來組織這項(xiàng)任務(wù)，而不用了解整個任務(wù)的結(jié)構(gòu)，用戶要做就是按順序執(zhí)行每個步驟，相信他們?nèi)绻裱甘荆蜁晒ν瓿伞?br /> 　　【用法】 　　把組成任務(wù)的操作分成幾個部分或幾組操作，各個部分的次序排列可能必須是嚴(yán)格限制的，也可以是能夠由用戶選擇的。 　　Qzone的的注冊過程包括選擇風(fēng)格樣式、填寫個人信息、補(bǔ)充資料和完成四步，用戶必須依次填寫，而不能先填寫后面的步驟再回來寫前面的；而對于一些在線支付類的流程，從產(chǎn)品挑選、支付信息、支付地址、送貨地址等步驟，它們的順序并不重要，因?yàn)楹竺娴倪x擇并不依賴前面的選擇，把相關(guān)的選擇放在一起只是簡化了人們填寫表單的工作。 　　任務(wù)拆分后步驟的數(shù)量和粒度往往需要很好的權(quán)衡，如果只有兩步，那會顯得很傻，如果有十五步，就會顯得乏味枯燥；但是每個步驟也需要保證不能太復(fù)雜，不然失去了向?qū)У囊饬x。 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶