用隐喻设计引导用户

  • 经验类型规范/资料原作者:原作者

  • 经验属性好文转载
  • 经验版权不使用原创授权
4932 1 19 2015-01-29

用设计引导用户。有以下两个关键的方面。

第一:想 ta 所想,替 ta 着想,把 ta 当个孩子般看待,用图形去告诉 ta 你想让 ta 知道的事情。

案例一:


大家仔细看看我到底让他做了哪些改变?其实很简单对不对?就是暗示性的告知用户,这个轮播共有几张,以及你在看第几张。

设计师资料库(UI,交互,平面,摄影,后期)课程总有你需要的http://v.vdian.com/vshop/1/CPC/item.php

案例2:



通过拟物的方式,告知用户,这代金券可以像游戏机的奖券一样,是可以被撕去,领取的。

以上第一个方面的内容其实很简单对不对?可是越简单的东西其实却是最难的。

因为越是基础的,反而越容易被人忽略。

第二:不要以为设计就是玩玩图形与色彩的把戏,心理学在其中也是很重要的。


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

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

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

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

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


让页面变得更有节奏。

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

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

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

总结:设计师资料库(UI,交互,平面,摄影,后期)课程总有你需要的http://v.vdian.com/vshop/1/CPC/item.php

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

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

全部评论:1条

  • cheongkinpui

    2015-06-14 15:18

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

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票