blog  image

还在给你的独立站堆砌内容?是时候设计信息架构了!(上)

2024/05/07

You can read this article in about 5 minutes

想象一下以下的情况:你访问一个独立站,试图寻找你需要的商品。

  • 你点击貌似会吸引你的链接,发现不合适就选择返回;

  • 然后又点击另一个,不行只能再返回;

  • 再点击,再点击……

但最终还是没找到任何有用的商品或内容。


上面的情况很可能是你的用户天天在经历的事情。无论你是老板、运营还是设计师,肯定都不希望你的独立站成为那样一个令人沮丧的迷宫。


信息架构有助于避免这种情况。它能处理杂乱的内容,为独立站创建一个清晰的结构。我们将设计信息架构的内容分为上下篇,今天的上篇主要跟大家介绍:


1.什么是信息架构(IA, Inforamtion Architecture)
2.设计信息架构需要遵循的8大原则
3.以Allbirds为例,带你拆解其是如何遵循8大原则的


另外,在下篇中,我们将从实战出发,讲解如何完成一个有效的信息架构设计。


1. 什么是信息架构(IA, Inforamtion Architecture)


如果你到一个陌生的城市过周末,你大概率需要高德地图的指引。你会照着路线图,利用街道牌和建筑物上的地址来寻找目的地(当然一直打开导航是另一回事,毕竟不是每个人的手机电量都那么充足)。在此场景下,高德地图是你和目的地之间的连接器,你利用高德地图完成任务。


如果你要在图书馆找一本书籍,你需要找到图书馆的书籍目录总纲。然后根据书籍分类或名称等筛选查找,从而找到书籍的对应位置。在此场景下,书籍目录总纲则充当信息连接的作用,你借助其完成查找书籍的任务。


而你的独立站,就是你的用户和你(的商品)之间的连接器。如果你的独立站拥有良好的信息架构,你的用户就可以按照你设计好的路径进行操作,高效完成其购买商品的任务。


因此信息架构的含义也就显而易见了,它是一种连接信息供需方,让其按设计好的流程进行操作,形成任务闭环的工具

因为信息架构最重要的是它的连接能力,所以需要同时考虑用户需求、商业目标和不同类型的内容,也就是通常提到的用户(Users)、情景(Context)和内容(Content)三大维度。

只有在考虑齐全的基础上,才能帮助你的用户以较少的精力找到他们需要的商品并完成购买,才能帮助你提升整体收益。

2.设计信息架构需要遵循的8大原则

用户一旦进入你的独立站,常规来说是3条主要的路径:

  1. 在页面内向下滚动(要确保在各个类型的页面都进行商品的交叉推荐);
  2. 搜索(确保基本的搜索条件能提供良好的结果);
  3. 通过导航浏览(使用用户容易理解的分类)。

所以你需要为每一条主要路径单独绘制出高效的路线图。

不过万变不离其宗。不管你需要多少条购物路径、不管你属于什么品类的品牌、不管你有多少商品,如果你能遵循信息架构大师 Dan Brown提出的信息架构设计8大原则,你就可以很好的优化独立站的信息架构。
  1. 对象原则:界面中的任何内容都应该被视作为有生命周期、有属性且有行为的对象;
  2. 选择原则少即是多,把选择的数量保持在最低限度。因为给用户的选择越多,其作出决定需要付出的认知能力就越强,甚至会引起无法抉择的情况;
  3. 披露原则不能让用户的信息量过大,只在当前显示足够的信息。同时如果用户有兴趣,也允许他们了解深入挖掘时会发生什么;
  4. 举例原则:描述内容类别的最好方法是展示内容的具体例子。而当光靠文字描述可能不足以将内容描述清楚时,恰当的图片示例能很好地辅助表达;
  5. 门原则:假定至少有 50% 的用户会从首页以外的页面进入独立站。所以让用户明确其当前位置很重要,而引导用户便捷的穿梭于页面间更为重要;
  6. 多分类原则:为用户提供几种不同的分类方法来浏览独立站的内容。我们要知道不同的人会有不同的购物习惯,提供更多分类方法和路径代表用户更可能按自己熟悉的方式来探索和浏览;
  7. 聚焦导航原则:保持导航足够简单,不要让不同的内容类别和不同的路径混到一起;
  8. 增长原则:假设业务是具有成长性的,要让独立站导航和界面设计具有可扩展性,就算之后内容增加了、分类变多了也能合理扩展。

