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