信息架构

我们在Shopify所创造的一切都有一个潜在的信息架构基础。如果你是设计师、内容策略师或UX开发人员,你已经在做IA工作了。

定义IA

信息架构是以有效和可持续的方式组织、构建和标记内容的实践。无论您是在创建应用程序、Shopify管理的一部分、新功能还是编辑页面,这些IA原则都可以帮助您使内容可用且可查找。


我们为什么要做内务部

  1. 简化复杂性:应该以尽可能简单的方式对信息进行结构化和管理。
  2. 支持可伸缩性:良好的IA实践将帮助我们避免在产品增长或更改时彻底检查之前的工作。
  3. 创造熟悉感:无论我们的商家如何访问Shopify,它都应该是相同的产品。创造一种共同的体验不仅仅是设计,还延伸到我们如何构建Shopify的内容。

我们的内部审计原则

这些原则将帮助您做出好的IA决策,无论您在做什么工作。

告诉你的观众他们在哪里

成功的寻路发生在你的受众能够做出符合他们目标的导航决策时。用于导航以启用寻路:

  • 建立多种导航方案
  • 使用任务导航
  • 集成辅助导航支持(如面包屑)

导航是一种服务于许多寻路目的的工具。良好的导航使我们的商家能够深入探索主题,轻松切换任务,并过滤信息。

在Shopify管理中,商家可以使用多种导航方案找到他们的路:

  • 结构:主导航,局部导航,面包屑
  • 关联的:到其他功能或帮助文档的上下文链接
  • 实用工具:链接化身访问您的帐户,搜索

在Shopify管理中,商家可以使用侧导航(nav)和搜索找到通往博客帖子页面的方式。他们可以使用面包屑上升到主要级别的在线商店部分的导航。欧宝体育官网入口首页他们还可以通过页面底部的上下文“了解更多”页脚访问相关的帮助文档。

博客文章页面面包屑和左侧导航

给内容一个家,多扇门

每个人都是独一无二的,有不同的信息寻求行为。例如,一个人可能会从产品的各个方面开始体验,或者在任务中途转OB欧宝娱乐APP移注意力。他们也可能在一台设备上开始任务,在另一台设备上完成任务。为了促进这些行为,所有屏幕都应该有有意义的导航,并将内容连接到产品的其他部分。

Shopify帮助中心的航运页面上的内容只存在于帮助中心-我们不会在Shopify管理或我们的营销页面上复制它。ob欧宝娱乐app下载地址但即使它只存在于一个地方,当商家可能需要更多关于运输的上下文时,我们也会让他们访问它(比如通过Shopify管理中的运输设置页面上的链接)。

带有文档链接的运输标签设置

避免信息过载

尽管我们希望为商家提供完成任务所需的所有信息,但我们需要避免让他们的信息过载。不要过于简化,但也不要给用户带来过多的选择负担。为了在设计中做到这一点,我们使用渐进式公开,但是这个原则也适用于信息架构。在IA中实行渐进式披露:

  • 根据要求逐步透露信息
  • 为信息提供多个访问点
  • 消除冗余内容

网站上的内容Shopify Capital页面在Shopify网站上总结了从Shopify获得高水平资金的好处。扫描摘要后,商家可以选择访问有关该程序的更多信息与链接在Shopify帮助中心.通过以这种方式逐步披露信息,我们帮助商家更快地做出决策,避免因提前加载过多细节而感到沮丧和迷失方向。

大写页登录页

为成长和改变做计划

信息架构和设计一样,并不是一成不变的。它应该随着你的产品而改变。因此,您所做的IA决策需要为增长留出空间,同时还需要继续促进整个体验的一致性。

Shopify.com的主页页面架构采用了可扩展的方法——该结构的设计可以适应Shopify扩展到不同的位置。这是通过采用模块化方法实现的。

每个地区都可以定制主页来满足他们的需求。例如,对于2个故事,他们可以使用2个横幅。对于3个玩家,他们可以使用1个横幅和2个贴图。

丹麦页面三个内容组成部分

2 .内容组件印度页

确保你的IA决策是可扩展的:

  • 尽早、经常地与团队内外进行沟通。在做IA工作时,打开沟通渠道,确保你的工作与产品其他领域的工作保持一致。
  • 考虑一下未来,以及你正在做的工作将如何与其他项目交叉。
  • 创建足够灵活的内容组,以适应增长,同时对用户有意义。
  • 考虑您的IA将如何适应多种环境及其现有模式(例如,iOS、Android、桌面浏览器、聊天机器人、销售点等零售产品)。