當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計(2)

來源:zhihu 作者:-eno-one- 學(xué)習(xí):2529人次

同樣,我還是以我這位朋友來舉例。怎么樣,當(dāng)我朋友好處很多吧!

這次,我?guī)退鉀Q的問題,是頁面停留時間的問題。

買家在頁面的停留時間會影響產(chǎn)品的轉(zhuǎn)化率,這一點我相信大家都明白。不是說要你把頁面做的有多么長,而是要你做的說的每一句話,消費者都看完了,這才是最關(guān)鍵的。那么,如何引導(dǎo)用戶耐心仔細(xì)的看完頁面呢?

我?guī)退隽诉@樣幾件事。

第一件事:設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計

上圖,是他店內(nèi)原有的標(biāo)簽欄,很中規(guī)中矩的,對不對?很多店鋪都是這樣的。

而下圖,是我?guī)退{(diào)整過后的標(biāo)簽欄。不要小看這細(xì)微的改動,修改后的頁面,買家的停留時間直線上升。

設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計

或許會有很多人看不懂我這樣做的目的。

設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計

在常規(guī)的傳統(tǒng)紙質(zhì)的平面設(shè)計中,很多設(shè)計師習(xí)慣偏上的構(gòu)圖方式,的確,偏上的構(gòu)圖方式會讓畫面更加的充滿積極向上的情緒,而且也更加符合人的視覺習(xí)慣。但是,人,要懂得因地制宜和變通。

在此處,我刻意的用向下的箭頭來暗示訪問者,向下拉動可以看到更多的內(nèi)容。

第二件事:

我讓他的頁面變得更有節(jié)奏。

設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計

上圖,是他原有頁面布局。中規(guī)中矩。不犯錯。但缺點是容易產(chǎn)生視覺疲勞,讓人覺得乏味。

而下圖,是我?guī)退{(diào)整過后的頁面。你們一定不會知道,為了每一個頁面,甚至每一張圖的尺寸、間距,我和我的團隊會做多少次的情景演練。我們會測試不同瀏覽速度,用戶會看到哪些內(nèi)容,會首先看到什么,然后再做反復(fù)的修改和調(diào)整。

設(shè)計知識,如何做引導(dǎo)用戶的設(shè)計

問題是「怎樣用」,而不是「有哪些」,所以就不做更多舉例說明了,希望對你有幫助。

總結(jié):

一:不要忽視最基礎(chǔ)的細(xì)節(jié),把用戶當(dāng)作一個無知的孩子去對待,別讓 ta 們動腦子,在 ta 們動腦子前,就把 ta 們想知道的告訴給 ta 們。

二:用空杯的心態(tài)學(xué)習(xí)心理學(xué),不要以為自己什么都懂,不要以為別人都和你一樣,拋棄所有簡單粗暴對事物用美與丑的評價。潤物細(xì)無聲的引導(dǎo) ta 們。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
HZHlee2019-07-23 09:01
優(yōu)秀{:5_234:}{:5_234:}{:5_234:}
我叫_陳si胖2017-02-21 02:30
點贊

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!