网页设计--销售风格!
本周我在JavaScript LifeStyles播客中提到，Jesse Medrano和我已经开始组建一家名为New Evolution Digital的网络机构。这并不是偶然的。首先，找到与你合作愉快的人一起工作，这一点超乎寻常的重要。其次，我们两人都有销售背景，这为网络开发提供了一个独特的过程，与大多数人所谓的经典网络开发不同。
在某种程度上，我们是从后方而不是正面来进行开发的。当然，了解客户的需求永远是关键。但是，客户需要什么来实现他们的目标则更为重要。有时，这可能会更有战斗力，但这是有道理的。有时，撕掉创可贴会很疼。
我们到目前为止所建立的所有冷门线索都必须有重大改变，以使它们在合理的水平上发挥作用。现实情况是，有一大堆临时性的网站在某种程度上发挥了作用，但现实情况是，它们需要大修，以成功实现它们真正的目的。这就是我的目的。我想把它提高一个档次。我想把这些破旧的网站，变成一个销售的动力，让最终用户在使用后可以说 "哇！"。
那么，这看起来像什么呢？衡量标准。数字。硬证据。这里面有很多东西，虽然我可以谈论其中的一些，但我不能把多年的销售经验打包给别人来消费。
首先，找到合适的客户。通常，我的目标是与我所在地区的客户接触，只是因为我是老派的销售，喜欢与人坐下来，在1：1的基础上沟通。他们的网站会有问题。这可能是他们正在使用像Wix或Squarespace这样的网站建设者，也可能是他们有一个明显过时的网站，回到了21世纪初。
第二，在与潜在客户见面或沟通之前，我花时间生成一份报告。这份报告实际上是一些不同报告的组合，给我提供各种指标。这里是关键。
- 性能
- WCAG（可访问性
- 安全性
这些是我要讨论的前三个主题。特别是如何利用增长来促进更好的有机增长。这与经验和设计相结合，在涉及到一个网站时，将失误变成了成功。
我无法告诉你有多少网站没有使用H1-h6标签的正确规则。有多少网站没有使用语义化的HTML，或者有多少网站是臃肿的，他们应该是这样的。
这里有一些必须要谈的主要内容。
- 加载时间
这一点愚蠢地重要。你的客户应该在几毫秒内进入并使用你的网站。如果超过这个时间，你就会有很多人从你的网站上跳走，因为他们根本不想浪费时间。我们是一种文化，是即时满足的一代，如果你的网站不能跟上，那么你就失去了客户。这是谁的错呢？网站所有者。他们有能力确保他们的网站在所有的气缸上燃烧。
尽量减少这种情况的一个快速途径是使用SPA，如React.js应用程序或Next.js应用程序（如果有后台，技术上来说Next更好，因为你可以利用服务器端的渲染......)
- 可访问性
"越来越明显的是，主要的搜索引擎，如谷歌，正在推广网络无障碍技术的SEO优势。看看几个月前发生的事情，谷歌推出了Lighthouse，这是一个开源的、自动的可访问性工具，供网页开发人员提高网页质量。这个工具虽然不是唯一的，很多都在那里。然而，值得注意的是，Lighthouse与谷歌的 "网络开发者工具"一起，是一个已经在测试网站和应用程序性能的俘获者。
回顾过去，我们可以看到网站的可访问性与搜索引擎优化（SEO）的基本要素有很大关系。几乎无一例外，谷歌将元数据、内容、视觉设计和开发中包含无障碍技术的网站在有机搜索中排名更好。为什么？搜索引擎爬虫看不到也听不到，他们只使用键盘，与许多残疾人类似。而且，爬虫依靠内容来评估，确定相关性，并对网站进行排名，而不是图像、音频或视频（尚未）。虽然这有利于视力、听力和运动技能受限的人，但它也可以帮助有认知障碍的网站访问者，如阅读障碍和英语作为第二语言（ESL）。"
源头
如果你能熟练地进行测试，这是有意义的，因为这类爬虫几乎只是在测试你的网站，看你是否有关键的组成部分。因此，如果你的网站没有语义HTML、Aria Roles、Alt标签以及其他关键的可访问性标签和结构，那么你基本上从一开始就失败了。具有讽刺意味的是，如果你只是把它纳入你的建设过程中，检查以确保每一个元素都被错误地锁定，那就不是你将来要弄清楚的事情了。你可能会注意到，即使是这些文章，几乎都有一个Alt标签。
- 设计
设计在很多方面都是主观的。你会像其他数以百万计的人一样有几乎相同的想法，但你如何实现它们，以什么样的顺序，会有很大的不同。例如，我喜欢关注点击次数，让我的客户达到我希望的程度。如果我想让客户买东西，我希望他们能在我的登陆页面上接触到商品。我希望他们能够加载并开始看到我在销售产品。如果我卖的是服务，我希望有一个联系表格，并能在我的主页上方便地安排见面的时间。具有讽刺意味的是，我的下一个项目将是为我们自己的预订组件编码，以更好地满足我们的需求。如果你想要一个预制的选项，请认真看看calendly。就其本身而言，它做得很好。
现在，安全是很明显的。你需要确保你不会为跨网站攻击和拥有私人数据等事情打开局面。我完全建议你在你的工作流程中添加像0Auth这样的东西，而不是保护用户名和密码，在你的网站上添加像Stripe这样的支付处理器来处理信用卡号码也是如此。然后，如果出现漏洞，你就可以依靠数十亿美元的基础设施来保护客户和顾客的数据。与密码和信用卡号码所造成的损害相比，地址和电话号码的暴露算不了什么。
这是一个冷酷的事实，我们中的大多数人没有资源来完全充实一个安全的认证和支付系统。我们可以拥有数据，并尽我们所能，但在一天结束时，拥有加密和安全的数据管道需要花费金钱和资源，而大多数客户并不愿意支付，或者根本没有资源来这样做。
现在，让我们明确一下。我没有给出任何大多数人已经知道的信息，如果你开发网站。因此，让我们来谈谈利用销售的专业知识，使之更上一层楼。所有这些都将落入UI/UX设计选择的领域。
- 行动呼吁
你在要求你的客户做什么？你的信息是否清晰简明？它是否引起了正确的反应，或者说它是压倒性的？
- 点击率到主要内容
需要多少次点击才能让客户到达你赚钱的地方？是不是超过5次？这在大多数情况下是太多了（主观的）。把每次点击看作是一秒钟。我们希望在1-2秒内让客户到达我们想要的地方，因为我们想让他们感觉到他们得到了即时的满足。
- 联系
是否有一种快速的方式来联系你？你是否使用Mailto和tel链接？你是否在战略性的地方设置了联系表格，以确保你的客户感觉到你是愿意与他们交谈的？
- 电子商务
顾客要花多长时间才能结账？从找到一个商品到获得订单确认需要多少次点击？10 -15?这真是太可怕了。仔细看看你的搜索是如何工作的，你是否在他们搜索时重新渲染你的发明者，使他们甚至不需要点击搜索按钮？你可以考虑一下。
我在无线和汽车销售领域工作了很多年，它们之间有一个共同的关键组成部分。产品安置。转移库存，并确保你把你最好的一面展示给你的客户。一个网站也不例外。它是你在互联网上的脸，如果你留着蓬松的胡子，看起来像一年没洗澡，你是不会被雇用的。如果你穿着得体，看起来平易近人，你就会得到一个客户，如果你做得很好，你就会用一个惊人的客户体验让他们大吃一惊。
新的Evolution Digital Blue标志
谢谢您的阅读，请继续关注New Evolution Digital的更多信息。
关于JavaScript LifeStyles Podcast的更多信息，请查看这个页面！。
JavaScript LifeStyles Podcast的收听地点。这里!
网页设计--销售风格！最初发表于Nerd For Techon Medium，在那里人们通过强调和回应这个故事来继续对话。
