交互設(shè)計實用指南系列(4)—簡潔清晰,自然易懂_網(wǎng)頁設(shè)計教程
推薦:交互設(shè)計實用指南系列(3)—適時幫助 任何一個交互過程的操作,對于用戶來說都有學習成本,誰也不能保證所有人都可以準確無誤地走完一個流程。交互設(shè)計師在設(shè)計時應(yīng)該考慮適時地給用戶相應(yīng)的幫 助,這一點非常重要。適時幫助,是指在用戶使用流程中,在需要的時候能及時地得到幫助;反之,在不需要幫助的時

我們生活在信息繁雜的社會,尤其是在互聯(lián)網(wǎng)時代,人們開始通過網(wǎng)絡(luò)開始接觸越來越多的信息,那么,如何獲取/傳遞有效而準確的信息將非常重要。在網(wǎng)頁交互設(shè)計中,我們提出:信息獲取和傳達的過程必須是簡潔清晰,自然易懂。這樣用戶才能夠有效的獲取這些信息,并迅速作出決定。
1.什么是“簡潔自然,清晰易懂”?
簡潔清晰:使信息最簡化
“少即是多”。提倡使用最少的元素來表達最多的信息。如果信息繁雜,將使用戶承擔大量的信息負擔,造成信息過載,影響效率,不能幫助用戶解決問題。
自然易懂:使用用戶語言
用戶獲取信息的方式多樣,并且對信息的理解程度也各有不同,所以使用用戶平時使用和理解的表達方式去傳遞信息,更可以被用戶所接受。
2.信息表述的種類與設(shè)計原則
在網(wǎng)頁交互設(shè)計中,用于傳達給用戶以有效信息的方式有多種,其中包括:頁面布局,交互文本,界面色彩,圖像與圖標,聲音等。
1)頁面布局
界面中的信息布局,會直接影響用戶獲取信息的效率。所以,一般界面的布局因功能不同考慮的側(cè)重點不同,并且會讓用戶有一種“區(qū)塊感”,方便用戶對信息的掃描性瀏覽。
①界面布局盡量有秩序,排列整齊,防止過緊或過松,有明顯的“區(qū)塊感”。切忌混亂。
②布局要充分表現(xiàn)其功能性,對于每個區(qū)域所代表的功能應(yīng)有所區(qū)別。如:標題區(qū),工作區(qū),提示/幫助區(qū)等
③頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置上。并且,應(yīng)該是最大的。
④布局中的信息需要有明顯的標志和簡單介紹,比如標題欄和標題等。
⑤信息的位置保證一致性,讓用戶可以無需重新建立對頁面信息分布的理解。
2)交互文本
交互文本指產(chǎn)品界面涉及交互操作中需要用戶理解并反饋的所有的文字:包括標題、按鈕文字、鏈接文字,對話框提示、各種提示信息、幫助等。這些文字直接影響用戶在交互過程中對預期的理解,好的交互文本設(shè)計,可以提高用戶完成任務(wù)的效率。
①表述的信息盡量口語化,不用或少用專業(yè)術(shù)語;
②表述語氣柔和、禮貌,避免使用被動語態(tài),否定句等;
③簡潔、清楚的表達,文字較多要適當斷句,盡量避免左右滾屏,折行。
④對于同種操作的交互文本,操作行文字保持統(tǒng)一性。
⑤字體使用默認/標準的字體,大小以用戶的視覺清晰分辨為主;
3)界面色彩
人眼一共約能區(qū)分一千萬種顏色,所以用戶與界面中顏色的關(guān)注度非常的高,有效的使用色彩區(qū)分信息的級別,分類等,有助于用戶對信息和操作產(chǎn)生關(guān)聯(lián),有效減少用戶的記憶負擔。
①根據(jù)不同的產(chǎn)品使用“場景”,選擇其合適的顏色。如,管理界面經(jīng)常使用藍色。
②考慮顏色對用戶的心理和文化的影響。比如,黃色代表警告,綠色代表成功等。
③避免界面中同時出現(xiàn)3種以上的顏色。
④顏色的對比度明顯,如在深色的背景中使用淺色的文字。
⑤使用顏色指導用戶關(guān)注到到最重要的信息。
4)圖像圖標
相對于單純的文本,圖像以及符號化的圖標更加符合用戶的認識習慣。往往表述一種信息,一張圖片或者一個標識更能讓不同用戶理解與接受。適當?shù)氖褂脠D片與符號化的圖標,會讓用戶很自然的建立起認知習慣。
①表意清晰,明確,有高度的概括性與指向性,讓用戶能夠快速的聯(lián)想到對應(yīng)的功能和操作。
②同類或同一緯度的信息,在形式和色彩風格上盡量保持一致性;
③僅在突出重要信息,用戶可能產(chǎn)生理解偏差的情況下使用。避免濫用。
④盡量與交互文本結(jié)合使用。
5)聲音
在網(wǎng)頁的交互設(shè)計中,用于聲音的信息表述方式相對與視覺來說不是很多。一般應(yīng)用于提示,提醒,幫助等信息的表述。此類信息表述讓用戶通過聽覺獲取反饋,更加的直接與有效。
①表述清晰,語氣親切,不生硬,有禮貌。
②使用符合用戶認知習慣的聲音。如,使用敲門聲提示好友來訪信息等。
③使用不讓用戶反感(如:恐怖,惡心,煩躁)的聲音。
④在用戶可預知的情況下發(fā)出聲音。
4.小結(jié)
對于不同的信息表述方式,我們都要求設(shè)計師在表達信息的時候做到簡潔清晰,自然易懂,盡量讓用戶覺得這是自然而然,而且又是清晰明了的信息。就像小溪流水一樣自然,就像軍人命令一樣明確。這樣才會讓用戶快速,準確的完成任務(wù)。
分享:交互設(shè)計實用指南系列(2) –可及 可及,通俗的說是“可以達到”,加上主語和賓語,在“交互設(shè)計”這個大的語境下,含義應(yīng)該是“用戶可以達到自己的操作目標”,這不是和“有效性用戶的操作是有效的”重復了嗎?其實,在交互設(shè)計實用指南中,“可及”是一個狹義的概念,是放在有效性下面的,具體解釋為
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-交互設(shè)計實用指南系列(4)—簡潔清晰,自然易懂
。