視覺元素為什么很重要?
人是視覺動物,而網站是一個視覺媒體。任何一個網站的用戶體驗都會受到視覺元素的影響,這些視覺元素是UI設計的一部分,并作為視覺線索提示用戶網站的交互方式。
武漢網站設計小編將著重介紹5類最突出的視覺元素,用戶在成百上千的網站中都會見到這5類元素,他們也直接影響著一個網站的用戶體驗。
在一個好的用戶體驗中,這5類視覺元素分別有著各自獨一無二的作用。如果一個設計師能夠理解這5類視覺元素是如何影響用戶體驗的,那么他將能設計出不同的體驗以吸引用戶和提高產品的轉化率。僅僅改變一個看似簡單的視覺元素的屬性(無論是尺寸還是位置)也能顯著的影響用戶體驗。
一、字體排版
當談到字體排版的時候,不同的字體和排版會給我們帶來不同感受,或好或不好,這些感受來自于字體不同的大小、一句話的長度、或者合適的間隙等等。
在一個網站中,字體通常是承載內容的主體,因此,字體排版對用戶體驗有著重要的影響。在卡耐基梅隆大學的最近研究中,字體排版決定著線上的閱讀體驗,從可讀性和理解性上來說,他們得出的結論是:較大的字體閱讀體驗更好。
參與此次研究的人們,使用的是維基百科來作為測試閱讀體驗的網站,維基百科可能是目前最流行,文字量也最多的網站。根據記錄,當字體更大的時候,閱讀起來更容易,也更容易理解內容。因此,研究者建議,網站主要內容的字號應使用18pt,正如他們所說,個人主觀認為,18pt字號擁有最佳可讀性,然而當字號提高到22pt時,可讀性上的提升微乎其微。
字體對人的影響也與人的文化背景有關,在選擇字體的時候也需要考慮到這一點,很多人會將Helvetica這個字體與美國政府聯系起來,因為美國的稅單上用的就是這個字體。再比如中文字體的襯線體多數會用在與中國文化相關的設計中,而非襯線體則更適合現代化的設計風格,因為非襯線體是現代才出現的,而以前的中國是沒有非襯線體的。
再來看一個例子,美國銀行的網站。
原版網站
改變字體后的網站
當改變字體后,美國銀行看起來沒有那么可信了,因為這種字體一般用于報紙的標題。
字體都是由人設計的,通常來說字體本身也包含著設計者賦予它的特定意義。你絕不會想要字體本身傳達的意思與你想要的傳達的意思大相徑庭。
那么,該如何設計好的內容來使閱讀者感覺良好呢?
下面有幾個方式。
選擇合適的字體。用于網上閱讀的大段文字的字體要避免使用手寫體和裝飾較多的字體,這些字體難以識別,這會嚴重降低人們的閱讀速度。應該使用簡單的非襯線體字體。
選擇合適的字號。最小字號不要低于12pt。
每一行的文字數量要合適。一行字太短,人的視線需要頻繁的左右移動來尋找開始和結束的位置。若一行字太長,人們又很難找到下一行開始的地方。一行字的長短最合適的范圍是50~75個英文字符,對應于中文字符,差不多是27~40字之間。合適的間隙。右邊的字體更容易閱讀。
二、logo
當我們第一眼看到一個logo的時候,我們首先識別的是它的顏色,形狀和形式,而不會直接把不同的部分當作一個整體來識別。然后,我們的大腦再把我們看到的這些視覺圖案和我們腦袋里既有的經驗做匹配,以此來解釋我們看到這個圖案,最后我們才能理解一個logo的含義。所以,我們在設計logo的時候,就需要向用戶傳達更多的意思,而不僅僅用于區分不同的企業。
通常,logo僅僅是作為一個公司的品牌識別符號,當然,把logo放在一個頁面的頂部有著營銷上的原因,當用戶想要買某個產品或者贊同某個觀點的時候,他們能立刻知道是哪個品牌在銷售這個產品或者哪個品牌持有同樣的觀點。但logo的作用不僅僅如此。
從用戶體驗的角度來看,logo也是用戶定位自己位置的一種方式,通常來說,它是回到網站首頁的一種快捷方式。另外,logo也是網站的一個最重要的識別符號,把logo始終放在一個固定的位置,一定程度上提升了用戶體驗。
在尼爾森諾曼集團的一項研究中,參與者被要求完成一個導航任務,結果顯示,當logo放在左邊的時候,用戶體驗更好,當想要返回首頁的時候,logo放在中間相較于logo放在左上角,操作起來要困難6倍。
三、引導按鈕
通常來說,引導按鈕反應了用戶的目標,他們引導用戶單擊,點按或者選擇,以此使得用戶進入下一步操作,因此,放置好引導按鈕對創造好的用戶體驗很重要。使用戶越容易發現和理解引導,讓用戶做出直覺上的反應,用戶體驗就越好。
一個好的引導按鈕有哪些特征呢?
1、有足夠的視覺吸引力,使得用戶很想要去點擊。
2、按鈕上的文案要簡潔,字數不能太多,不要超過5個字。
3、文字需要是引導性的動詞,比下載、注冊、開始等等。
4、使用高對比的顏色,但又要能和諧融入整個設計風格中。
5、按鈕要足夠大,要從較遠的距離上都能看見,但又不能大到讓用戶從主要內容上分心。
6、操作結果要可預期,讓用戶能明白點擊后會發生什么。
四、留白
留白在一個網站上隨處可見,它指的是那些元素周圍的空白空間。留白能幫助用戶將視線聚焦到那些重要的內容上,無論是一個引導按鈕,還是一個視頻。任何被留白包圍的元素在頁面上都會顯得很突出,使得其更容易被看到。在頁面上增加留白的同時,也使得內容更容易被理解。
一個能說明合適的留白能顯著的增加用戶體驗的例子就是美國航空的官網,直到去年,他們的網站幾乎是填滿了內容,在頁面上幾乎看不到留白,相反,在新設計中,網頁的各個地方都增加了大量留白,用戶現在終于能把注意力集中在頁面的主要內容上了,而舊版設計則很容易讓用戶在網站中迷路,使用戶不知道該關注哪里,進而給用戶帶來使用上的困難和負面情緒。
舊版設計
新版設計
五、圖像
在談論視覺設計的時候,難以忽視的一個重要視覺元素就是:圖像。
我們的大腦在處理圖像信息的時候,速度是很驚人的,只需要13毫秒。
這極快的處理速度能幫助我們更快的獲取到信息。例如,當我們在看一個賣鞋的網頁時,看到一雙鞋子的圖片,我們能馬上知道是什么類別,我們是否喜歡,如果喜歡,我們下一步才是去看價格。
使用圖片也能顯著增加一個網站的用戶轉化率,可以想象一下,有多少人會在一個不提供商品圖片的網站上購買商品。
同時,配了圖的文章比沒配圖的文章,閱讀量要多94%。
視覺設計上的一點小改動也能顯著的影響用戶體驗,同時也影響著用戶轉化率和參與度。改進網站的視覺線索(引導按鈕+導航),增加網站的視覺吸引力(留白+圖像),使用戶更容易獲取重要信息(留白+字體排版),不僅是設計上的正確選擇,同時也是商業上的正確選擇。好了,視覺設計從哪幾個方面影響用戶體驗?就到這,接下來武漢網站設計小編還會更新一些其它相關的研究和總結,一定會給你在工作中帶來幫助
最新動態
常見問題百寶箱
A2014,有位學妹不顧家人反對,在上海這個國際化大都市謀了一個公眾號助理的職位。斗志昂揚地奮斗了 3 年,我眼看著她的內容駕馭能力突飛猛進,內容質量從三流到一流,職位
A文章主要分析了不同的視覺設計元素是如何影響網站用戶體驗,希望通過文章的解讀能夠對你的產品設計帶來些啟發。 也許是因為我在視覺設計上沒有太多經驗,我發現
A雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推
Copyright 2013-2020 All Rights Reserved 武漢互贏網絡科技股份有限公司 鄂ICP備19027860號