隨著建站技術(shù)的進(jìn)步和發(fā)展，網(wǎng)站建設(shè)越加趨向于專(zhuān)業(yè)化和個(gè)性化。在個(gè)性化的網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)話(huà)框，導(dǎo)航欄等這些基本功能越來(lái)越智能，越來(lái)高端。

首先我們先看看，對(duì)話(huà)框都由什么組成？

大部分對(duì)話(huà)框都由標(biāo)題，按鈕和說(shuō)明文本組成，如果對(duì)話(huà)框允許用戶(hù)輸入或者選擇，則需要相關(guān)控件。對(duì)話(huà)框的標(biāo)題應(yīng)當(dāng)簡(jiǎn)單明了，一目了然；按鈕，對(duì)話(huà)框上一般有兩到兩個(gè)按鈕，分別是確定，取消。當(dāng)用戶(hù)點(diǎn)擊任何一個(gè)按鈕以后。模態(tài)對(duì)話(huà)框就會(huì)取消和關(guān)閉，為了提高熟練用戶(hù)的效率。說(shuō)明文本則是向用戶(hù)解釋對(duì)話(huà)框里的消息，簡(jiǎn)單明了，說(shuō)明一下注意事項(xiàng)。
什么是模態(tài)對(duì)話(huà)框？

在設(shè)計(jì)交互界面時(shí)，應(yīng)該重視模態(tài)對(duì)話(huà)框的設(shè)計(jì)，良好的模態(tài)對(duì)話(huà)框能更好的幫助用戶(hù)完成任務(wù)。當(dāng)模態(tài)對(duì)話(huà)框打開(kāi)以后，用戶(hù)就不能繼續(xù)之前的任務(wù)，除非模態(tài)對(duì)話(huà)框被停止。

主要內(nèi)容和相關(guān)控件應(yīng)該放在主視圖中，而不是散布在不同的模態(tài)對(duì)話(huà)框中，此外，當(dāng)一個(gè)對(duì)話(huà)框?qū)盈B在另一外一個(gè)對(duì)話(huà)框之上時(shí)，往往會(huì)讓用戶(hù)感覺(jué)到頭暈。
為什么要使用模態(tài)對(duì)話(huà)框？

1、獲取用戶(hù)的注意力。模態(tài)對(duì)話(huà)框一般都處于界面最頂層的中間位置，用戶(hù)在處理其他任務(wù)時(shí)，必須首先處理模態(tài)對(duì)話(huà)框里的任務(wù)，然后才能去處理其他任務(wù)，所以模態(tài)對(duì)話(huà)框雖然一定會(huì)打斷用戶(hù)，但是很少有其他組件像模態(tài)對(duì)話(huà)框一樣吸引用戶(hù)的全部注意力。

2、顯示次要內(nèi)容。用戶(hù)是為內(nèi)容而來(lái)，用戶(hù)關(guān)心和感興趣的內(nèi)容就是主要內(nèi)容，其他內(nèi)容則為次要內(nèi)容。所以主要內(nèi)容不應(yīng)該出現(xiàn)在模態(tài)對(duì)話(huà)框中，在設(shè)計(jì)良好的信息架構(gòu)中，用戶(hù)總能輕松的找到他們所關(guān)心的內(nèi)容。

次要內(nèi)容就可以放在模態(tài)對(duì)話(huà)框中，雖然這些內(nèi)容不是用戶(hù)所關(guān)心的問(wèn)題，但是用戶(hù)還是有機(jī)會(huì)打開(kāi)這些對(duì)話(huà)框，也許在這些無(wú)關(guān)緊要的內(nèi)容中，用戶(hù)也能遇到自己感興趣的內(nèi)容。

3、隱藏復(fù)雜性。我們希望新用戶(hù)能更快上手、掌握基本功能，就必須想辦法把平時(shí)不常使用的的高級(jí)功能隱藏起來(lái)，幫助新用戶(hù)把注意力先放在主要內(nèi)容上。

我們可以把這些高級(jí)功能藏在模態(tài)對(duì)話(huà)框中。對(duì)于新用戶(hù)而言，模態(tài)對(duì)話(huà)框的好處主要體現(xiàn)在：

容易理解。模態(tài)對(duì)話(huà)框往往簡(jiǎn)短易懂，新用戶(hù)可以快速完成對(duì)話(huà)框里的任務(wù)。

容易撤銷(xiāo)。如果新用戶(hù)一不小心通過(guò)按鈕或菜單打開(kāi)了模態(tài)對(duì)話(huà)框，他們可以隨時(shí)點(diǎn)擊「取消」。

容易導(dǎo)航。因?yàn)橛脩?hù)仍可看到模態(tài)對(duì)話(huà)框下面的部分主視圖，他不會(huì)搞不清楚他在哪里。如果他不想繼續(xù)，可以隨時(shí)關(guān)閉對(duì)話(huà)框并回到之前的視圖。

名稱(chēng)欄目：高端網(wǎng)站建設(shè)對(duì)話(huà)框交互設(shè)計(jì)技巧有哪些？
新聞來(lái)源：http://www.aaarwkj.com/news/146627.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)