
“本文来自「乐想屋」公众号系列更新[每日一书]每次5分钟帮你把书读薄把知识用活”先说四个场景看你中过几个。功能很强大但用户说太难用了我不知道从哪里开始。界面很漂亮设计师很满意但用户找不到他们最需要的核心功能。技术很先进工程师引以为傲但用户用了一次就再也没回来。团队很努力每个版本都在更新但产品口碑就是上不去。这些问题有一个共同的根源团队只关注了产品的某一个层面而忽略了完整的用户体验体系。用户体验设计师Jesse James Garrett在2000年提出了一个经典的框架把用户体验拆解成五个层次从最抽象的战略到最具体的视觉每一层都有自己的问题需要回答每一层都依赖于它下面那一层的稳固。书里有一句话是整本书的核心警告没有战略的产品就像没有罗盘的船。看起来在动其实不知道要去哪里。01 五层模型从抽象到具体在进入每一层之前先理解这个框架的整体逻辑。五层从下到上依次是战略层、范围层、结构层、框架层、表现层。最底层是战略最顶层是视觉。这个顺序很重要。每一层都是在上一层的基础上建立的下面的层不稳上面的层再好看也是空中楼阁。大多数团队犯的错误是从顶层开始工作——先讨论界面长什么样先做视觉稿先定配色方案。然后发现做着做着方向不对推倒重来反复折腾。正确的顺序应该是反过来先把战略想清楚再往上一层层推进。02 战略层你到底在为谁解决什么问题这是整个产品的地基。战略层要回答两个问题缺一不可。第一个问题用户需要什么不是用户说他们想要什么而是他们真正需要什么。这两件事经常不一样。用户说我想要一匹更快的马但他真正需要的是更快地从A到B。把用户说的话当作需求直接执行是产品设计里最常见的陷阱之一。真正理解用户需求需要观察他们的行为而不只是听他们的描述。他们在什么场景下遇到了什么障碍现有的解决方案让他们最痛苦的地方是什么他们愿意为什么付出时间和金钱第二个问题我们要实现什么这是产品目标包括商业目标和组织目标。产品不是慈善它需要为公司创造价值。但如果只追求KPI而忽视用户真实需求产品会在短期数据好看的情况下慢慢失去用户的信任。战略层的核心工作是找到用户需求和产品目标的真实交集。不在交集里的功能不管看起来多有价值都应该打上问号。一个实用的练习写下你认为最重要的三个用户需求再写下你的三个产品目标然后检查你现在正在做的每一个功能是否同时服务于两者。如果一个功能只服务于其中一方值得认真考虑它是否应该存在。03 范围层做什么比不做什么更难战略确定之后范围层要回答的问题是我们的产品包含什么不包含什么。这一层最常见的问题不是想不到功能而是想到太多功能不知道该砍掉什么。每一个功能都是有成本的。开发成本、维护成本、用户的学习成本、界面的认知负担。一个产品功能越多每个功能能获得的注意力就越少用户越容易迷失。书里有一句话我觉得是范围层最重要的原则克制比放纵更难也更重要。评估一个功能是否应该进入产品范围可以问三个问题它服务于哪个战略目标有多少用户真正需要它如果没有它用户会怎样MVP思维在这一层非常重要。最小可行产品不是做一个很差的产品而是用最少的功能验证最核心的假设。在假设被验证之前不要大规模投入。在核心功能还不够好的时候不要急着堆砌新功能。砍功能是一种能力而且是产品经理最难培养的能力之一。04 结构层逻辑清不清楚用户一用就知道范围定了之后结构层要解决的是这些功能和内容应该如何组织和连接结构层包含两个维度交互设计和信息架构。交互设计关注的是用户行为的流程。用户做了一个操作接下来会发生什么每一个交互节点用户都应该感受到清晰的反馈——我做了什么系统理解了它正在处理结果是什么。好的交互设计有几个基本原则。一致性相同的操作应该产生相同的结果用户建立了一次操作习惯之后不应该在另一个地方被打破。容错允许用户犯错并且让他们能轻易地撤销和恢复。效率减少完成一个任务所需要的步骤每一个多余的点击都是在消耗用户的耐心。信息架构关注的是内容的组织方式。这些内容应该怎么分类层级应该有几层用什么词来命名每一个分类最后一个问题经常被忽视但它非常关键。命名应该用用户的语言而不是内部术语。用户不知道你们内部怎么叫他们只知道自己想找什么。我的订单比订单管理系统好帮助中心比FAQ知识库好退出登录比账户注销好。05 框架层用户的注意力你来决定它流向哪里结构确定了内容的逻辑关系框架层要解决的是这些内容在页面上如何排布用户的视线和注意力如何被引导界面布局不是审美问题是信息传达问题。有几个经过研究验证的规律值得了解。用户浏览网页和App的视线通常遵循F型路径——先横扫顶部再往下一行横扫然后沿左侧纵向扫描。这意味着最重要的信息应该放在左上角区域而不是中间或右侧。任何内容的可达性不应该超过三次点击。用户需要经过四步、五步才能找到的功能大多数人会在中途放弃。导航设计的核心任务是让用户随时知道两件事我现在在哪里我可以去哪里。面包屑导航、高亮当前页面的菜单项、清晰的返回路径都是在回答这两个问题。框架层还有一个容易被忽视的维度空白。好的界面设计不是把所有空间都填满而是通过留白让重要的内容得以呼吸让用户的注意力能自然地落在你想让他们看到的地方。06 表现层视觉设计不是美化是沟通到了最顶层很多人以为这是最重要的一层因为它是用户第一眼看到的。但经过前面四层的铺垫你会明白表现层的作用是把下面四层的决策以视觉的方式呈现出来让用户能直觉地感知产品的结构和逻辑。视觉设计的核心不是让产品好看而是让产品说话。对比创造层级感——大的、深色的、粗体的元素会被首先注意到。重复创造一致性——同类元素使用相同的视觉处理方式用户建立预期之后就不需要重新学习。对齐创造秩序感——元素之间的对齐关系会影响用户对产品专业度的判断。亲密性传达关联——相关的内容放在一起不相关的内容之间留出间距。色彩也是沟通工具不只是装饰。蓝色传达信任和专业适合金融和科技产品红色传达紧迫和激情适合促销场景绿色传达安全和成长适合健康类产品。这些关联不是绝对的但它们是用户长期形成的认知习惯轻易打破需要付出额外的教育成本。好的表现层设计是隐形的——用户不会注意到它因为一切都符合他们的预期他们能专注于使用产品本身而不是在思考这个按钮是什么意思。最后这本书研究的是设计但它真正在讲的是思维方式。五层模型的价值不只是给设计师用的。产品经理、开发工程师、运营人员甚至是做PPT、写文档、组织一场活动的人都能从这个框架里找到对应的问题。任何一个需要传达信息、引导行为、创造体验的工作都有自己的战略层、范围层、结构层、框架层和表现层。用户体验的本质只有一句话站在用户的角度系统地思考每一个决策。从战略开始一层层往上建。地基越稳顶层越好看。——「每日一书」系列第25篇在这个信息爆炸的时代我们没时间读完所有好书。所以我帮你读——提炼核心观点萃取行动建议让你用 5 分钟掌握一本书的精华。点赞在看转发把清醒传递给更多人系列文章职场反PUA 30天觉醒计划 乐想屋系列文章职场生存暗规则乐想屋系列文章职场成长乐想屋系列文章AI时代下思考系列文章每日一书系列文章AI小白从0到1【100篇】