設(shè)計(jì)知識(shí),如何做引導(dǎo)用戶(hù)的設(shè)計(jì)(2)
同樣,我還是以我這位朋友來(lái)舉例。怎么樣,當(dāng)我朋友好處很多吧!
這次,我?guī)退鉀Q的問(wèn)題,是頁(yè)面停留時(shí)間的問(wèn)題。
買(mǎi)家在頁(yè)面的停留時(shí)間會(huì)影響產(chǎn)品的轉(zhuǎn)化率,這一點(diǎn)我相信大家都明白。不是說(shuō)要你把頁(yè)面做的有多么長(zhǎng),而是要你做的說(shuō)的每一句話,消費(fèi)者都看完了,這才是最關(guān)鍵的。那么,如何引導(dǎo)用戶(hù)耐心仔細(xì)的看完頁(yè)面呢?
我?guī)退隽诉@樣幾件事。
第一件事:上圖,是他店內(nèi)原有的標(biāo)簽欄,很中規(guī)中矩的,對(duì)不對(duì)?很多店鋪都是這樣的。
而下圖,是我?guī)退{(diào)整過(guò)后的標(biāo)簽欄。不要小看這細(xì)微的改動(dòng),修改后的頁(yè)面,買(mǎi)家的停留時(shí)間直線上升。
或許會(huì)有很多人看不懂我這樣做的目的。
在常規(guī)的傳統(tǒng)紙質(zhì)的平面設(shè)計(jì)中,很多設(shè)計(jì)師習(xí)慣偏上的構(gòu)圖方式,的確,偏上的構(gòu)圖方式會(huì)讓畫(huà)面更加的充滿(mǎn)積極向上的情緒,而且也更加符合人的視覺(jué)習(xí)慣。但是,人,要懂得因地制宜和變通。
在此處,我刻意的用向下的箭頭來(lái)暗示訪問(wèn)者,向下拉動(dòng)可以看到更多的內(nèi)容。
第二件事:我讓他的頁(yè)面變得更有節(jié)奏。
上圖,是他原有頁(yè)面布局。中規(guī)中矩。不犯錯(cuò)。但缺點(diǎn)是容易產(chǎn)生視覺(jué)疲勞,讓人覺(jué)得乏味。
而下圖,是我?guī)退{(diào)整過(guò)后的頁(yè)面。你們一定不會(huì)知道,為了每一個(gè)頁(yè)面,甚至每一張圖的尺寸、間距,我和我的團(tuán)隊(duì)會(huì)做多少次的情景演練。我們會(huì)測(cè)試不同瀏覽速度,用戶(hù)會(huì)看到哪些內(nèi)容,會(huì)首先看到什么,然后再做反復(fù)的修改和調(diào)整。
問(wèn)題是「怎樣用」,而不是「有哪些」,所以就不做更多舉例說(shuō)明了,希望對(duì)你有幫助。
總結(jié):一:不要忽視最基礎(chǔ)的細(xì)節(jié),把用戶(hù)當(dāng)作一個(gè)無(wú)知的孩子去對(duì)待,別讓 ta 們動(dòng)腦子,在 ta 們動(dòng)腦子前,就把 ta 們想知道的告訴給 ta 們。
二:用空杯的心態(tài)學(xué)習(xí)心理學(xué),不要以為自己什么都懂,不要以為別人都和你一樣,拋棄所有簡(jiǎn)單粗暴對(duì)事物用美與丑的評(píng)價(jià)。潤(rùn)物細(xì)無(wú)聲的引導(dǎo) ta 們。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop初級(jí)教程-命令的技巧
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色