产品交互风格定义
image.png
交互定义
用户交互的重要性
产品功能是否能和用户做好交互，重要是能够引导用户，给用户意料中的反馈效果
- 产品——引导——让用户看到页面，引导用户思考如何使用产品
- 用户——感知——让用户感知到，思考到自己的解决方案和想要的路径
- 用户——触发——用户根据内心的想法，触发一系列动作
- 产品——反馈——根据用户的动作，给用户相应的反馈效果，让用户感知到自己动作是否正确。
为什么要定义产品规范
参考Element
-
问题1：京东小程序参与产品较多，所有产品经理的产品理念不一致，教育用户的过程中无法养成习惯的操作习惯，需要统一的理念教育用户。
一致性：需要所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。 -
问题2：产品功能流程步骤，希望用户做的行为较多，无法给用户正确的引导，用户操作后发现和预期不一样。
用户决策：提供明确清晰的引导，根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策； -
问题3：产品功能只注重功能，不注重用户操作后的反馈和提示，用户操作完不知道成功与否，一脸茫然
解决方案：反馈 Feedback
控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。 -
问题3：产品子页面过多，页面展示信息冗杂
极简风格：通过抽屉、折叠等方式展示用户低频信息，页面简洁干净，但详细查看功能依旧完整并超出意料。
前端页面产品规范
image.png
标题
斜体
粗体
引用段落
代码块
网友评论