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