上一期分享了三種基本的交互模型,雙面板選擇、畫(huà)布工具條、向?qū)В╳izard),本期討論的交互模型并不局限在一個(gè)頁(yè)面上的信息結(jié)構(gòu),它們分別是:響應(yīng)式出現(xiàn)和嵌入式連接。
1. 響應(yīng)式出現(xiàn)
一個(gè)頁(yè)面要顯示很多內(nèi)容,但是其中一部分內(nèi)容不太重要,我們希望用戶(hù)界面變得簡(jiǎn)單,但又不得不把內(nèi)容放到界面當(dāng)中,在這樣的情況下,可以把重要的內(nèi)容顯示出來(lái),并把其他內(nèi)容隱藏,用戶(hù)可以通過(guò)一個(gè)簡(jiǎn)單的操作訪(fǎng)問(wèn)隱藏內(nèi)容,這樣的頁(yè)面不僅在一個(gè)頁(yè)面上具備了信息結(jié)構(gòu),同時(shí)具有了垂直的層次結(jié)構(gòu),不是一股腦的丟給用戶(hù),而是在用戶(hù)需要時(shí)顯示。
[用法]
- 將主要和次要內(nèi)容分開(kāi),默認(rèn)顯示主要內(nèi)容,把次要內(nèi)容放到事先隱藏的區(qū)域里;
- 在默認(rèn)顯示的界面上放置醒目的按鈕或連接,讓用戶(hù)能夠找到那些隱藏的內(nèi)容。 例如“更多”,或是使用向右或向下的箭頭作為連接或按鈕標(biāo)簽的一個(gè)部分。
- 打開(kāi)隱藏區(qū)域后,設(shè)置另一個(gè)按鈕或某種方式能夠讓用戶(hù)關(guān)閉它。隱藏區(qū)域的內(nèi)容應(yīng)該是用戶(hù)大部分時(shí)間都不會(huì)需要它的,因此要進(jìn)入和退出這個(gè)額外區(qū)域的操作醒目就可以了。
[形式]
1) 頁(yè)面內(nèi)展開(kāi):在主要界面上提供按鈕或連接,用戶(hù)點(diǎn)擊以后,在頁(yè)面內(nèi)展開(kāi)一個(gè)區(qū)域,顯示進(jìn)一步內(nèi)容,這種形式能夠即時(shí)的反饋用戶(hù)的操作,同時(shí)容易給用戶(hù)帶來(lái)自然過(guò)度的體驗(yàn),這種形式適合用在對(duì)主要內(nèi)容的擴(kuò)充,更詳細(xì)的、更近一步的內(nèi)容,當(dāng)用戶(hù)沒(méi)有看到這些內(nèi)容并不會(huì)影響使用,而打開(kāi)這些內(nèi)容,用戶(hù)可以看到更多、或是得到更豐富的功能。
例如:
出處:騰訊Webteam
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 信息架構(gòu)中的常見(jiàn)模型-2 [2]
|