3为您的电子商务商店确保直观和用户友好的导航方式

我们知道你在想什么:使网站用户友好和直观有多难? 毕竟,只需在顶部的某个位置放置一个搜索栏,在主页的某个位置放置一些可点击的标签,你就可以了,对吧? 错误。

您是否知道搜索栏不是比组织良好的类别更清晰的导航工具? 事实上,如果您的产品分组名称清晰且您的网站确实直观,则无需搜索栏。 当他们考虑如何设置他们的电子商务网站时,许多人没有意识到搜索栏只对那些来到你的商店知道他们正在寻找什么的人有效; 搜索栏不会直接鼓励人们浏览更多内容或梳理您的类别。

因此,直观导航的最终目标是组织良好的选项卡和类别,从而产生清晰的产品页面。 精心设计,用户友好的在线商店可以毫不费力地引导消费者完成整个购物过程,从搜索到购买。 客户不应该感到困惑或不知道他们的下一步是什么。 控制购买的路径导致 被遗弃的购物车 和低转换率。 因此,在这篇文章中,我们将进一步详细介绍您可以采取哪些措施来确保您的电子商务商店具有直观性和用户友好性,并在购物时引导您的客户。

1。 “先入为主的知识”

电子商务网站的直观设计是看不见的,没有学习曲线。 这些大的,一般的,无所不包的词是什么意思? 基本上,任何人 - 无论是你早熟的7岁侄子还是老年人,但明亮的祖母 - 都可以拉起你的网上商店,并立即购买你的产品。

为了实现这种无缝的用户界面和导航,您必须考虑我们称之为“先入为主的知识”的东西。 先入为主的知识是指您的网站访问者在进入您的在线商店时带来的信息和习惯。 这可以是使用其他竞争对手网站,现实世界和虚拟体验,或仅凭直觉获取的信息。 基本上,根据过去的经验,您网站上的访问者认为您的网站应该工作的方式不同。

例如,如果您经营一家房地产公司,并且您的主页包含一个房子的大图片,提示访问者点击并进入您的网站 - 将房子的门作为热点或可点击的入口是有意义的,进入下一个登陆页面。 直观地,用户知道门通向房间,因此使房屋图像的门成为热点是有意义的。 然而,不能说使屋顶的中间成为热点。 大多数客户永远不会知道下一页的通道是通过房屋屋顶的中心,很可能他们永远不会冒险超出您的主页,导致流量损失和销售。

因此,在设计网站时,请考虑每个人遇到的常见日常用途,图像和方向。 虽然不同寻常的设计可能会吸引他们独特的因素,但在您的网站上采用违反直觉的元素对于商业来说并不是好兆头 - 就像前卫的右对齐文本一样有趣 - 写得是从右到左书写 - 是,这不是对阅读文本的传统理解,因此大多数消费者无法获取。

对于喜欢冒险的人来说,如果你坚持要从人群中脱颖而出,你可以通过添加方向或解释来弥补这些模糊的设计,这些方向或解释充当了访客先入为主的知识和创新功能之间的桥梁。 回到上面我们的房地产公司的例子,如果你特别喜欢将热点作为房子的屋顶,那么一定要这样做; 但通过弹出窗口或“单击此处”文本进行通信。 使用其他元素向您的消费者解释您的概念; 引导客户完成操作并实现目标:购物。

2。 所有页面的统一导航

电子商务网站有很多页面; 您有主页,产品页面,登录页面,关于我们页面,联系表格等。在涉及购买时,需要分享大量信息以及潜在买家将要寻找的大量信息。 通过保持所有内容统一,确保在所有信息交换之间轻松导航 - 这意味着选项卡,按钮,命令,菜单,一切。

导航过程需要标准化,图标,图像和按钮也需要标准化。 为避免混淆和放弃购物车,请确保在网上商店中移动不会因页面而异。 如果您商店主页上的类别菜单在左侧是齐平的,但是在您输入其中一个类别页面后,菜单突然移到右侧,会有多刺耳。 虽然在这个孤立的例子中看起来很滑稽,但从顾客的角度来看,这可能是一个相当令人沮丧的购物体验 - 不仅不知道在哪里找到一个功能,而且永远无法确定下一步的位置。

包括按钮在内的图像也需要标准化。 例如,当客户使用“查看购物车”按钮时,根本不应该在任何其他页面上对其进行重新设计或不同,原因有很多:

(1)专业:如果你的整个网站,包括按钮,是一个不同的图像,字体和颜色的大杂烩,网站将尖叫非正式,抛在一起,可能不合法。 它需要始终凝聚力。

(2)让客户感到困惑:如果指令的按钮不断变化,您的客户就会感到困惑。 两个不同设计的按钮,即使它们在页面之间处于相同的位置,也意味着对客户的改变。 他们可能对点击它犹豫不决,因为它的功能似乎随着它的新设计而改变。

(3)令人反感:同样,如果同一个按钮不断地从一个页面移动到另一个页面,客户在浏览不同类别时将不知道在哪里点击。 如果您的“查看购物车”按钮位于一个页面的右上角,请确保其中包含所有其他页面; 否则,如果访问者取决于他们所在的页面,他们将如何知道在哪里点击他们的购物车。

通过标准化导航实现的一致性和明确指令将确保用户友好的电子商务网站,并且对您的客户来说肯定更直观。

3。 面包屑

也许在整个在线商店中确保直观和有组织导航的最有效方法是使用一个名为breadcrumbs的系统。 Breadcrumbs是一个基于文本的导航系统,可以跟踪您在整个网站中的移动情况,记录您访问的页面,并显示您当前页面所在的不同类别的位置。

它不仅为您的消费者提供了网站内的方向感,还为访问者提供了在类别中即时来回导航的快捷方式。 例如,通常在网站顶部找到的面包屑 - 用于在线百货商店的靴子产品页面看起来像这样:主页>服饰>鞋子>靴子。 客户可以点击不同的类别并在这些页面中搜索,而无需查阅原始菜单。

虽然面包屑在很大程度上提高了您的电子商务网站的可用性,但只有在它们做得好的情况下才会出现这种情况。 花点时间真正考虑您的类别及其背后的组织。 如果您的分组没有意义或没有引导客户到达预期的位置,那么在您的网站上进行面包屑导航会抵消其优势。 你能想象这条面包屑路径的挫败和明确的转折:首页>服饰>家具>书籍>化妆。 这条道路没有合理的流程,当然也不会让正在寻找靴子的人到正确的地方。

这是一个秘密,关于投资精心策划的面包屑导航的好处是它还负责您的类别组织。 面包屑链接到您的产品页面,因此如果您的面包屑都连续存在,那么应该是您的类别! 整洁的面包屑意味着整洁的类别。 这就像用一把刀切两个胡萝卜 - 一个小组织和直观的导航为消费者节省了大量的时间和精力,同时提高了你的电子商务的转换率。

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。