高端網(wǎng)站建設(shè)對話框交互設(shè)計(jì)技巧有哪些？

2022-04-27    分類： 網(wǎng)站建設(shè)

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

首先我們先看看，對話框都由什么組成？



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

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




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

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




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




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




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

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




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

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




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

標(biāo)題名稱：高端網(wǎng)站建設(shè)對話框交互設(shè)計(jì)技巧有哪些？
分享網(wǎng)址：http://www.muchs.cn/news27/146627.html

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

廣告

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

外貿(mào)網(wǎng)站制作