启动页设计规范

来源:互联网 发布:excel中的编程 编辑:程序博客网 时间:2024/05/18 13:28

这里写图片描述

一、启动页用户引导的作用

一方面从产品的角度出发,产品需要通过用户引导来突出产品的新功能和特性,说明功能结构变化,避免产品的陌生感,满足产品的需求。另一方面从用户的角度出发,用户需要通过用户引导了解产品的功能以及如何操作,迅速上手这个产品,降低学习成本,满足用户的需求。

二、用户引导的设计原则

1. 保证用户引导的有效性    保证用户引导发挥自身的作用,突出产品的功能,帮助用户更好的使用产品。这是用户引导设计的第一原则,用户引导是对产品内容以及形式的辅助说明,如果不能保证用户引导发挥作用,那用户引导不但失去了意义,反而会影响了用户体验。2. 根据使用场景触发相应的用户引导    用户在使用产品的时候都是有一定的使用场景的,根据用户的使用场景触发相应的用户引导,保证在用户需要的时候弹出引导是最符合用户体验的,也是用户最愿意接受的时候。3. 减少对用户体验的干扰,尽可能去提升用户体验    用户引导在用户使用产品过程中的弹出是用户意想不到的,很有可能就打扰了用户使用产品的流畅性,破坏了用户体验。因为这是用户没有预期突然出现的东西,在一定程度上会有一定的惊慌失措感,但是好的用户引导出现在用户需要的时候,反而会起到雪中送炭,提升用户体验的作用。

三、启动页一般可以放哪些元素

1.为了让用户更深刻的记住我们的产品,可以将logo再次展现在用户面前;(logo)2.朗朗上口的广告语,可以让用户进一步了解并记住我们;(文字)3.生动的漫画能够更加拉近我们和用户之间的距离;(图片、图形)4.合适的按钮引导也能提升用户体验;(按钮)

四、制作这个页面时记录的规范

1.如果页面上需要放文字,可以放在哪里更容易让用户聚焦在那里呢?    大标题文字区域,如果是两段文字,一般放在距离顶部168px的位置,高度范围在165px左右2.如果有图片漫画需要展示产品功能    可以距离底部270px左右的地方,高度范围在480px左右3.立即体验按钮的设计    立即体验按钮一般是有边框无填充色,边框宽度为2px,可以设计在距离底部128px左右的位置,高度范围在62px4.启动引导页可能会有多张    圆形切换按钮一般在距离底部40px左右的位置,比例的14px,之间的间距为16px

五、效果图展示

这里写图片描述

0 0
原创粉丝点击