1. 響應(yīng)式出現(xiàn)
一個(gè)頁面要顯示很多內(nèi)容,但是其中一部分內(nèi)容不太重要,我們希望用戶界面變得簡單,但又不得不把內(nèi)容放到界面當(dāng)中,在這樣的情況下,可以把重要的內(nèi)容顯示出來,并把其他內(nèi)容隱藏,用戶可以通過一個(gè)簡單的操作訪問隱藏內(nèi)容,這樣的頁面不僅在一個(gè)頁面上具備了信息結(jié)構(gòu),同時(shí)具有了垂直的層次結(jié)構(gòu),不是一股腦的丟給用戶,而是在用戶需要時(shí)顯示。
[用法]
1)將主要和次要內(nèi)容分開,默認(rèn)顯示主要內(nèi)容,把次要內(nèi)容放到事先隱藏的區(qū)域里;
2)在默認(rèn)顯示的界面上放置醒目的按鈕或連接,讓用戶能夠找到那些隱藏的內(nèi)容。 例如“更多”,或是使用向右或向下的箭頭作為連接或按鈕標(biāo)簽的一個(gè)部分。
3)打開隱藏區(qū)域后,設(shè)置另一個(gè)按鈕或某種方式能夠讓用戶關(guān)閉它。隱藏區(qū)域的內(nèi)容應(yīng)該是用戶大部分時(shí)間都不會(huì)需要它的,因此要進(jìn)入和退出這個(gè)額外區(qū)域的操作醒目就可以了。
[形式]
1) 頁面內(nèi)展開:在主要界面上提供按鈕或連接,用戶點(diǎn)擊以后,在頁面內(nèi)展開一個(gè)區(qū)域,顯示進(jìn)一步內(nèi)容,這種形式能夠即時(shí)的反饋用戶的操作,同時(shí)容易給用戶帶來自然過度的體驗(yàn),這種形式適合用在對(duì)主要內(nèi)容的擴(kuò)充,更詳細(xì)的、更近一步的內(nèi)容,當(dāng)用戶沒有看到這些內(nèi)容并不會(huì)影響使用,而打開這些內(nèi)容,用戶可以看到更多、或是得到更豐富的功能。
例如:
在QQ聊天窗口中當(dāng)用戶點(diǎn)擊“聊天記錄”時(shí),頁面展開一個(gè)區(qū)域,用戶可以看到更多聊天的記錄。
在QQ空間的個(gè)人中心中,頁面將好友更新的日志標(biāo)題列出來,當(dāng)用戶點(diǎn)擊“展開”按鈕時(shí)可以看到文章開頭部分的段落,同時(shí)按鈕轉(zhuǎn)換“收起”,用戶可以選擇把內(nèi)容再次隱藏起來。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)