交互網(wǎng)頁設(shè)計(jì)原則:整潔清晰明確

在網(wǎng)頁交互設(shè)計(jì)中，我們提出：信息獲取和傳達(dá)的過程必須是簡潔清晰，自然易懂。這樣用戶才能夠有效的獲取這些信息，并迅速作出決定。 1.什么是“簡潔自然，清晰易懂”?

簡潔清晰：使信息最簡化

“少即是多”。提倡使用最少的元素來表達(dá)最多的信息。如果信息繁雜，將使用戶承擔(dān)大量的信息負(fù)擔(dān)，造成信息過載，影響效率，不能幫助用戶解決問題。

自然易懂：使用用戶語言

用戶獲取信息的方式多樣，并且對信息的理解程度也各有不同，所以使用用戶平時(shí)使用和理解的表達(dá)方式去傳遞信息，更可以被用戶所接受。

2.信息表述的種類與設(shè)計(jì)原則

在網(wǎng)頁交互設(shè)計(jì)中，用于傳達(dá)給用戶以有效信息的方式有多種，其中包括：頁面布局，交互文本，界面色彩，圖像與圖標(biāo)，聲音等。

1)頁面布局

界面中的信息布局，會(huì)直接影響用戶獲取信息的效率。所以，一般界面的布局因功能不同考慮的側(cè)重點(diǎn)不同，并且會(huì)讓用戶有一種“區(qū)塊感”，方便用戶對信息的掃描性瀏覽。

①界面布局盡量有秩序，排列整齊，防止過緊或過松，有明顯的“區(qū)塊感”。切忌混亂。

②布局要充分表現(xiàn)其功能性，對于每個(gè)區(qū)域所代表的功能應(yīng)有所區(qū)別。如：標(biāo)題區(qū)，工作區(qū)，提示/幫助區(qū)等

③頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置上。并且，應(yīng)該是大的。

④布局中的信息需要有明顯的標(biāo)志和簡單介紹，比如標(biāo)題欄和標(biāo)題等。

⑤信息的位置保證一致性，讓用戶可以無需重新建立對頁面信息分布的理解。

2)交互文本

交互文本指產(chǎn)品界面涉及交互操作中需要用戶理解并反饋的所有的文字：包括標(biāo)題、按鈕文字、鏈接文字，對話框提示、各種提示信息、幫助等。這些文字直接影響用戶在交互過程中對預(yù)期的理解，好的交互文本設(shè)計(jì)，可以提高用戶完成任務(wù)的效率。

①表述的信息盡量口語化，不用或少用專業(yè)術(shù)語;

②表述語氣柔和、禮貌，避免使用被動(dòng)語態(tài)，否定句等;

③簡潔、清楚的表達(dá)，文字較多要適當(dāng)斷句，盡量避免左右滾屏，折行。

④對于同種操作的交互文本，操作行文字保持統(tǒng)一性。

⑤字體使用默認(rèn)/標(biāo)準(zhǔn)的字體，大小以用戶的視覺清晰分辨為主;

3)界面色彩

人眼一共約能區(qū)分一千萬種顏色，所以用戶與界面中顏色的關(guān)注度非常的高，有效的使用色彩區(qū)分信息的級別，分類等，有助于用戶對信息和操作產(chǎn)生關(guān)聯(lián)，有效減少用戶的記憶負(fù)擔(dān)。

①根據(jù)不同的產(chǎn)品使用“場景”，選擇其合適的顏色。如，管理界面經(jīng)常使用藍(lán)色。

②考慮顏色對用戶的心理和文化的影響。比如，黃色代表警告，綠色代表成功等。

③避免界面中同時(shí)出現(xiàn)3種以上的顏色。

④顏色的對比度明顯，如在深色的背景中使用淺色的文字。

⑤使用顏色指導(dǎo)用戶關(guān)注到到最重要的信息。

4)圖像圖標(biāo)

相對于單純的文本，圖像以及符號(hào)化的圖標(biāo)更加符合用戶的認(rèn)識(shí)習(xí)慣。往往表述一種信息，一張圖片或者一個(gè)標(biāo)識(shí)更能讓不同用戶理解與接受。適當(dāng)?shù)氖褂脠D片與符號(hào)化的圖標(biāo)，會(huì)讓用戶很自然的建立起認(rèn)知習(xí)慣。 ①表意清晰，明確，有高度的概括性與指向性，讓用戶能夠快速的聯(lián)想到對應(yīng)的功能和操作。

②同類或同一緯度的信息，在形式和色彩風(fēng)格上盡量保持一致性;

③僅在突出重要信息，用戶可能產(chǎn)生理解偏差的情況下使用。避免濫用。

④盡量與交互文本結(jié)合使用。

5)聲音

在網(wǎng)頁的交互設(shè)計(jì)中，用于聲音的信息表述方式相對與視覺來說不是很多。一般應(yīng)用于提示，提醒，幫助等信息的表述。此類信息表述讓用戶通過聽覺獲取反饋，更加的直接與有效。

①表述清晰，語氣親切，不生硬，有禮貌。

②使用符合用戶認(rèn)知習(xí)慣的聲音。如，使用敲門聲提示好友來訪信息等。

③使用不讓用戶反感(如：恐怖，惡心，煩躁)的聲音。

④在用戶可預(yù)知的情況下發(fā)出聲音。

3.小結(jié)

對于不同的信息表述方式，我們都要求設(shè)計(jì)師在表達(dá)信息的時(shí)候做到簡潔清晰，自然易懂，盡量讓用戶覺得這是自然而然，而且又是清晰明了的信息。就像小溪流水一樣自然，就像軍人命令一樣明確。這樣才會(huì)讓用戶快速，準(zhǔn)確的完成任務(wù)。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：交互網(wǎng)頁設(shè)計(jì)原則:整潔清晰明確
標(biāo)題URL：http://www.bm7419.com/news0/309900.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站建設(shè)、做網(wǎng)站、自適應(yīng)網(wǎng)站、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(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)