可用性评估报告：How-To-Plans.com

我总是很兴奋听到 企业主想要直截了当、毫无保留的分析。这意味着他们认真致力于提升竞争力。How-To-Plans 团队邀请 Practical eCommerce 对其网站的可用性进行评分。

How-To-Plans 销售各种家庭和花园改进项目的 DIY 计划。从花园装饰到工作棚，它提供深入的设计并邮寄到您的家门口。

DIY 项目持续流行，不仅因为经济原因，还因为自己动手做事让人感觉更好。因此，这家在线商店有望服务远超每天收到的 1,000+ 访客的更多客户。

How-To-Plans 的计划非常实惠（大多数在 10 美元或以下）；有大量的计划可供选择，从简单到复杂，从小型到大型项目；该网站主要展示天然产品的使用。

尽管他们的计划更详细，但这家商店仍然与许多提供免费信息的网站竞争。许多人并不重视自己的时间，认为：“为什么要花 10 美元，而我可以免费获得其他东西？”

现在，让我们看看 How-To-Plans 商店传达的信息以及整体可用性。

标志

木质标志本身的概念很有创意，但实现方式有所欠缺。标语“For The Do-It-Yourselfer!”使用的是过时的字体。标志和标语占据了相当大的空间——宝贵的黄金位置——宽度为 420 像素，高度为 80 像素。

导航

顶部导航不存在。仅包含支付方式图标，这些图标未使用透明背景，还有一个居中的搜索框。没有链接可查看购物车、结账或查看商店政策。相反，大量空间被浪费，购物者在非购物车页面时不知道如何结账。

类别导航包括一个木纹“首页”按钮（最好放在顶部），以及几个类别。所有类别链接都包含“Plans”一词，我假设这是为了搜索引擎优化目的而设置的。然而，既然已经明确这些都是计划，这个词可以省略（你始终可以在超链接的标题标签中包含“plans”）。

主页

主页包含关键信息，例如关于商店类型的详细信息和各种图片。但购物者讨厌阅读。如果顶部使用更宽的成品图片，并用要点或图形指出计划易于遵循且保证满意，效果会更好。

看到真人完成项目总是令人愉快，但这张图片更适合用于公司的简介页面。

页面布局应遵循报纸的规则，即所有内容应构成一个虚拟矩形。这意味着使用标准图像尺寸、更紧凑的间距以及对齐的文字。

分类页面

许多分类页面缺少关键的标题信息。对于大多数页面，只有说明性文字，提示购物者点击某项以获取更多信息。请注意，如果你需要告诉访客点击某个项目，那就意味着你假设他们很笨拙，或者该功能本身并不明显。在这些页面上，链接文本是显而易见的。

由于所有缩略图的大小不一致，分类页面存在对齐问题。此外，如果能在该页面上提供更多详细信息，例如成品尺寸和难度等级，那就更好了。这可以帮助购物者立即判断该项目是否适合放置在指定空间内，或者是否适合初学者作为第一个尝试的项目。

另一个关键功能是能够在悬停在缩略图上时查看更大的图片。这将节省购物者的时间，使他们无需在分类页面和产品页面之间来回切换即可查看完成后的项目效果。有些人可能会争论这些页面是否应该包含“加入购物车”按钮，但考虑到阅读所有细节非常重要，省略该按钮是有道理的。

产品页面

已包含关键信息（为此点赞），但通过以下操作可以大大改进布局：

• 添加指向更大图片的链接。人们希望看到真实的细节。
• 对产品描述进行分段：先写一两行文字，然后是项目符号列表，最后是补充文本。
• 将“特性”、“尺寸”、“计划包含内容”和“技能水平”等详细信息移至下一行开始显示。
• 使用更专业的“加入购物车”按钮，将价格设为黑色，并将按钮和文字对齐在同一行。

目的是让购物者更容易查看计划的实际细节。

搜索

网站搜索存在几个关键问题。首先，由于该网站使用的是共享SSL证书（而非专用于实际域名的证书），从安全页面进行搜索时会弹出警告。此外，搜索功能由第三方维护，会将购物者直接带离本站。搜索结果以“Google广告”开头，这可能是导致客户流失的原因之一。

结账流程

当商品加入购物车后，购物车页面会加载。“返回商店”和“结账”按钮之间的距离应更大，“结账”按钮应设计得更大且更具创意，以便用户清楚点击后的操作。

结账的第一步是填写姓名、地址和电子邮件。然而，此页面并未显示任何关于实际订购商品的详细信息。顾客需要提醒他们即将购买的内容。

此页面上有一个复选框，用于确认账单地址是否与送货地址相同。但如果两者不同，却没有提供填写账单地址的字段。

此页面上的后退按钮会将购物者带至其他页面，而不是返回购物车。此外，“结账”按钮应再次增大，并显示为“继续结账”。

从这里开始，系统提示正在查询运费。但该网站并未提供配送方式选项；所有计划均通过美国邮政（USPS）发货。

客户被立即引导至支付方式页面。在我的测试中，我选择 PayPal 作为支付方式，并被告知在下单后需手动付款，因此看来购物车不支持与 PayPal 直接集成。

在审核页面时，我感到有些沮丧。由于我之前未勾选“账单地址与（不必要的）送货地址相同”的选项，现在我被要求提供账单地址。这应在第一步就向我展示，以便我清楚需要确认两个地址。

订单完成后，我收到了详细的说明，指导如何通过 PayPal 进行（手动）付款。

概述

由于我没有分析报告，我无法确切地说出购物者在何处或何时离开该网站。但我认为这种情况发生在以下几个阶段：

• 在分类页面或产品页面，因为您无法始终查看成品在详细尺寸下的实际外观。
• 在任何页面上，因为未明确说明您购买的是将通过邮寄发送的计划。许多网站也提供 PDF 格式的计划，因此顾客可能认为他们将收到的是 PDF 文件。因此，运费可能会让他们望而却步。
• 在除购物车页面之外的任何页面上，因为购物者难以找到“查看购物车”或“结账”按钮。“查看购物车”按钮隐藏在分类导航下方（必须滚动才能看到链接）。
• 在任何页面上，因为顶部导航缺少关键链接——如“配送信息”、“客户服务”、“查看购物车/结账”等。
• 在任何页面上，由于网站缺乏关键信息来告知访客付费计划物有所值。需要明确说明这些是实际印刷的计划，并且比免费网站提供的要详细得多。

该网站还包含一些未得到适当推广的额外内容。示例计划、客户照片、推荐语以及即将推出的计划设计都链接在页面左下角。然而，所有这些功能实际上都能吸引人们进行购物。

可用性报告卡

How-To-Plans.com

Logo C

Navigation D

首页 B-

分类页面 B

产品页面 B-

搜索 D

结账流程 C

总体等级 C