久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

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

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

  1.什么是“簡潔自然,清晰易懂”?

  簡潔清晰:使信息最簡化

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

  自然易懂:使用用戶語言

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

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

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

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

  1)頁面布局

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

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

  ①界面布局盡量有秩序,排列整齊,防止過緊或過松,有明顯的“區(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è)計(jì),可以提高用戶完成任務(wù)的效率。

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

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

  ②表述語氣柔和、禮貌,避免使用被動語態(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)。

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

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

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

  ③避免界面中同時出現(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í)慣。

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

  ①表意清晰,明確,有高度的概括性與指向性,讓用戶能夠快速的聯(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á)信息的時候做到簡潔清晰,自然易懂,盡量讓用戶覺得這是自然而然,而且又是清晰明了的信息。就像小溪流水一樣自然,就像軍人命令一樣明確。這樣才會讓用戶快速,準(zhǔn)確的完成任務(wù)。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 午夜影院视频在线观看 | 日韩免费高清视频 | 97精品超碰一区二区三区 | 91中文在线观看 | 最近日韩中文字幕 | 国产精品二区三区在线观看 | 免费看欧美一级片 | 国产三级网站 | 青青99 | 亚洲精品自拍视频 | 亚洲一区二区久久久 | 久久成人精品视频 | 黄色日批视频 | 国产丝袜av| 激情欧美日韩一区二区 | 亚洲精品乱码久久久久久久久久 | 国产精品视频播放 | 精品欧美一区二区三区 | 日韩在线精品视频 | 91视频日本 | 久久九精品| 欧美日韩成人在线 | 精品国产欧美 | 欧美狠狠操 | 99精品国产一区二区三区 | 精品综合 | 欧美色综合一区二区三区 | 91精品国产91久久久久福利 | 久久久青草婷婷精品综合日韩 | 黄色在线免费播放 | 在线免费中文字幕 | av中文字幕在线观看 | 国产精品久久国产精品 | 国产精品高 | 性视频网| 羞羞视频免费观看入口 | 97狠狠干 | 精品国产99| 亚洲精品久久久久久一区二区 | 一区二区三区不卡视频 | 中文字幕 欧美 日韩 |