俗話說,一圖勝千言。無論這是真是假,圖片都是網(wǎng)頁中重要的組成部分。自從嵌入圖片步驟變得簡單,我們可以看到很多網(wǎng)站都內(nèi)嵌了許多圖片,其中一些網(wǎng)站從不同角度展示了正確利用圖片的好處,然而,大部分網(wǎng)站則不是如此。盡管這對于一款設(shè)計(jì)來說,并不是多大的影響,但是這些圖片可能會(huì)減少你銷售產(chǎn)品的機(jī)會(huì),除非你有一個(gè)很好的誘導(dǎo)用戶的頁面或者創(chuàng)造了很好的閱讀流條件。圖片是細(xì)節(jié)勝于原則的問題,處理圖片應(yīng)該是設(shè)計(jì)師們更加需要理解和掌握的能力。
網(wǎng)頁可用性專家Jakob Niesen和他的公司NN/g做了一項(xiàng)眼動(dòng)研究,總結(jié)出了一篇名為《Photos as Web Content》的文章。他們的結(jié)論震驚了設(shè)計(jì)行業(yè),也解答了許多之前研究都無法解答的問題。
網(wǎng)頁設(shè)計(jì)可用性指導(dǎo)-處理圖像
實(shí)際上,用戶更想看到與他們想找的信息相關(guān)的圖片,因此他們更青睞一個(gè)沒有圖片的頁面而不喜歡那種充斥著無關(guān)圖片,顯得臃腫的頁面。根據(jù)研究,在網(wǎng)頁中使用圖片的關(guān)鍵,是基于以下幾則基本的思路:
圖片基本因素:尺寸,組成元素,質(zhì)量,曝光率是衡量一張好圖片的四大因素。用戶關(guān)注圖片的質(zhì)量,甚至連對比度都能產(chǎn)生很大的影響。
效率:如果一張圖片令人興奮或者讓人產(chǎn)生興趣,那么它就成功了。一張高效的圖片包含幾個(gè)特點(diǎn):
情感:圖片中,你的產(chǎn)品能讓激發(fā)用戶使用的欲望?
合理:圖片展示了產(chǎn)品的優(yōu)點(diǎn)?
品牌:圖片符合你的品牌風(fēng)格?
傳遞信息: 圖片能傳遞正確的信息給網(wǎng)站的讀者。
刺激用戶的反應(yīng):實(shí)際上這有點(diǎn)難,但是基本的想法就是圖片能幫助用戶做決定,以及產(chǎn)生對產(chǎn)品的購買欲望。我們在后文會(huì)提及到。
單純的裝飾性圖片會(huì)潛意識(shí)地被我們大腦忽略。就像雷達(dá)一樣,如果圖片就像雷達(dá)上的濾波,那么大腦就會(huì)忽略他們。研究表明,使用了真人或者真實(shí)產(chǎn)品的圖片會(huì)自動(dòng)被大腦標(biāo)志為重要并能被進(jìn)一步地關(guān)注。如果你有一個(gè)個(gè)人博客,大家更希望看到的是你真人頭像而不是一張繪畫像。人們想看到正在與他們交流的人的樣貌,因?yàn)檫@對信任的建立尤其重要。
如果你擁有一家公司,使用圖片去描述公司員工是一個(gè)非常棒的想法。它給外界提供了一個(gè)很親切的途徑去了解這家公司的員工及生活。如果你能支付得起,花點(diǎn)錢請一個(gè)好的攝影師,這會(huì)為你公司的網(wǎng)站增色不少。(切記不要走藝術(shù)照風(fēng)格,尤其是那種和你的想表達(dá)內(nèi)容無關(guān)的藝術(shù)照)
此外,一些眼動(dòng)研究還表明,如果產(chǎn)品圖片中含有更多的細(xì)節(jié),它能帶來的效果就越好。