《用户体验的要素》

总体观点

核心观点

1. 1. 用户体验五要素：从抽象到具体的层层演进

   战略层决定为什么做，范围层决定做什么，结构层决定怎么流转，框架层决定怎么摆放，表现层决定长什么样。下层决定上层基石。

   做外卖 App 时，先定好战略是白领午餐快速送达，再定范围需要外卖定位和超时赔付，再建结构导航流程，最后才画界面色彩。

2. 2. 产品的双重本质：功能型与信息型的平衡

   所有数字产品都兼具功能和信息两面：一面是帮用户完成动作的工具软件，一面是给用户阅读理解的信息媒介。两手都要抓。

   网易云音乐既是一个播放、收藏和切歌的功能型播放器，又是一个浏览歌词、阅读乐评、推荐歌单的信息型社区平台。

3. 3. 战略层：必须同时满足商业目标与用户需求

   战略层是地基。既要搞清楚公司靠什么赚钱、KPI 是什么，也要搞清楚用户到底遇到了什么痛点、想要达成什么目的。

   滴滴早期的战略目标非常清晰：商业上要提高司机接单密度和平台抽成，用户侧要解决雨天和高峰期路边打不到车的绝望。

4. 4. 范围层：用明确的功能规格防范范围蔓延

   不要指望一次性把所有功能都塞进产品。必须形成白纸黑字的功能规格和内容需求清单，按优先级排定开发批次。

   MVP 版本坚决砍掉“积分商城”和“好友聊天”，只保留“浏览菜单、微信支付、骑手接单追踪”三项核心功能规格。

5. 5. 结构层：交互设计定义流转路径，信息架构组织信息树

   交互设计关注用户操作后系统的反馈与步骤流转；信息架构关注海量信息如何分类、贴标签和建立索引结构。

   知乎在结构层定义了：用户点击回答如何展开评论、向上滑动如何收起顶栏（交互设计），以及话题、问题、专栏的分类归属（信息架构）。

6. 6. 框架与表现层：线框图锚定布局，视觉层引导视线焦点

   框架层通过线框图决定控件与导航的具体摆放位置；表现层通过对比、排版和配色忠于用户视线节奏，强化品牌信任感。

   电商付款页面框架层决定把“实付款金额”和“确认支付”放在底部右侧；表现层将支付按钮用醒目亮色渲染，指引拇指直接触达。

全书结构

1. 第1章 用户体验为什么如此重要

   界定用户体验的定义与商业价值，阐明日常生活中糟糕体验给用户带来的挫败感，以及好体验带来的转化与复购回报率。

   很多网站把注册流程做得极其冗长导致 70% 用户流失，简化为手机验证码一键登录后，注册转化率瞬间翻倍。

2. 第2章 认识这些要素

   正式提出自下而上的五个层面（战略层、范围层、结构层、框架层、表现层）及其在功能与信息两端的双重性对应关系。

   盖房子必须先打地基（战略与范围），再搭梁柱结构（结构层），再装门窗走线（框架层），最后才刷墙粉刷（表现层）。

3. 第3章 战略层：网站目标和用户需求

   阐述如何通过用户画像、用户研究明确真实诉求，同时对齐企业品牌目标与商业转化诉求，为整个产品确立北极星方向。

   在线教育产品在战略层明确目标用户是职场转行新手，商业目标是提升体验课到正价课的续费率，一切设计围绕此展开。

4. 第4章 范围层：功能规格和内容需求

   将战略转化为具体的功能特性与内容清单，学习如何收集需求、编写清晰的功能规格说明，并严格排定优先级防范膨胀。

   旅游社区在规划阶段明确规定第一期只支持图文攻略发布，把呼声虽高但耗费巨大的视频剪辑与交易系统延后到二期。

5. 第5章 结构层：交互设计与信息架构

   讲解交互设计（关注可能的用户错误与状态转换流）与信息架构（关注结构化节点的组织、分类体系与导航树）。

   设计文件管理工具时，交互设计定义拖拽文件夹的吸附反馈，信息架构定义树状层级、标签体系与最近访问的检索分类。

6. 第6章 框架层：界面设计、导航设计和信息设计

   通过线框图将抽象结构具体化，细化按钮与输入控件的界面布局、全局与局部导航方案，以及让信息易于理解的视觉呈现。

   新闻客户端通过线框图固定顶部频道滑块、正文卡片间距与底部互动栏，让读者在单手握持时拇指能轻松触达点赞与评论。

7. 第7章 表现层：视觉设计

   探讨眼睛的生理运动轨迹，利用视觉对比、一致性、网格排版与配色方案，将零散元素升华为高度协调且具备美感的界面。

   金融理财 App 采用深沉稳健的深蓝主色调，对重要收益数字采用高对比高亮，既传达出安全合规感又让关键数字一览无余。

8. 第8章 要素的应用

   总结五要素在真实产品项目中的落地方法，说明各层级之间的连锁联动效应，提出如何平衡马拉松式的深思与敏捷短跑。

   当开发过程中发现用户找不到下单入口时，不要盲目改大按钮（表现层），而应回溯排查是不是结账步骤层级藏得太深（结构层）。