大概2016年美国大选最有趣的地方就是两位竞选者——唐纳德·特朗普（Donald Trump，以下简称川普）和希拉里·克林顿（Hilary Clinton，以下简称希拉里），以及他们的支持者之间的精彩对决了。这也许是今年最热门的讨论，不过对于他们各自的网站和 UX 设计的讨论却门可罗雀，所以我们今天就来聊一聊这个话题。
你浏览过他们的网站了吗？当你把两个都看过以后就会有很多有趣的发现。
1. 川普的网站
https://www.donaldjtrump.com/
2. 希拉里的网站
https://www.hillaryclinton.com/
让我们来看一下这两个网站的结构：
所以就像我们观察到的那样，它们都有一个相似的结构：
当你访问网站时，都能看见一幅巨大的人物照片
之后紧跟着的是非常明显的号召按钮——「加入」和「捐款」
接下来是新闻和视频
我打算做的是，带你浏览完整的网站，并且探索哪些板块或者元素是有效的，哪些是多余的。我会用热点图和其他 UX 的观点来支持这个结论。
注：以下所采用的图片、文案，均为当时的网站内容。网站的首页文案和图片之后有改动。
启动画面
在访客进入网站首页前，希拉里用了一个启动画面来了解你是否与她想的一致——「我们需要打破美国的种族、性别和性取向的障碍，你同意吗？」这么做是为了引导人们加入志愿者行列。
在决定是否要参与志愿之前，其实不太容易看到整个网站。因为实际上这并不是一个启动画面，而是一个全屏透明的深蓝色背景的叠加。
川普则没有做这样的叠加来「愉快地」把网站上的用户转移。
根据在这两个网站原型上跑的试验，很明显人们更想先看到整个网站，而不是决定他们是不是要当志愿者。所以就像你可以在热力图记录下来的一样，人们点击「继续前往网站」按钮的比「同意」按钮更多。
着陆页
川普的网站用了一张宽幅的他自己的微笑来欢迎访客。以及他说过的一句话——「让美国再次变好」，经过排版后放在了照片的旁边。
川普将着陆页上的导航栏分为了主要和次要的。在主要的导航栏上，最突出的标签是「捐款」按钮。在窄一点的次要导航栏里有「新闻」、「日程」、「关于」和「知识库」。然而，把「关于」标签放在次要的导航里其实不是一个很明智的选择。
根据对这两个网站原型运行的试验，可以明确的是，人们更有兴趣去阅读网站上「关于」的部分，从而了解这个候选人。
希拉里的网站也用了一张宽幅的她与美国公民的照片来欢迎访客。与支持者们联系在一起，这毋庸置疑让她有了些优势。
与川普相似的是，希拉里也强调了号召按钮——「加入」和「捐款」。不同的地方在于导航栏，她把所有的导航都放在同一栏里。没有次要的导航栏。
我们来看一下两个网站所使用的文本的区别，以及哪一个在我们的试验中表现更好。
这清楚地显示了，比起「参与」这种说法，用户们更喜欢「志愿者」这个词。或许因为后者更具直观的意图。
固定的 Header 加上随时可用的导航
从 UX 的角度，这两个网站有很大的区别：
希拉里的网站在顶部有一个固定的导航栏，可以让用户们在任何页面都可以导航到其他页面。
而另一方面，川普的网站则没有这个固定的导航，所以用户们想要导航到别的页面时就不得不滚动到页面最上方。
总结
希拉里的网站设计很漂亮也很精致，采用了扁平的设计元素和柔软的颜色；川普的网站则是用了美国星条旗颜色的粗犷的风格。希拉里选择了比较现代的印刷体，而川普则偏爱传统的字体。差异产生美！以及当我们在谈论两个网站的差异时，其实也是在谈论美国的总统候选人的差异。
A/B测试适用于商业、政治等领域中，选择AppAdhoc A/B Testing，帮你更加专业、快捷的实现A/B测试驱动的产品优化。
