京东小程序产品规范

产品交互风格定义

image.png

交互定义

用户交互的重要性

产品功能是否能和用户做好交互，重要是能够引导用户，给用户意料中的反馈效果

1. 产品——引导——让用户看到页面，引导用户思考如何使用产品
2. 用户——感知——让用户感知到，思考到自己的解决方案和想要的路径
3. 用户——触发——用户根据内心的想法，触发一系列动作
4. 产品——反馈——根据用户的动作，给用户相应的反馈效果，让用户感知到自己动作是否正确。

为什么要定义产品规范

参考Element

• 问题1：京东小程序参与产品较多，所有产品经理的产品理念不一致，教育用户的过程中无法养成习惯的操作习惯，需要统一的理念教育用户。
  一致性：需要所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

• 问题2：产品功能流程步骤，希望用户做的行为较多，无法给用户正确的引导，用户操作后发现和预期不一样。
  用户决策：提供明确清晰的引导，根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；

• 问题3：产品功能只注重功能，不注重用户操作后的反馈和提示，用户操作完不知道成功与否，一脸茫然
  解决方案：反馈 Feedback
  控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
  页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。

• 问题3：产品子页面过多，页面展示信息冗杂
  极简风格：通过抽屉、折叠等方式展示用户低频信息，页面简洁干净，但详细查看功能依旧完整并超出意料。

前端页面产品规范

image.png

标题
斜体
粗体

引用段落

代码块