网站建设几个实用的UI设计技巧

没有人想要制造不好的设计，但它始终在发生。虽然糟糕的设计原因各不相同，但最终的结果却是相同的糟糕的用户体验。

糟糕的用户体验挫败了用户，并常常导致放弃该产品。在本文中，我将重点介绍使用UI技术导致糟糕用户体验的糟糕设计的一个特定方面。

1. Pop-Ups

如果我要求您在网络上命名一件最令人恼火的事情，那么您可能会回复“弹出式窗口”。根据NN Group弹出窗口是有史以来最令人讨厌的网页体验。

我们都知道这种感觉。你访问一个新的网站，网页上的内容似乎很有趣。你开始阅读它，当你在文本的一半时，你突然被一个巨大的覆盖层打断，要求你订阅一个通讯或给你提供一些东西。在大多数情况下，您的直接反应是关闭覆盖层或关闭整个页面，覆盖层以及它。

Esquire网站上使用的叠加层。

很显然为什么这么多网站使用这种技术：广告商支付给他们。但是，弹出式技术太具有破坏性，并且对访问者造成巨大的负面影响。每当你显示一个弹出窗口时，你都要求用户停止做他们想做的事（对他们来说重要的事情），并把注意力集中在你想让他们做什么（对你很重要）。这种行为通常会提高跳出率并不奇怪。

可以使用弹出窗口而不会让访客烦躁。只需遵循一个简单的规则 – 在正确的时间触发一个弹出窗口。例如，允许用户在显示弹出窗口之前完成当前活动（例如，到达页面的末尾）会更好。一旦用户有更多时间了解你（你的品牌和你的产品），他们愿意做你想做的事情的机会就会增加。

另一个重要组件是您弹出窗口中的实际消息。你需要写一个伟大的副本。副本不应该是侮辱，欺骗或混淆。等等，为什么要更进一步，将幽默融入他们的文本中：

当访问者从Waitbutwhy 读取副本时，它会让他们微笑。

值得一提的是，还有许多不那么突出的工具，例如滑入式栏杆，它们并不覆盖整个页面，并且在转换方面会产生类似的结果。

2.无限滚动

无限滚动是一种技术，允许用户滚动浏览大量信息，而不会看到终点线。用户向下滚动时，页面只是保持清爽。该技术在移动设备时代开始流行（滚动比点击小屏幕更舒适）。乍一看，这项技术对于许多问题来说是一个完美的解决方案 – 它需要较少的工作量，并尽可能简化内容理解（所有用户需要做的就是滚动）。但是，对于每个网站或应用程序来说，这不是一个通用的解决方案。

该技术的主要缺点也是它的主要优势：看不到终点线。当用户到达流中的某个点时，他们不能为他们的位置添加书签并在稍后再回来（注意，我的意思是位置，而不是某个项目）。因此，如果他们离开网站（例如，从一个设备移动到另一个设备），他们将失去所有进度，并且必须再次向下滚动才能返回相同的位置。无法确定滚动位置常常会使用户恼火，并伤害整体用户体验。

2012年，Etsy是一家专注于手工制作或复古项目的电子商务网站，他们尝试为其产品页面设计布局。他们实现了一个无限的滚动界面，发现新界面的表现不如以前的分页版本。尽管大量采购保持不变，但用户参与度下降。

Etsy的例子告诉我们什么？它告诉我们，在每一个设计决定中，我们都应该权衡利弊，然后再将其纳入我们的设计。说到无限滚动，对于像Twitter / Instagram这样的用户来说，如果用户乐于浏览无尽的数据流而不寻找任何特别的东西，它就可以很好地工作。

3.推送通知

您是否曾经关注过从各种应用每天收到的通知数量？你真的关心多少个这样的通知？我猜不是太多。

每天，我们都受到无用的通知轰炸，这些通知会让我们分心，从而无法执行我们的工作。他们烦扰我们。

每次发布任何节目的新剧集时，流式传输服务都会向每个用户发送通知。

事实上，恼人的通知是人们卸载移动应用程序的首要原因（根据71％的受访者）。

推送通知是一个强大的工具，但与其他工具一样，它可以用于善或恶。当用户开始使用您的应用程序时，只要通知具有实际价值，他们就不会介意收到通知。设计通知对您的用户有用，相关且及时是至关重要的。个性化内容是优秀用户体验的关键。当您在正确的时间向正确的人传递正确的信息时，您的推送通知就成为一个强有力的触发器，动员他采取行动。

Netflix在接收个人信息时做了很好的个性化处理。

4.滚动劫持

被劫持的滚动是许多用户最烦人的事情之一，因为它将控制权从他们身上移开，并使滚动行为完全不可预知。在设计网站时，大多数情况下最好避免滚动劫持，让用户控制浏览和移动网站。但在极少数情况下，滚动劫持对您的用户来说可能工作正常。例如，Tumblr在他们的主页上使用这种技术以块形式呈现信息。

Tumblr使用滚动劫持来提供大块内容。

结论

值得一提的是，本文提到的所有技术本身都不错。用户只有在设计师盲目合并它们时才讨厌它们。您的网站或应用程序中的每种技术或模式都应智能地使用，并且要适度。