当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

设计知识,如何做引导用户的设计(2)

来源:zhihu 作者:-eno-one- 学习:2529人次

同样,我还是以我这位朋友来举例。怎么样,当我朋友好处很多吧!

这次,我帮他解决的问题,是页面停留时间的问题。

买家在页面的停留时间会影响产品的转化率,这一点我相信大家都明白。不是说要你把页面做的有多么长,而是要你做的说的每一句话,消费者都看完了,这才是最关键的。那么,如何引导用户耐心仔细的看完页面呢?

我帮他做了这样几件事。

第一件事:设计知识,如何做引导用户的设计

上图,是他店内原有的标签栏,很中规中矩的,对不对?很多店铺都是这样的。

而下图,是我帮他调整过后的标签栏。不要小看这细微的改动,修改后的页面,买家的停留时间直线上升。

设计知识,如何做引导用户的设计

或许会有很多人看不懂我这样做的目的。

设计知识,如何做引导用户的设计

在常规的传统纸质的平面设计中,很多设计师习惯偏上的构图方式,的确,偏上的构图方式会让画面更加的充满积极向上的情绪,而且也更加符合人的视觉习惯。但是,人,要懂得因地制宜和变通。

在此处,我刻意的用向下的箭头来暗示访问者,向下拉动可以看到更多的内容。

第二件事:

我让他的页面变得更有节奏。

设计知识,如何做引导用户的设计

上图,是他原有页面布局。中规中矩。不犯错。但缺点是容易产生视觉疲劳,让人觉得乏味。

而下图,是我帮他调整过后的页面。你们一定不会知道,为了每一个页面,甚至每一张图的尺寸、间距,我和我的团队会做多少次的情景演练。我们会测试不同浏览速度,用户会看到哪些内容,会首先看到什么,然后再做反复的修改和调整。

设计知识,如何做引导用户的设计

问题是「怎样用」,而不是「有哪些」,所以就不做更多举例说明了,希望对你有帮助。

总结:

一:不要忽视最基础的细节,把用户当作一个无知的孩子去对待,别让 ta 们动脑子,在 ta 们动脑子前,就把 ta 们想知道的告诉给 ta 们。

二:用空杯的心态学习心理学,不要以为自己什么都懂,不要以为别人都和你一样,抛弃所有简单粗暴对事物用美与丑的评价。润物细无声的引导 ta 们。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
HZHlee2019-07-23 09:01
优秀{:5_234:}{:5_234:}{:5_234:}
我叫_陈si胖2017-02-21 02:30
点赞

关注大神微博加入>>

网友求助,请回答!