亚洲一区二区三区无码少年_日韩亚洲欧美综合一区二区三区_国产精品成人69xxx_被主人狠狠调教打屁股_国产女厕所偷窥系列在线视频_老头猛挺进王进霞的体内视频_日本女同伦理片_一级毛片特黄视频免费观看_国产成人无码免费看视频软件

視覺設(shè)計(jì)從哪幾個(gè)方面影響用戶體驗(yàn)？——武漢做網(wǎng)站

作者： 時(shí)間：2024-08-07 瀏覽：

視覺元素為什么很重要？

人是視覺動(dòng)物，而網(wǎng)站是一個(gè)視覺媒體。任何一個(gè)網(wǎng)站的用戶體驗(yàn)都會(huì)受到視覺元素的影響，這些視覺元素是UI設(shè)計(jì)的一部分，并作為視覺線索提示用戶網(wǎng)站的交互方式。

武漢網(wǎng)站設(shè)計(jì)小編將著重介紹5類最突出的視覺元素，用戶在成百上千的網(wǎng)站中都會(huì)見到這5類元素，他們也直接影響著一個(gè)網(wǎng)站的用戶體驗(yàn)。

在一個(gè)好的用戶體驗(yàn)中，這5類視覺元素分別有著各自獨(dú)一無二的作用。如果一個(gè)設(shè)計(jì)師能夠理解這5類視覺元素是如何影響用戶體驗(yàn)的，那么他將能設(shè)計(jì)出不同的體驗(yàn)以吸引用戶和提高產(chǎn)品的轉(zhuǎn)化率。僅僅改變一個(gè)看似簡單的視覺元素的屬性（無論是尺寸還是位置）也能顯著的影響用戶體驗(yàn)。

一、字體排版

當(dāng)談到字體排版的時(shí)候，不同的字體和排版會(huì)給我們帶來不同感受，或好或不好，這些感受來自于字體不同的大小、一句話的長度、或者合適的間隙等等。



在一個(gè)網(wǎng)站中，字體通常是承載內(nèi)容的主體，因此，字體排版對用戶體驗(yàn)有著重要的影響。在卡耐基梅隆大學(xué)的最近研究中，字體排版決定著線上的閱讀體驗(yàn)，從可讀性和理解性上來說，他們得出的結(jié)論是：較大的字體閱讀體驗(yàn)更好。

參與此次研究的人們，使用的是維基百科來作為測試閱讀體驗(yàn)的網(wǎng)站，維基百科可能是目前最流行，文字量也最多的網(wǎng)站。根據(jù)記錄，當(dāng)字體更大的時(shí)候，閱讀起來更容易，也更容易理解內(nèi)容。因此，研究者建議，網(wǎng)站主要內(nèi)容的字號應(yīng)使用18pt，正如他們所說，個(gè)人主觀認(rèn)為，18pt字號擁有最佳可讀性，然而當(dāng)字號提高到22pt時(shí)，可讀性上的提升微乎其微。

字體對人的影響也與人的文化背景有關(guān)，在選擇字體的時(shí)候也需要考慮到這一點(diǎn)，很多人會(huì)將Helvetica這個(gè)字體與美國政府聯(lián)系起來，因?yàn)槊绹亩悊紊嫌玫木褪沁@個(gè)字體。再比如中文字體的襯線體多數(shù)會(huì)用在與中國文化相關(guān)的設(shè)計(jì)中，而非襯線體則更適合現(xiàn)代化的設(shè)計(jì)風(fēng)格，因?yàn)榉且r線體是現(xiàn)代才出現(xiàn)的，而以前的中國是沒有非襯線體的。

再來看一個(gè)例子，美國銀行的網(wǎng)站。

原版網(wǎng)站



改變字體后的網(wǎng)站



當(dāng)改變字體后，美國銀行看起來沒有那么可信了，因?yàn)檫@種字體一般用于報(bào)紙的標(biāo)題。

字體都是由人設(shè)計(jì)的，通常來說字體本身也包含著設(shè)計(jì)者賦予它的特定意義。你絕不會(huì)想要字體本身傳達(dá)的意思與你想要的傳達(dá)的意思大相徑庭。

那么，該如何設(shè)計(jì)好的內(nèi)容來使閱讀者感覺良好呢？

下面有幾個(gè)方式。

選擇合適的字體。用于網(wǎng)上閱讀的大段文字的字體要避免使用手寫體和裝飾較多的字體，這些字體難以識別，這會(huì)嚴(yán)重降低人們的閱讀速度。應(yīng)該使用簡單的非襯線體字體。

選擇合適的字號。最小字號不要低于12pt。

每一行的文字?jǐn)?shù)量要合適。一行字太短，人的視線需要頻繁的左右移動(dòng)來尋找開始和結(jié)束的位置。若一行字太長，人們又很難找到下一行開始的地方。一行字的長短最合適的范圍是50~75個(gè)英文字符，對應(yīng)于中文字符，差不多是27~40字之間。合適的間隙。右邊的字體更容易閱讀。



二、logo

當(dāng)我們第一眼看到一個(gè)logo的時(shí)候，我們首先識別的是它的顏色，形狀和形式，而不會(huì)直接把不同的部分當(dāng)作一個(gè)整體來識別。然后，我們的大腦再把我們看到的這些視覺圖案和我們腦袋里既有的經(jīng)驗(yàn)做匹配，以此來解釋我們看到這個(gè)圖案，最后我們才能理解一個(gè)logo的含義。所以，我們在設(shè)計(jì)logo的時(shí)候，就需要向用戶傳達(dá)更多的意思，而不僅僅用于區(qū)分不同的企業(yè)。

