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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二件事:

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

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

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

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

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

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

總結(jié):

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

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

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

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

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

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