【交互设计】基于用户体验五要素的交互设计推理思路

基于用户体验五要素的交互设计推理思路：从用户体验五要素：战略层、范围层、结构层、框架层、表现层，从抽象到具体，从每一层的实际含义出发，推导出系统的信息框架。最后据此进行交互设计方案的推导和落地实施。

基于用户体验五要素的交互设计推理思路

线框图

需求

● 专家评估 ● 数据追踪 ● 可用性测试 ● A/B Testing

● 可用性原则 ● 设计原则 ● 系统规范 ● 平台规范 ● 设备特性

● 导航设计 ● 纸片模型

● 信息架构 ● 流程图 ● 站点地图 ● 关系图 ● 卡片分类

● 头脑风暴 ● 竞品分析 ● 业务分析 ● 心智模型

● 用户研究 ● 用户画像 ● 数据分析 ● 竞品分析 ● 故事版 ● 场景分析 ● 体验旅程图 ● 五维痛点分析

表现层

框架层

结构层

范围层

战略层

评估 ● 设计回路 逐步验证

界面 ● 设计原则 ● 平台规范 ● 控件规范 ● 设备特性

布局 ● 层次 ● 区域 ● 元素

架构和流程 ● 架构 ● 逻辑 ● 关系

信息和功能 ● 信息内容 ● 功能范围 ● 优先级

目标 ● 场景 ● 痛点 ● 动机

设计反思与验证

方案推导与设计

内容信息

... ...

导航系统

标签系统

系统架构

信息框架

用户体验五要素示意图

战略层 产品设计的起点 经营者希望从网站得到什么 用户希望能从网站获得什么

范围层 将战略转为化实际的需求 产品包括的功能与特性组合

结构层 赋予范围以形式 内容的组织结构 功能呈现的行为

框架层 决定网站的形式框架 产品允许用户使用哪些组件

表现层 将一切视觉化 决定产品的最终样式

抽象

具体

战略层

范围层

结构层

框架层

表现层