大家好!在今天我们发布的电商网站可用性评估中,包含了一个销售临时纹身用品的电商平台 Artvio.ru。其所有者礼貌地请求我们对他们的网站设计进行额外审查,并帮助优化当前版本。
首页
1 – 当前的文本链接块太小,目前仅因“如何订购”这一个链接就承载了较大的信息量。建议对该区块进行一些调整,加入诸如“订单配送须知”、“支付方式”、“联系我们”、“关于商店”等链接。“注册”和“登录”区块可以合并为一个水平排列、上下交替显示的链接区块。这样可以为上述建议的链接节省空间,并将注册和授权功能整合为一个统一的完整区块。
2 – 建议修改该区块的说明文字,改为“销售部及所有咨询(全俄免费电话)”。这样能表明电话另一端坐着的不仅是冷冰冰的“销售人员”,还有顾问。
3 – 也许可以考虑将此区块放置在商品类别轮播区块之前。这样您不仅能在页面浏览的最初阶段(甚至在展示商品类别之前)就明确店铺的主题,还能利用此区块作为其后内容——即轮播组件的描述。目前您的页面上直接放置了轮播组件,且没有前置说明,让人不清楚这到底是什么——是商品、类别还是其他内容。
4 – 网站上存在大量看似微小但极易分散用户注意力和视线的元素。建议减少它们的数量,因为在当前应用场景下,它们对界面和用户没有任何实际价值。
5 – 这是一个良好且醒目的区块。关于电话号码,建议查看通话统计数据,并考虑移除不必要的号码。对此决定需极其谨慎,并在删除号码后持续跟踪通话量的变化。如果通话量下降,则应恢复原状,不再提及此项。
6 – 这是一个有用的区块,但如果尝试稍作如下改动呢?将“全俄100卢布配送”这一信息转化为优势(很少有人能做到这一点),而对于满1400卢布的订单则完全免运费。关于货到付款的信息也可以作为一种优势来呈现,暗示顾客只有在收到实物时才付款(针对最犹豫不决的买家)。
7 – 这正是第6点中提到的“优势区块”。建议移除其中的商店Logo,并用一个能概括其特性的词来命名该区块,例如:“我们的优势”、“为什么我们是最好的”或“选择我们订购的理由”。应为用户提供经过充分消化、易于理解的信息,引导他们得出您希望得出的结论。
8 – 商店信息区块的位置很奇怪。很可能更合理的做法是在其中重复网站顶部区域的所有链接。
类别页面
1 – 如果这是类别描述区块,那么它在描述该类别内商品方面的实用性内容显得过于单薄(关于底部的完整描述,下文会提及)。建议用间距将“如何订购”的解释部分分离出来,并换行作为新段落。这样可以将类别描述与实用建议区分开,使两个区块更具可读性和有效性。
2 – 商品容量选择区块。建议在下拉列表中每个容量旁边显示价格。也就是说,在不展开的情况下,价格选择区块在视觉上保持不变;而在点击展开后,列表中则显示相应容量的价格。此外,我们注意到,在您的商店中,容量越大,相比较小毫升数的单价越优惠。为什么不直接在这个下拉菜单中标明呢?例如:
- 10毫升 – 价格100卢布。
- 20毫升 – 价格180卢布(节省20卢布)
- 40毫升 – 价格350卢布(节省50卢布)
这一改进有望显著提升商店的平均客单价。
3 – 我们很惊讶为什么没有特别优惠?如果您的客户中包含纹身沙龙或企业客户,为何不通过特别优惠来提高平均客单价呢?建议考虑以下格式:“沙龙特别优惠 – ‘500毫升装9色胶套装,售价52,000卢布 + 免费配送’”。即使没有人购买,至少也会引起注意。这有其好处——个人客户会看到您不仅以批发商身份运营,而且您的买家不仅是普通客户,还有整个公司。潜意识里,他们会认为有企业信任您,从而在普通客户眼中增加对您的信任度。
4 – 我们建议将此模块移至分类页面最顶部,并将其作为该类别下所有商品的统一描述。这有助于访客迅速了解所选择的内容。此外,当用户查看具体商品时,他们已对该商品及其属性有了初步了解,从而可能减少关于产品的多余咨询。另外,在网页设计中,文本仅在一种情况下加下划线——即作为链接并导致浏览器窗口重新加载时。而在您的模块中,当前显示的是被下划线的文本,而“详细描述”这段文字既未加下划线也不具备可点击性。因此,务必交换文本块的下划线状态,并将实线下划线改为虚线,因为您的页面并未进行整体刷新,而是动态更新模块内容。
结算。步骤 1
1 – 或许可以考虑将链接文本更改为“重新计算”。这一表述对于该操作及其前置动作(改变商品数量)以及点击此链接后的行为来说最为合乎逻辑。此外,可以直接在购物车中根据分类页面的第2条建议优化商品数量的下拉选项,在此之前,可在购物车信息中加入一句提示:“购买的产品数量越多,节省的金额就越多。”同时增加说明,告知用户可以在购物车中通过下拉菜单查看每件商品的具体优惠。
2 – 我们建议简化此模块,用圆圈内的叉号替代复选框,点击叉号即可从购物车中删除商品。更进一步,点击此类叉号后,可以显示提示语“商品已删除。是否取消删除?”,并提供将已删除商品重新添加回购物车的功能。
3 – 我们建议使商品图片变为可点击状态,允许用户点击图片以放大查看。我们曾进行过一项研究——许多店主因顾客希望再次放大查看商品而不得不跳转至商品详情页,从而导致客户流失。作为补充建议,我们推荐使购物车中的商品名称可点击,并在浏览器新窗口中打开。是的,这可能会带来客户离开购物车和结算流程的微小风险,但也提供了访问分类页面、快速阅读商品描述或补购所需商品的机会。您可以通过A/B测试来对比带有和不带有此链接时的转化率及客单价,从而评估此项改进的必要性。
4 – 首先,建议添加一个“继续购物”按钮,并使其颜色比引导用户进入下一步结账流程的按钮更柔和。有些客户进入购物车只是为了好奇或查看订单当前状态,同时他们也希望返回以继续购物。其次,建议将“继续”按钮重命名为例如“输入信息”,这样会使购物车导航更加清晰和合乎逻辑。
购物车页面。第2步
1 – 如果该区块中的信息未在任何第三方系统(如1C或ERP系统)中处理,建议将“地区、边疆区或城市”和“街道、房屋、公寓”两个字段合并为一个。这将简化填写过程及在输入框之间的切换,从而帮助买家更顺畅地完成下单流程。此外,建议在生成的区块内放置一段浅灰色的占位符文本,示例为配送地址,例如:“在此输入配送地址,例如:15000,雅罗斯拉夫尔,普希金街,12号,办公室2”。当用户在该区块中输入信息时,这段文字应消失。同样,建议参照此模式填充其他字段(提供您需要从买家处收集的信息示例,以及他们需要输入的内容)。
2 – 请调整区块宽度——目前它略微偏离整体网格布局。此外,建议扩展其内容,增加关于配送方式的信息(即通过俄罗斯邮政一类邮件发送,并提供追踪号码以便客户查询包裹状态),以及预计送达时间的相关信息。
3 – 缺少“修改订单商品”按钮。实际上,相当一部分在线商店的客户在某些情况下会重新核对订单商品清单。此外,您的购物车中并未显示客户正在购买的商品。那么,客户需要做什么才能检查自己购买的内容呢?另外,之前提到的支持预付款银行卡支付的功能在哪里?
购物车页面。第3步
1 – 我们建议丰富那些枯燥乏味的文本。在客户完成订单后,请以店长的名义感谢客户对您的信任,从而提升他们对您店铺的忠诚度。告知客户后续步骤。“我们关心每一位客户,因此在您下单后,我们的经理将通过您提供的电话号码联系您,以确认订单信息的准确性。确认后,我们的专家将为您打包并按您选择的方式发货。如果您希望,请告知经理,以便在您的订单发出时向您发送通知。”
2 – 在复选框下方直接提供联系电话,并附上类似这样的提示语:“如果您想补充更多信息或有任何疑问,请致电我们……”。实际上,有很多客户在下单后会想起某些事情,或者产生疑问,比如是否已收到他们的订单、接下来该怎么做。通过这种方式引导他们,可以帮助他们在这些情况下更好地应对。
一般建议
目前的设计中充斥着许多细微元素,容易分散用户对关键模块的注意力。例如,侧边图片使用了百合花图案。这些百合花象征着什么?对访客有什么实际用途?或许可以尝试将网站背景完全留白,使用纯净的白色背景,以象征简洁与创作自由。同时,让商品照片更加清晰、鲜明。借助白色背景和去除干扰元素(如那些油漆罐),商品会显得非常“诱人”且更具“销售力”。
一些可借鉴其图形设计方案的优秀网站示例:
- http://themeforest.net/theme_previews/5219744-cosmetico-beauty-shop-psd-template?index=0
- http://themeforest.net/theme_previews/3290145-uptake-store-psd-template
- http://themeforest.net
尽管如此,作为优化网站交互体验的临时方案,可以在现有网站设计中落实上述建议,面向俄罗斯地区的访客进行实施。您还会为网店店主提供哪些额外建议?

