PRINCIPLES — 设计原则

六条UX 设计原则

所有体验决策的底层逻辑,贯穿设计全流程

01
用户中心

用户中心

所有设计决策回到用户场景与真实需求,而非设计师或老板的个人偏好。每个功能都要回答"为谁解决什么问题"。

02
一致性

一致性

视觉语言、交互模式、文案风格在整站保持一致,降低用户学习成本,建立可预期的使用心智。

03
清晰反馈

清晰反馈

每一次操作都应有明确的即时反馈——按钮态、加载态、成功态、异常态,让用户时刻知道系统状态。

04
层级清晰

层级清晰

信息架构层级清晰,主路径突出,次级内容收敛。用户在 3 秒内能识别页面核心价值与下一步动作。

05
容错友好

容错友好

通过预防性设计减少错误发生,错误发生时提供清晰的原因说明与可恢复路径,而非生硬的"操作失败"。

06
无障碍

无障碍

遵循 WCAG 标准,关注色彩对比、键盘可达、屏幕阅读器适配,让更多用户都能顺畅使用网站。

PROCESS — 设计流程

双钻设计流程

从发散到收敛,从问题到方案,每一步都有据可依

01

用户研究

通过访谈、问卷、数据分析还原真实用户画像与使用场景,识别核心痛点与机会点。

02

信息架构

梳理内容与功能的关系,输出站点地图与导航结构,确保信息组织符合用户心智模型。

03

原型设计

从低保真线框图到高保真交互原型,快速验证关键流程与页面布局,降低返工成本。

04

视觉设计

在原型基础上完成视觉系统设计——配色、字体、间距、组件,建立统一的设计语言规范。

05

可用性测试

邀请真实用户完成关键任务,观察行为与困惑点,针对性迭代优化设计与流程。

ELEMENTS — UX 要素

UX 设计五层要素

从战略到表现,自下而上构建完整体验

参考:Jesse James Garrett《用户体验要素》/ 创域科博 UX 团队整理

战略层:为什么做,为谁做

战略层回答两个核心问题——我们想从网站得到什么(业务目标),用户想从网站得到什么(用户需求)。业务目标可能是品牌曝光、线索收集、在线咨询或商品销售;用户需求可能是了解产品、解决问题、对比方案或完成购买。两者必须同时被满足,否则体验设计就会偏向某一端而失去平衡。

范围层:做什么,不做什么

范围层将战略转化为具体的功能规格与内容需求。这一层要明确"做什么"和"不做什么"的边界——哪些功能是 MVP 必须的,哪些是二期迭代的,哪些是不做的。清晰的边界管理能避免功能堆砌导致的体验稀释。

结构层:怎么组织

结构层包含信息架构与交互设计。信息架构决定内容如何分组、层级如何组织、用户如何导航;交互设计决定用户如何与系统对话——点击什么、看到什么、发生什么。优秀的结构层让用户"不需要思考就能找到想要的内容"。

用户不应该把认知资源浪费在"找东西"上,而应集中在完成自己的目标任务。

框架层:具体怎么布局

框架层把抽象的结构落实为具体的界面布局——信息设计、导航设计、界面设计。这一层决定每个页面元素放在哪里、如何排列、如何关联。线框图是框架层最常用的产出物。

表现层:看起来怎么样

表现层是用户最终感知的视觉层——色彩、字体、图标、图片、动效。表现层不只是"好看",更要服务于功能性:通过视觉层级引导注意力,通过色彩传达状态,通过留白营造呼吸感。表现层与下面四层紧密耦合,任何脱离功能性的纯视觉装饰都会成为体验负担。

三、测量体验:可用性指标

体验是否优秀,不能凭感觉判断,需要用指标测量。常用指标包括任务完成率、任务完成时间、错误率、主观满意度(SUS 量表)、净推荐值(NPS)。我们建议在每个关键流程埋点监测这些指标,建立体验基线并持续优化。

  • 任务完成率:用户能否顺利完成核心任务,目标 > 90%
  • 任务完成时间:完成关键任务的耗时,越短越好
  • 错误率:用户操作过程中出错的比例,目标 < 5%
  • SUS 量表:标准化可用性评分,> 68 分为及格
  • NPS:用户是否愿意推荐,> 30 为优秀