FinClip为企业提供小程序生态圈技术产品,开发者可在FinClip小程序开发帮助中心找到相关FinClip小程序指引

# 设计建议

基于小程序的特点,我们拟定了小程序设计建议。旨在充分尊重用户知情权与操作权的基础之上,在小程序生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。

# 1. 小程序设计准则

  • 统一性:小程序统一的设计语言,强调框架通用型、交互逻辑统一性
  • 可拓性:多种拓展样式供选择,操作指引清晰明确,控件使用与交互方式保持一致
  • 轻量化:设计系统化、简化层级,减少不必要的交互操作及页面跳转
  • 高效性:功能结构清晰,交互逻辑简单,及时反馈,符合亲密性原则

# 2. 小程序设计理念

# 2.1 关注使用场景

对于小程序来说,明确小程序用户的使用场景是产品设计时的重中之重,结合用户使用时的真实需求,需要满足小程序简单,轻便,高效的使用体验。在对小程序进行设计时,谨记控制需求边界。

# 2.2 提供清晰交互

在小程序中对于动态设计与一次性使用设置需要进行良好的平衡,使得用户在使用时的操作简单,易懂,易用。

  • 小程序的用户路径必须单一(功能点可以很多,但路径必须单一)
  • 设计良好的一次性使用机制(首次提供必须的引导信息,减少奇怪的交互设计,使用用户习惯的交互模式)
  • 减少动态设计和装饰性元素(但并不与品牌调性设计所冲突)
  • 将繁冗复杂的信息进行清晰的排布,使得用户易懂,易用

# 2.3 保证专注使用

用户在使用小程序时,大多数时候只为了解决某些特定目标(目的)的问题,因此在用户操作时尽可能将用户需要完成的流程进行细致且周到的设计,以此来降低用户的心里焦虑与无必要的心里反感。

  • 减少页面的无必要跳转,降低用户在不同页面之间适应的成本与焦虑感
  • 用选项,自动填充和用户数据来代替输入和表单的繁琐内容
  • 增加骨架屏来增加用户的心理安全感(预加载状态)

# 3. 小程序设计走查

对小程序进行设计走查,可以协助小程序设计者提高设计效率,检查各项设计体验点的完成度和准确度,请在检查无问题的条目前标记完成走查。不符合设计体验标准的页面将影响小程序用户体验。

# 2.1 核心体验关注点

  • LOGO 清晰可识别
  • 功能图标统一
  • 图片素材清晰
  • 同一页面非用户主动触发弹窗使用频次控制在 2 个以内
  • 导航正确使用
  • 页面整体色彩使用清晰合理
  • 页面视觉元素(ICON,字体,间距等)统一
  • 页面动效使用合理
  • 页面缺省状态表达

# 2.2 架构与流程

  • 信息架构清晰易理解、指引明确
  • 导航间关系清晰易理解
  • 页面中信息层级清晰合理,信息视觉流流畅、重点明确
  • 相似任务中,用户体验路径一致
  • 操作路径符合用户预期

# 2.3 界面呈现

  • 页面布局符合规范
  • 基础控件使用组件
  • 字体字号字色具有一致性
  • 页面色彩使用体验良好,可以清晰传达信息
  • 信息层级展示清晰

# 2.4 数据与展示

  • 数据内容缺失显示默认图片/占位符
  • 无法完整显示的数据设计截断并展现策略
  • 数据极限值考虑

# 2.5 文案

  • 不存在错别字
  • 文案简洁易懂,无歧义
  • 没有使用生僻的专业术语

# 2.6 过程与特殊场景

  • 操作均有反馈
  • 已设计加载状态
  • 失败操作的反馈,提供了解释与建议
  • 特殊网络状态作出应对(弱网、超时、无网)
  • 各种登录状态作出应对(未登录、注销后、账号切换、游客账号)
© 2022 FinClip with ❤