建立一个伟大的网站是很难的。它不仅需要看起来很棒，还需要在搜索引擎排名、移动设备上表现出色，并且要有让购物者转变观念的秘密调味品。如果你知道你的网站可以更好，这是为你：如何审计一个电子商务网站。有很多方法可以解决审计一个网站的庞大项目。我决定把它分为三类：设计、游客体验和隐藏。在这篇文章中，我将介绍设计和访客体验组件。设计：保持一致你的网站是你商店的中心。它应该看起来像是精心设计的。它还应该吸引购物者不仅购买你的产品，而且购买你品牌的一部分。试想一下，大数据发展前景，如果你去了一个有六种不同字体、没有配色方案的网站，你可能会对插入信用卡信息有点怀疑。好的设计=信任。通过审核网站的以下设计元素，保持设计的一致性：字体你的网站使用的字体是否一致？浏览每一页，检查字体在页眉、正文、页脚和其他元素之间的使用方式是否相同。标题应该使用相同的字体、重量和大小。大多数品牌应使用2或3种字体。 颜色在审核站点颜色时，请注意以下常见错误：颜色太多了。经验法则是2-5种颜色文本与背景图像或颜色对比度不够的样式：对于常见元素，坚持使用相同的样式没有下划线或使用不同颜色的链接辅助CTA始终是超链接，而不是文本声音和音调如果摩根·弗里曼和桑德拉·布洛克一直以叙述者的身份断断续续，云服务器哪个好，那么一部电影会很不和谐。你的网站也是如此。你的网站应该感觉像是一个人在讲述。检查可视层次结构最重要的是用位置、大小、形状、重量和/或颜色选择来表示。 让我们来看看这两个网上花店，视觉层次如何影响你作为购物者的感受？这个例子来自温斯顿弗劳尔斯，是一个平静和平衡的购物体验，或多或少有一个主要的行动呼吁：立即购买冬季系列。这个来自FTD的例子有一个侧栏，它与hero图像争夺注意力，还有一个对比鲜明的导航栏（与侧栏重复）和其他三个功能。作为一个购物者，我马上就被众多的选择所淹没。虽然一个网站应该坚持2-5种颜色，但在所有的花中重复使用相同的颜色给我的印象是，如果我不寻找一个温暖的颜色调色板的鲜花，我将失去运气与FTD购物。产品照片：模糊的产品照片瞬间削弱品牌信任。使您的所有产品照片高分辨率和正确的格式产品描述：如果可能，不要使用制造商的描述。这会导致重复的内容，这对搜索引擎优化不利创建视觉风格和品牌语音指南花点时间来创建一个视觉风格和品牌语音指南是一个明智的主意。有了这些文档，你就可以花更少的时间解释和纠正那些接触你网站的承包商或新员工。对于视觉样式指南，包括必要的信息，如调色板（带有所有相应的颜色代码）、字体使用指南，甚至是不应执行的操作示例。这本来自Canva的风格指南会让你走上正确的道路。访客体验：可用性去购物中心糟透了。这是一次可怕的经历。游客们四处游荡，饥肠辘辘，物联网公司，迷茫不安，最后常常被闪闪发光的购物中心地图盯得目瞪口呆。不要让你的电子商务网站模仿这种体验。通过执行以下审核，改善您的访客体验：明确的行动要求你想让访问者在每一页上做什么都清楚吗？如果有多个要求采取行动的呼吁，你很可能会向访问者发出混杂的信号。这个想法遵循了被称为希克定律的设计理论：选择越多，人们无所作为的可能性就越大。改进弹出窗口弹出窗口是对访问者的干扰，软件企业条件，请确保您的弹出窗口是值得的！弹出窗口是一种自动的负面体验。通过关注你的创意，你可以把一些消极的事情变成一种中性或积极的体验。所有弹出窗口都应该易于关闭适时，每次网络会话限制为1次一个调查、聊天邀请和弹出窗口一下子出现太多了。使用一个。简化您的网站结账体验购物车体验与网站其他部分不一致，很容易让购物者失去信心。复古灵感的处方眼镜店，Warby Parker，是一个流线型结账体验的好例子。有客人结账的选择。这样你就不必让用户"思考"下一步需要做什么。自动填充您已有的信息。在这个例子中，我曾经和沃比·帕克一起购物。他们预先填写我的邮寄地址、帐单信息和处方。整个体验是无缝的，对沃比帕克品牌感觉。购物车常见错误不要让分心，物联网开发，错误信息或不必要的行为，放慢速度，或者更糟的是，结束访问者在你的网站上的体验。除非你有一个适用的交叉销售（想想电子设备的电池），不要在结账页面用其他优惠、产品或折扣分散别人的注意力。让他们买吧！ 网络用户参与度  为什么每个电子商务商店都应该使用网络跟踪  4种类型的电子邮件，在假期转换最好 .yuzo_相关的图片{宽度：260px！重要的；高度：250px！重要；}.yuzo_相关的帖子。related thumb{行-高度：16px；背景: !重要；颜色：！重要；}.yuzo_相关的帖子atedthumb:悬停{背景：ffffff！重要信息；-webkit变换：背景0.2s线性；-moz变换：背景0.2s线性；-o-变换：背景0.2s线性；变换：背景0.2s线性；；颜色：！重要；}.yuzo_相关的帖子。related thumb a{颜色：#323b43！重要；}.yuzo_相关的帖子。relatedthumb a:悬停{color:}！重要；}.yuzo_相关的帖子atedthumb：悬停{颜色：！重要；}.yuzo_相关的帖子。yuzo_文本{颜色：！重要；}.yuzo_相关的帖子atedthumb：悬停。yuzo逯文本{颜色：！重要；}.yuzo_相关的帖子。relatedthumb{margin:0px 0px 0px 0px；填充：5px 5px 5px；}jQuery（document）.ready（函数（$）{//jQuery（'.yuzo_related_post'）.equalizer（{overflow:'relatedthumb'}）；jQuery（'.yuzo_related_post.yuzo_wrapps'）.equalizer（{columns:'>div}）；})返回博客主页