启动页设计规范

这里写图片描述

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

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

二、用户引导的设计原则

1. 保证用户引导的有效性

    保证用户引导发挥自身的作用,突出产品的功能,帮助用户更好的使用产品。这是用户引导设计的第一原则,用户引导是对产品内容以及形式的辅助说明,如果不能保证用户引导发挥作用,那用户引导不但失去了意义,反而会影响了用户体验。

2. 根据使用场景触发相应的用户引导

    用户在使用产品的时候都是有一定的使用场景的,根据用户的使用场景触发相应的用户引导,保证在用户需要的时候弹出引导是最符合用户体验的,也是用户最愿意接受的时候。

3. 减少对用户体验的干扰,尽可能去提升用户体验

    用户引导在用户使用产品过程中的弹出是用户意想不到的,很有可能就打扰了用户使用产品的流畅性,破坏了用户体验。因为这是用户没有预期突然出现的东西,在一定程度上会有一定的惊慌失措感,但是好的用户引导出现在用户需要的时候,反而会起到雪中送炭,提升用户体验的作用。

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

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

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

1.如果页面上需要放文字,可以放在哪里更容易让用户聚焦在那里呢?
    大标题文字区域,如果是两段文字,一般放在距离顶部168px的位置,高度范围在165px左右

2.如果有图片漫画需要展示产品功能
    可以距离底部270px左右的地方,高度范围在480px左右

3.立即体验按钮的设计
    立即体验按钮一般是有边框无填充色,边框宽度为2px,可以设计在距离底部128px左右的位置,高度范围在62px

4.启动引导页可能会有多张
    圆形切换按钮一般在距离底部40px左右的位置,比例的14px,之间的间距为16px

五、效果图展示

这里写图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值