12.31日(rì)音(yīn)訊,設計(jì)要(y®"•₽ào)達到(dào)簡潔清晰自(zì)然易懂(dǒng)。我↓<'♣們生(shēng)活在信息繁雜(zá)的(de)社會(huì)，尤其是(shì ₹ )在互聯網時(shí)代，人(rén)們開(kāi)始通(tōng≈ ±)過網絡開(kāi)始接觸越來(lái)越多(duō)的(de)信息，¥→★那(nà)麽，如(rú)何獲取/傳遞有(yǒu)效而準确的(de)信息将非常"<↑δ重要(yào)。在網頁交互設計(jì)中，我們提出：信息獲取和(h¶≤ £é)傳達的(de)過程必須是(shì)簡潔清晰，自(zì)然易懂(dǒng)∞∑。這(zhè)樣用(yòng)戶才能(néng)夠有(yǒu)效的(de)獲 ↔取這(zhè)些(xiē)信息，并迅速作(zuò)出決定。
1.什(shén)麽是(shì)&ld←₹£quo;簡潔自(zì)然，清晰易懂(dǒng©♠÷β)”？
簡潔清晰：使信息最簡化(huà)
“少(shǎo)即是(shì)多(duō)&←♦rdquo;。提倡使用(yòng)最少(shǎo)的(d$Ωe)元素來(lái)表達最多(duō)的(♦∑€de)信息。如(rú)果信息繁雜(zá)，将使用(yòng)戶承擔φ≥™♣大(dà)量的(de)信息負擔，造成信息過載 ×↓，影(yǐng)響效率，不(bù)能(néng)幫助用(yòng↔ "≥)戶解決問(wèn)題。
自(zì)然易懂(dǒng)：使用(yòng)用×♥♣(yòng)戶語言
用(yòng)戶獲取信息的(de)☆'↓方式多(duō)樣，并且對(duì)信息的(de)理(lǐ)解程ππ度也(yě)各有(yǒu)不(bù)同，所以使用©☆(yòng)用(yòng)戶平時(shí)使用(yòng)和(₩λ★hé)理(lǐ)解的(de)表達方式去(qù§∑∑)傳遞信息，更可(kě)以被用(yòng)戶所σ÷≠¶接受。
2.信息表述的(de)種類與設計(jì)原✘Ω™←則
在網頁交互設計(jì)中，用(yòng)于傳達給用(yòng)φ∏≠戶以有(yǒu)效信息的(de)方式有(yǒu)多(duō)種，其中包括×™™：頁面布局，交互文(wén)本，界面色彩，圖像與圖标，聲音(yīn)等。
1）頁面布局
界面中的(de)信息布局，會(huì)直接影(yǐng)響用(yòng)≥σ→≥戶獲取信息的(de)效率。所以，一(yī)般界面的(de)γ φ§布局因功能(néng)不(bù)同考慮的(de)側重點不(bù"&€)同，并且會(huì)讓用(yòng)戶有(yǒ÷♦u)一(yī)種“區(qū)塊感&r£dquo;，方便用(yòng)戶對(duì)信息的(de)掃描性浏覽。β"γα
①界面布局盡量有(yǒu)秩序，排列整齊，防止過緊或過松，有•☆(yǒu)明(míng)顯的(de)“區(qū)塊感&r$dquo;。切忌混亂。
③頁面中最重要(yào)的(de)信息所在的(de)模塊将是(shì)在§↑$屏幕中最明(míng)顯的(de)位置上(shàng)。并且，應該是(shì)最大(dà)的(de)。
④布局中的(de)信息需要(yào)有(yǒu)明(míng)顯¶ε∏↔的(de)标志(zhì)和(hé)簡單介紹，比如(rú)标題欄σ♣∞→和(hé)标題等。
⑤信息的(de)位置保證一(yī)緻性，讓用(yòng)戶"₩可(kě)以無需重新建立對(duì)頁面信息分∞₽×(fēn)布的(de)理(lǐ)解。
2）交互文(wén)本
交互文(wén)本指産品界面涉及交互操作(zuò)中∞'↔₹需要(yào)用(yòng)戶理(lǐ)解并反饋的(de)所有(Ω♣yǒu)的(de)文(wén)字：包括标題、按鈕文"&•≈(wén)字、鏈接文(wén)字，對(duì)話(huà)框提示、各種提示信>ε息、幫助等。這(zhè)些(xiē)文(wénδ≈→)字直接影(yǐng)響用(yòng)戶在交互過程♥δ中對(duì)預期的(de)理(lǐ)解，好(hǎo)的(de)交互$φ>文(wén)本設計(jì)，可(kě)以提高(gāo®≥©)用(yòng)戶完成任務的(de)效率。
①表述的(de)信息盡量口語化(huà)，不(εσ¥bù)用(yòng)或少(shǎo)用(yòng)專₹♦"↑業(yè)術(shù)語；
②表述語氣柔和(hé)、禮貌，避免使用(yòng)♣©被動語态，否定句等；
③簡潔、清楚的(de)表達，文(wé₩€↔n)字較多(duō)要(yào)适當斷句，盡量避免左右滾屏₽♥，折行(xíng)。
④對(duì)于同種操作(zuò)≤₹₩♦的(de)交互文(wén)本，操作(zuò)行(xíng)文(σ←♠wén)字保持統一(yī)性。
⑤字體(tǐ)使用(yòng)默認/标準的(↔♥de)字體(tǐ)，大(dà)小(xiǎo)以用(yòng)戶的(d ★e)視(shì)覺清晰分(fēn)辨為(wèi)主；
3）界面色彩
人(rén)眼一(yī)共約能(néng)"'↕區(qū)分(fēn)一(yī)千萬種顔色，✔→₩所以用(yòng)戶與界面中顔色的(de)關注度非常的♥↕÷(de)高(gāo)，有(yǒu)效的(de)使用(yòng)色彩$π區(qū)分(fēn)信息的(de)級别，分(fēn)類等，有(yǒ≈ u)助于用(yòng)戶對(duì)信息和(hé)操作(zuò)産生(sh™↓ēng)關聯，有(yǒu)效減少(shǎo)用(yòng)戶的(d' '•e)記憶負擔。
①根據不(bù)同的(de)産品使用(yòng)&l€$dquo;場(chǎng)景”，選擇其合π♠♦适的(de)顔色。如(rú)，管理(lǐ)界面經常使用(yòφ♦≈ng)藍(lán)色。
②考慮顔色對(duì)用(yòng)戶的(de)心理(lǐ)和(h©♣♣βé)文(wén)化(huà)的(de)影(yǐng★∞)響。比如(rú)，黃(huáng)色代表警告，綠(lǜ)™≥ $色代表成功等。
③避免界面中同時(shí)出現(x±¥iàn)3種以上(shàng)的(de)顔色。
④顔色的(de)對(duì)比度明☆•(míng)顯，如(rú)在深色的(de)背景中使用(yòn™€φ↔g)淺色的(de)文(wén)字。
⑤使用(yòng)顔色指導用(yòng)戶關注到(dào)到(♥dào)最重要(yào)的(de)信息。
4）圖像圖标
相(xiàng)對(duì)于單純的(de)文(wén)本，圖像¶₽δ<以及符号化(huà)的(de)圖标更加符合用(yòng)戶的(de)認識×$÷∞習(xí)慣。往往表述一(yī)種信息，一(yī)"↕★✘張圖片或者一(yī)個(gè)标識更能(néng)讓不(bù)同用(yλ òng)戶理(lǐ)解與接受。适當的(de)使用(yòng)圖∑β片與符号化(huà)的(de)圖标，會(huì)讓用(yòng)戶很(₽☆¥hěn)自(zì)然的(de)建立起認知(₩↔zhī)習(xí)慣。
①表意清晰，明(míng)确，有(yǒu)高(gāo)$'度的(de)概括性與指向性，讓用(yòng)戶能(né₹↓ng)夠快(kuài)速的(de)聯想到(dào)對(duì)應的(dΩ§<e)功能(néng)和(hé)操作(zuò)。
②同類或同一(yī)緯度的(de)信息，在形式和••(hé)色彩風(fēng)格上(shàng)盡量保持一(yī)™φ緻性；
③僅在突出重要(yào)信息，用(yòng₽•)戶可(kě)能(néng)産生(shēng)理(lǐ≈•)解偏差的(de)情況下(xià)使用(yòng)。避免≤₩→濫用(yòng)。
④盡量與交互文(wén)本結合使用(yòng)。
5）聲音(yīn)
在網頁的(de)交互設計(jì)中，用₹λ(yòng)于聲音(yīn)的(de)信息表→₹☆≥述方式相(xiàng)對(duì)與視(sh★π÷>ì)覺來(lái)說(shuō)不(bù)是(shì)很(hěn)©&多(duō)。一(yī)般應用(yòng)于提示，提醒，幫助等信息的(de)表♦≤₽述。此類信息表述讓用(yòng)戶通(tōng)過聽(t≈♣εγīng)覺獲取反饋，更加的(de)直接與有(yǒ×<γ>u)效。
①表述清晰，語氣親切，不(bù)生(shēn<Ωg)硬，有(yǒu)禮貌。
②使用(yòng)符合用(yòng)戶認知(zhī)習(x→☆í)慣的(de)聲音(yīn)。如(rú)，使用(yòng₹₹♣÷)敲門(mén)聲提示好(hǎo)友(yǒu)來(Ω≤lái)訪信息等。
③使用(yòng)不(bù)讓用(yòng)戶反感（如✔♣δ₽(rú)：恐怖，惡心，煩躁）的(de)聲音(yīn)。
④在用(yòng)戶可(kě)預知(z±↑hī)的(de)情況下(xià)發出聲音(yīn)。
3.小(xiǎo)結
對(duì)于不(bù)同的(de)信息表述方式，我們→™≥↔都(dōu)要(yào)求設計(jì)師(sσ< ₩hī)在表達信息的(de)時(shí)候做(zuò)到•(dào)簡潔清晰，自(zì)然易懂(dǒng)，盡量讓用(yòng)戶≥§δ∏覺得(de)這(zhè)是(shì)自(zì®∏)然而然，而且又(yòu)是(shì)清晰明(míng)了(le)的(de)信 ≈息。就(jiù)像小(xiǎo)溪流水(shu&∞ǐ)一(yī)樣自(zì)然，就(jiù)像軍人(rén↑"$)命令一(yī)樣明(míng)确。這(zhè)樣才會(huì)讓用(yα>φòng)戶快(kuài)速，準确的(de)完成任務。
