天猫网站内容架构分析(的是「信息架构」：良好的用户体验要求产品所有的信息都符合逻辑)

　　天猫网站内容架构分析(的是「信息架构」：良好的用户体验要求产品所有的信息都符合逻辑)

　　大家好，我叫Clippp。今天和大家分享的是“信息架构”。良好的用户体验要求所有产品信息合乎逻辑且触手可及。如果信息分类不当，用户在浏览APP或网站时会感到迷茫，产品的价值也会大打折扣。

　　这就像是做了一个特别酷的功能，但是用户找不到入口，更别提怎么用了，那么这个功能再好也没有意义。

　　三种框架结构

　　在设计信息架构之前，需要对产品有一个清晰的组织体系，并使用框架帮助用户理解产品之间的联系。常见的三种帧结构类型：

　　1. 树状结构

　　树状结构是一种应用广泛的视觉层次结构，以阶梯的形式呈现信息，可以很好地传达不同信息的重要性。

　　2. 序列结构

　　这种形式的信息架构为用户创建了一条特定的路径，这意味着用户必须按照提供的步骤进行操作，并且只接受当时呈现给他们的信息。

　　这种结构可以避免为用户提供过多的选择，防止出现“选择困难”等情况。

　　3. 矩阵结构

　　序列结构引导用户完成一系列指定的步骤，而矩阵结构允许用户选择他们喜欢的导航方法。这意味着一个函数可能收录更多的条目，连接多个路径，并且与其他模块有更多的相关性。

　　信息架构八项原则

　　1. 关联原理

　　产品中的任何模块都不是独立存在的。在信息架构中，需要考虑如何连接相关信息，灵活处理内容。

　　这样的设计在电商产品中经常可以看到。在商品详情页末尾添加“猜你喜欢”模块，引导用户查看更多相似款式。这种结构将使从观看到购买的整个过程更加成熟。

　　2. 选择原则

　　给予用户的选择越多，实际决策的认知能力就越强，甚至可能会引起无法决策的焦虑。

　　左边的列表显示了很多信息，但缺乏内容或信息架构的分类。结果是用户花费大量时间寻找或使用一个小功能，得不偿失。

　　建议尽可能精简列表的层次结构，突出最重要的内容。当我们要做一个类似的列表时，首先要考虑是否需要对信息进行分类，这样可以有效的提高产品的合理构建。

　　3. 披露原则

　　关于渐进式披露，我在之前的文章中已经详细提到过，大家可以点这里快速回顾→渐进式披露！交互设计领域独特的设计方法论

　　在使用产品时，我们会详细设想各种使用场景，包括如何使用、如何提示操作失败等，尽量覆盖更多用户的需求。这样做的目的是确保在用户与产品交互时，产品呈现的内容或反馈在用户的预期范围内。

　　通过渐进式公开，内容渐进式呈现，满足不同用户的需求。比如用户想看产品的详细内容，点击操作一步一步来获取。

　　通过在信息架构中逐步呈现信息，用户不仅可以合理地接受内容，还可以在内容呈现之前预测下一个内容或操作，从而为用户做好准备。

　　4. 模型原理

　　一张图片胜过千言万语。有时仅靠文字描述可能不足以清楚地描述内容，导致用户难以理解。合适的图片示例可以很好的辅助文字表达，让内容的分类更有依据。

　　在阿迪达斯官网顶部导航栏的结构中，每个类别下都提供了一个图片示例。这种设计可以让用户清楚地了解产品类别。同时，这张图片相当于一个子类的入口。点击图片可以快速查看大类。

　　5. 定位原则

　　让用户知道他们当前的位置。网站 和 APP 都收录很多页面。用户之所以能够在页面之间来回穿梭，其实是因为信息结构清晰。尤其是在使用复杂的新产品时，对于新用户来说，快速理解产品架构的逻辑非常重要。

　　在网页设计中，面包屑导航明确地告知用户当前的操作、级别和位置，同时提供返回上一级或首页的路径，避免在首页显示< @网站 案例。

　　6. 多个类别

　　对于如何查找信息，不同的人可能有不同的操作方法。比如我们想在网上买东西，既可以在产品首页的推荐中购买，也可以在搜索框中搜索购买，或者使用照片识别功能识别购买。

　　因此，在设计产品的信息架构时，需要考虑这种多路径选择的情况，提供更多的路径意味着用户有更大的可能性去探索和使用产品。

　　7. 专注导航

　　信息架构是关于用户体验的逻辑。随着新功能越来越多，一个简单粗暴的做法就是在首页随意堆放新的导航菜单，这会让整个导航栏显得臃肿，缺乏逻辑。

　　在可能的情况下，将页面划分为不同的区域，为不同类型的信息提供差异化​​的导航设计。例如，Facebook的顶部导航栏显示了添加好友、对话、消息等导航菜单模块，而左侧导航栏显示了常用功能的分类，清晰地划分了两个内容。

　　信息架构的目的是按照一种合理的方法对内容进行分类，以确保用户确切地知道他们在哪里、在哪里找到他们需要的信息。

　　8. 成长原则

　　随着时间的推移，产品的数量会不断增长，新的品类也会越来越多。面对这样的情况，上面所说的聚焦导航是一种方法，除了对成长的清醒认识和远见。

　　特别是对于在创业公司工作的小伙伴来说，新产品每隔一段时间可能会更新越来越多的功能。这就要求我们在考虑信息架构时不仅要着眼当下，还要着眼长远，考虑未来，如果有新的内容增加，如何合理扩展，就等于提前为产品做好了规划。 .

　　通过上下图的结构对比，为我们提供了参考思路。当产品内容不是太多时，简单的两级分类或许可以解决，但是当产品容量变大时，就要考虑如何合理利用多级分类来容纳更多的内容。

　　最后

　　信息架构对于用户全面了解产品至关重要。如果设计中有问题，记得回到起点：用户在当前节点的目标是什么？如何以最简单的方式帮助用户实现目标？

　　慢慢来，希望能帮到你~

　　八步卡片整理法助您确定商品信息结构

　　卡片排序方式可用于网站或应用导航、信息架构等项目。它还可以用于文档和电子书的结构和组织或文件的分类和管理。

　　阅读文章>