启动页设计规范
来源:互联网 发布: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
- 启动页设计规范
- 设计规范
- 手机淘宝详情页的最新设计规范
- 设计规范:新浪设计规范介绍
- 数据库设计规范
- 数据库设计规范
- 网站设计规范
- 数据库设计规范
- 数据库设计规范
- 数据库设计规范
- .NET设计规范
- 数据库设计规范
- 数据库设计规范
- 数据库设计规范
- 网站设计规范
- 数据库设计规范
- 数据库设计规范
- 后台数据库设计规范
- JavaWeb学习总结(三十五)——使用JDBC处理Oracle大数据
- Spring的事务管理实现原理初探
- TinyXML说明
- mysql timeout调研与实测
- DevSecOps简介(二)
- 启动页设计规范
- 《STL源码剖析》学习笔记-第2章 空间配置器
- javaweb学习总结(三十六)——使用JDBC进行批处理
- 【Sass-02】Sass基础语法
- 第十三课功能键之开根号——C#计算器编程教学
- LeetCode 345 Reverse Vowels of a String
- Java日期时间使用总结
- [7] OFDM过采样和参数选择
- new关键字的三种用法