锐客网

  1. 首页 > it技术 > >

产品设计随笔

1.目的 整理产品设计通用规范。在产品设计的过程中不断补充完善，实现平台的统一性，提升团队工作效率。
2.通用规范 2.1规范内容 默认值、值、控件、提示信息、排序、数据操作、加载/失败/空页面（待补充）
2.2设计规则 2.2.1默认值
在产品设计过程中，默认值设计的好，不仅可以引导用户更好地完成任务；也可以节省时间、提高效率，用户获得更好地体验。
1. 同意××协议
在用户注册时，通常下方都会有“同意XX协议”的选项，设置为默认选中。
如果用户没有选中这个选项，就不能完成注册的任务。既然用户使用产品并注册，就代表同意该协议，那默认选中，减少了操作，用户获得更好地体验。
2. 默认选项
对于有多种选择的情况，默认选中用户经常使用的内容，例如全选、当前日期等，同样减少用户操作。
2.2.2值
这里的值涉及到字符的长度和数值的大小。像输入框之类的文本需要关注字符的长度；像年龄等之类的数值需要关注数值的大小；还有空值的情况。
1. 字符长度
像手机号、身份证号这些有固定长度的值，在设计中须设定字符长度，手机号为11位，身份证号为18位等。
2. 空值
用户在登录时，如果输入了账号，没输入密码，便出现了空值。出现空值后最好的反馈效果是，“登录”按钮不可点击。
再比如必填项未填，需要系统自动定位到空值，并友好提示“××为必填项”。
2.2.3控件
控件主要包括按钮、文字、图片和链接等，状态主要分为可点击和不可点击。可点击的状态又分为点击前、点击时和点击后3种状态。
1. 按钮
按钮包括按钮的颜色，文字，点击区域。颜色和文字与已有的视觉设计保持一致，点击范围在不影响正常使用的情况下保持最大，包括按钮的文字及周围区域。
2. 链接
文本链接使用蓝色样式，表示链接点击可跳转，点击范围是文字本身。
2.2.4提示信息
1. 信息说明提示
用户填写提交信息时，每个输入框，选择项均需要给出提示信息。该提示信息可放在输入框内或者尾部，如密码需要多少位，输入框提示用户输入什么内容等。
2. 操作提示（警告）
【产品设计随笔】对话框反馈：是需要用户再次确认操作。比如删除或取消预约等。如果需要强调，可以不使用取消，确认的文字，直接提示动作的名称，如删除，支付等。
3. 错误提示
当用户输入内容不符合规则时，给出提示。如数值不符合规定，必填项未填写等。
4.结果反馈提示
主要以文字气泡的形式展示，通知用户的操作结果，不需要用户再做其他操作。比如，发送成功，修改成功等。
2.2.5排序
主要用于多条数据内容。
对日期有准确要求的数据，可按照日期排序。
如果数据中某一项指标有特殊意义，可按该项指标把数据分类，每一类数据再依次排序。
2.2.6数据操作
1.显示数据：主要用于表格。
原则上每页显示10-15条数据，实际显示条数按设计排列效果而定。
某列中长度不定的内容，固定显示宽度，超出内容用“…”显示。光标停留时，在浮动层显示详细内容。
2.选中数据
勾选全选则选中当页所有记录。
去掉当页某个记录的勾选，则全选也去掉勾选。
3.查询数据
除去明确要求不需要外，所有查询须提供模糊查询功能。
4.删除数据
如果当前删除的数据与其他数据有关联，须提示不允许删除或不能删除的原因等信息。
2.2.7加载/失败/空页面
当数据加载较慢，或网络状况不佳时，要有加载提示告诉用户“数据正在加载中……”。
当页面没有数据、加载失败或出错时，要有提示文案图标告诉用户“页面加载失败/暂无数据/页面出错”。

    推荐阅读


    上一篇：研究速递|研究速递 | Science揭示肠道微生物群和代谢产物在电离辐射中的保护作用

    下一篇：七个梦