通常，logo僅僅是作為一個(gè)公司的品牌識別符號，當(dāng)然，把logo放在一個(gè)頁面的頂部有著營銷上的原因，當(dāng)用戶想要買某個(gè)產(chǎn)品或者贊同某個(gè)觀點(diǎn)的時(shí)候，他們能立刻知道是哪個(gè)品牌在銷售這個(gè)產(chǎn)品或者哪個(gè)品牌持有同樣的觀點(diǎn)。但logo的作用不僅僅如此。

從用戶體驗(yàn)的角度來看，logo也是用戶定位自己位置的一種方式，通常來說，它是回到網(wǎng)站首頁的一種快捷方式。另外，logo也是網(wǎng)站的一個(gè)最重要的識別符號，把logo始終放在一個(gè)固定的位置，一定程度上提升了用戶體驗(yàn)。

在尼爾森諾曼集團(tuán)的一項(xiàng)研究中，參與者被要求完成一個(gè)導(dǎo)航任務(wù)，結(jié)果顯示，當(dāng)logo放在左邊的時(shí)候，用戶體驗(yàn)更好，當(dāng)想要返回首頁的時(shí)候，logo放在中間相較于logo放在左上角，操作起來要困難6倍。

三、引導(dǎo)按鈕

通常來說，引導(dǎo)按鈕反應(yīng)了用戶的目標(biāo)，他們引導(dǎo)用戶單擊，點(diǎn)按或者選擇，以此使得用戶進(jìn)入下一步操作，因此，放置好引導(dǎo)按鈕對創(chuàng)造好的用戶體驗(yàn)很重要。使用戶越容易發(fā)現(xiàn)和理解引導(dǎo)，讓用戶做出直覺上的反應(yīng)，用戶體驗(yàn)就越好。



一個(gè)好的引導(dǎo)按鈕有哪些特征呢？

1、有足夠的視覺吸引力，使得用戶很想要去點(diǎn)擊。

2、按鈕上的文案要簡潔，字?jǐn)?shù)不能太多，不要超過5個(gè)字。

3、文字需要是引導(dǎo)性的動(dòng)詞，比下載、注冊、開始等等。

4、使用高對比的顏色，但又要能和諧融入整個(gè)設(shè)計(jì)風(fēng)格中。

5、按鈕要足夠大，要從較遠(yuǎn)的距離上都能看見，但又不能大到讓用戶從主要內(nèi)容上分心。

6、操作結(jié)果要可預(yù)期，讓用戶能明白點(diǎn)擊后會(huì)發(fā)生什么。
 

四、留白

留白在一個(gè)網(wǎng)站上隨處可見，它指的是那些元素周圍的空白空間。留白能幫助用戶將視線聚焦到那些重要的內(nèi)容上，無論是一個(gè)引導(dǎo)按鈕，還是一個(gè)視頻。任何被留白包圍的元素在頁面上都會(huì)顯得很突出，使得其更容易被看到。在頁面上增加留白的同時(shí)，也使得內(nèi)容更容易被理解。




一個(gè)能說明合適的留白能顯著的增加用戶體驗(yàn)的例子就是美國航空的官網(wǎng)，直到去年，他們的網(wǎng)站幾乎是填滿了內(nèi)容，在頁面上幾乎看不到留白，相反，在新設(shè)計(jì)中，網(wǎng)頁的各個(gè)地方都增加了大量留白，用戶現(xiàn)在終于能把注意力集中在頁面的主要內(nèi)容上了，而舊版設(shè)計(jì)則很容易讓用戶在網(wǎng)站中迷路，使用戶不知道該關(guān)注哪里，進(jìn)而給用戶帶來使用上的困難和負(fù)面情緒。

舊版設(shè)計(jì)



新版設(shè)計(jì)



五、圖像

在談?wù)撘曈X設(shè)計(jì)的時(shí)候，難以忽視的一個(gè)重要視覺元素就是：圖像。

我們的大腦在處理圖像信息的時(shí)候，速度是很驚人的，只需要13毫秒。

這極快的處理速度能幫助我們更快的獲取到信息。例如，當(dāng)我們在看一個(gè)賣鞋的網(wǎng)頁時(shí)，看到一雙鞋子的圖片，我們能馬上知道是什么類別，我們是否喜歡，如果喜歡，我們下一步才是去看價(jià)格。

使用圖片也能顯著增加一個(gè)網(wǎng)站的用戶轉(zhuǎn)化率，可以想象一下，有多少人會(huì)在一個(gè)不提供商品圖片的網(wǎng)站上購買商品。

同時(shí)，配了圖的文章比沒配圖的文章，閱讀量要多94%。

視覺設(shè)計(jì)上的一點(diǎn)小改動(dòng)也能顯著的影響用戶體驗(yàn)，同時(shí)也影響著用戶轉(zhuǎn)化率和參與度。改進(jìn)網(wǎng)站的視覺線索（引導(dǎo)按鈕+導(dǎo)航），增加網(wǎng)站的視覺吸引力（留白+圖像），使用戶更容易獲取重要信息（留白+字體排版），不僅是設(shè)計(jì)上的正確選擇，同時(shí)也是商業(yè)上的正確選擇。好了，視覺設(shè)計(jì)從哪幾個(gè)方面影響用戶體驗(yàn)？就到這，接下來武漢網(wǎng)站設(shè)計(jì)小編還會(huì)更新一些其它相關(guān)的研究和總結(jié)，一定會(huì)給你在工作中帶來幫助