建站常識
交互設(shè)計(4)—“有效性”之“簡潔清晰,自然易
2010-01-04 09:07:00
我們生活在信息繁雜的社會,尤其是在互聯(lián)網(wǎng)時代,人們開始通過網(wǎng)絡(luò)開始接觸越來越多的信息,那么,如何獲取/傳遞有效而準(zhǔn)確的信息將非常重要。在網(wǎng)頁交互設(shè)計中,我們提出:信息獲取和傳達的過程必須是簡潔清晰,自然易懂。這樣用戶才能夠有效的獲取這些信息,并迅速作出決定。
1.什么是“簡潔自然,清晰易懂”?
簡潔清晰:使信息最簡化
“少即是多”。提倡使用最少的元素來表達最多的信息。如果信息繁雜,將使用戶承擔(dān)大量的信息負(fù)擔(dān),造成信息過載,影響效率,不能幫助用戶解決問題。
自然易懂:使用用戶語言
用戶獲取信息的方式多樣,并且對信息的理解程度也各有不同,所以使用用戶平時使用和理解的表達方式去傳遞信息,更可以被用戶所接受。
2.信息表述的種類與設(shè)計原則
在網(wǎng)頁交互設(shè)計中,用于傳達給用戶以有效信息的方式有多種,其中包括:頁面布局,交互文本,界面色彩,圖像與圖標(biāo),聲音等。
1)頁面布局
界面中的信息布局,會直接影響用戶獲取信息的效率。所以,一般界面的布局因功能不同考慮的側(cè)重點不同,并且會讓用戶有一種“區(qū)塊感”,方便用戶對信息的掃描性瀏覽。
①界面布局盡量有秩序,排列整齊,防止過緊或過松,有明顯的“區(qū)塊感”。切忌混亂。
②布局要充分表現(xiàn)其功能性,對于每個區(qū)域所代表的功能應(yīng)有所區(qū)別。如:標(biāo)題區(qū),工作區(qū),提示/幫助區(qū)等
③頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置上。并且,應(yīng)該是最大的。
④布局中的信息需要有明顯的標(biāo)志和簡單介紹,比如標(biāo)題欄和標(biāo)題等。
⑤信息的位置保證一致性,讓用戶可以無需重新建立對頁面信息分布的理解。
2)交互文本
交互文本指產(chǎn)品界面涉及交互操作中需要用戶理解并反饋的所有的文字:包括標(biāo)題、按鈕文字、鏈接文字,對話框提示、各種提示信息、幫助等。這些文字直接影響用戶在交互過程中對預(yù)期的理解,好的交互文本設(shè)計,可以提高用戶完成任務(wù)的效率。
①表述的信息盡量口語化,不用或少用專業(yè)術(shù)語;
②表述語氣柔和、禮貌,避免使用被動語態(tài),否定句等;
③簡潔、清楚的表達,文字較多要適當(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)常使用藍色。
②考慮顏色對用戶的心理和文化的影響。比如,黃色代表警告,綠色代表成功等。
③避免界面中同時出現(xiàn)3種以上的顏色。
④顏色的對比度明顯,如在深色的背景中使用淺色的文字。
⑤使用顏色指導(dǎo)用戶關(guān)注到到最重要的信息。
4)圖像圖標(biāo)
相對于單純的文本,圖像以及符號化的圖標(biāo)更加符合用戶的認(rèn)識習(xí)慣。往往表述一種信息,一張圖片或者一個標(biāo)識更能讓不同用戶理解與接受。適當(dāng)?shù)氖褂脠D片與符號化的圖標(biāo),會讓用戶很自然的建立起認(rèn)知習(xí)慣。
①表意清晰,明確,有高度的概括性與指向性,讓用戶能夠快速的聯(lián)想到對應(yīng)的功能和操作。
②同類或同一緯度的信息,在形式和色彩風(fēng)格上盡量保持一致性;
③僅在突出重要信息,用戶可能產(chǎn)生理解偏差的情況下使用。避免濫用。
④盡量與交互文本結(jié)合使用。
5)聲音
在網(wǎng)頁的交互設(shè)計中,用于聲音的信息表述方式相對與視覺來說不是很多。一般應(yīng)用于提示,提醒,幫助等信息的表述。此類信息表述讓用戶通過聽覺獲取反饋,更加的直接與有效。
①表述清晰,語氣親切,不生硬,有禮貌。
②使用符合用戶認(rèn)知習(xí)慣的聲音。如,使用敲門聲提示好友來訪信息等。
③使用不讓用戶反感(如:恐怖,惡心,煩躁)的聲音。
④在用戶可預(yù)知的情況下發(fā)出聲音。
4.小結(jié)
對于不同的信息表述方式,我們都要求設(shè)計師在表達信息的時候做到簡潔清晰,自然易懂,盡量讓用戶覺得這是自然而然,而且又是清晰明了的信息。就像小溪流水一樣自然,就像軍人命令一樣明確。這樣才會讓用戶快速,準(zhǔn)確的完成任務(wù)。
原文:http://ued.taobao.com/blog/2009/12/31/simple/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-06-10 16:12:00] 數(shù)據(jù)研究在交互設(shè)計中的應(yīng)用
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2009-06-23 08:11:00] 細(xì)節(jié)決定成敗 總結(jié)項目中的交互設(shè)計
- [2009-05-08 08:11:00] 交互設(shè)計:不是什么和是什么
- [2010-02-26 21:52:00] 交互設(shè)計(10)—別讓我思考
- [2010-11-12 08:27:00] 20K的糾結(jié) 騰訊游戲flash廣告設(shè)計的現(xiàn)狀與未來
- [2010-06-05 08:33:00] 淺談幾個設(shè)計法則
- [2010-09-06 08:19:00] 關(guān)于設(shè)計文檔的分析
- [2007-11-21 22:44:00] 交互設(shè)計的理論普及
- [2010-08-24 17:38:00] 頭像web版交互設(shè)計總結(jié)
- [2010-01-19 11:11:00] 交互設(shè)計(6)–突出重點,一目了然
- [2009-11-13 14:24:00] 交互設(shè)計小貼士
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島做網(wǎng)站多少錢 青島網(wǎng)站建設(shè)基礎(chǔ)知識 青島網(wǎng)絡(luò)公司 青島輪胎網(wǎng)站設(shè)計 響應(yīng)式設(shè)計 青島高端網(wǎng)站建設(shè)公司哪家好 手機網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站營銷 官網(wǎng)建設(shè) 青島高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站的速度 搜索引擎 青島flash網(wǎng)站 青島網(wǎng)站SEO 高端輪胎網(wǎng)站設(shè)計 網(wǎng)站制作 青島網(wǎng)頁制作 GOOGLE 搜索引擎蜘蛛 集團官網(wǎng) 青島開發(fā)區(qū)建站公司 力圖 色彩心理學(xué) html和css 網(wǎng)站交互設(shè)計 網(wǎng)站建設(shè),手機網(wǎng)站 網(wǎng)站品牌 青島不錯的英文網(wǎng)站建設(shè)公司