下面我们就一起来看看好的独立站是如何做的。

3. 以Allbirds为例,带你拆解其是如何遵循8大原则的

作为跨境领域的大家应该都听过Allbirds,但我们也稍微讲下选取Allbirds作为代表进行分析的原因:

  • 它的独立站很重要。Allbirds的招股书显示其线上收入占总收入的比例高达89%(2020 年总营收2.19亿美元,其中电商营收1.95亿美元),而独立站收入又占了电商收入的最大头;
  • 通过Shopify建站。大多数跨境卖家跟其有同样的起跑线;
  • 网站标准化程度高。不像其他独立站有特别多的特殊性,其网站相当标准,而标准也代表着学习门槛低(不要照抄而是借鉴其思路)。

首先,我们先从其网站导航开始。
作为一个倡导可持续发展的生活方式品牌,理念中对于环保的强调必不可少。

其通过LOGO的简单分割,就将商品相关的选项和品牌相关的选项一分为二,形成互不干扰的状态。

选择原则
当用户针对商品进行浏览时,Allbirds首先是将用户群体分为男性、女性两类;点击相应性别才会展示大类别如鞋、衣裤、配件和特定专题;再往下才是更细分的商品类型。

这种明确、细致的结构化分类能加快用户寻找商品的效率。

披露原则
Allbirds主要采取的是渐进式披露原则。

当用户点击导航进入列表页时,为了让其把注意力聚焦在商品样式和颜色上,需要用户点击“Quick Add”的加号才能展开鞋码选择。

另外其M端导航栏也采用了需要用户点击才展开下一级的渐进式设计。

举例原则
当用户来到以场景为分类的列表页时,Allbirds会针对该场景用一张图片形象的举例说明,不管是以天气为维度的雨天、暖天或冷天场景;还是以目的为维度的跑步、休闲或旅行场景。

前门原则
在任何一个页面,Allbirds都会通过主次清晰的面包屑告知用户当前的位置,同时为去到其它层级提供路径。
另外因为其大多数商品是男女都有的,所以它在列表页面贴心的提供了男女性切换的快捷入口,方便用户穿梭于不同页面。

多分类原则
Allbirds一共在网站上提供了3种不同的主分类方法。

除了最为明显的商品属性分类外;还提供了按使用目的的分类按适用天气的分类,给到了不同购物习惯的用户多种浏览的选择。

聚焦导航原则和增长原则

最后的这两个原则有很强的相关性,如果你提前让你的独立站具备可扩展性,那么你就能始终比较好的保持导航的聚焦,也就代表你能持续保持好的用户体验。
这一点贯穿在Allbirds发展的始终。

我们找到了其2016年(只有一种鞋的时期)和2019年(只有鞋类的时期)的导航内容,会发现其信息架构从一开始就有惊人的可扩展性。

它在只有一个SKU的时候就把导航栏拆成了男性和女性独立的购物入口,也因为这种设计,之后只需在扩品类时把其放入相应分类之中就行,7年过去都不用做任何改变。

写在最后

在我们的服务过程中,很少发现独立站卖家会如Allbirds一样仔细思考自己独立站的信息架构,要么是选择一个建站模板以期一劳永逸,要么是选择一个友商几近原封不动的copy。

但是随着“品牌出海”时代的到来,独立站作为品牌的门面,对其精耕细作已经成为了当务之急。

所以我们由衷的建议大家从信息架构开始,好好的梳理独立站的方方面面,毕竟有些时候,慢慢来会比较快。





Ptengine



PTMINDHR


Did you enjoy or learn from this article? Share now on social media.