移动界面设计技巧:引导页设计技巧总结(6)

http://www.itjxue.com  2015-08-07 20:43  来源:未知  点击次数: 

2.优化图片所传达的信息

人类对于图片信息的阅读能力是远大于对于文字信息的理解的。图片可以更加直观地让用户感知到所要传递的信息。

在不同的图片中,人们对人脸,美女,笑容,具有动感的照片更容易引起用户的注意。

同样为美肤的功能引导,左侧的设计不需要借助文字就可以让用户理解可以美肤,而右侧的设计若只看图是无法理解的。左侧的引导设计比右侧的引导设计更加直观好记忆。

null

3.除了静态的视觉画面,我们还可以增加用户对于引导内容的注意力。

现在的引导页的设计多为静态的视觉页面。人类对于动态内容的注意力> 对于静态内容的注意力。所以除了静态图片的方式,我们完全可以通过适当增加动态内容来吸引用户的注意力。

图例为QQ水印相机和Flava的引导页。

QQ水印相机的引导页就是使用动态注意力,的每页用一个图钉钉着一副照片,而照片会已图钉为圆心轻微地左右摆动。Flava同样,中间的图片的部分都是动态的演示。这2个设计都非常容易让用户对动态部分的内容引起注意,从而阅读相关的内容。

当然在动态内容中,我们也要注意视觉焦点的问题,不能让界面中的动态焦点太多。一般1个动态焦点会比较好。

null

当然除了已有的这些案例,我们也可以思考,除了动态的内容,我们是否可以激发其他的感官来吸引用户的注意力。比如可以通过增加一些音效。目前还没有找到这样的案例,但是个人感觉也是可以尝试的。

4.改变屏与屏之间切换的交互方式

现在的引导页的切屏交互方式基本都为左右滑动,我们也可以通过改变既有的交互方式增加用户的注意力。毕竟用户对新的东西的好奇心还是有的。但是不要盲目的为了改变而改变。交互的方式应该要与设计的内容相匹配。改变的交互方式要简单易学,在界面的设计中要有使用的隐喻线索,让这种新的交互方式变得自然而容易,否则会引起用户的反感。

图例为feedly的引导页。改变了常用的左右滑动的方式,使用了向上滑动的方式。每张引导页想一张卡片,阅读过的引导页向上滑动即被滑出屏幕。界面视觉对于新的交互方式有明确的引导,不会增加操作的难度,会让用户感觉到是一家具有创新性的公司。
null

(责任编辑:IT教学网)

更多