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

没有人想要制造不好的设计,但它始终在发生。虽然糟糕的设计原因各不相同,但最终的结果却是相同的糟糕的用户体验。 糟糕的用户体验挫败了用户,并常常导致放弃该产品。在本文中,我将重点介绍使用UI技术导致糟糕用户体验的糟糕设计的一个特定方面。 1. Pop-Ups 如果我要求您在网络上命名一件最令人恼火的事情,那么您可能会回复“弹出式窗口”。根据NN Group弹出窗口是有史以来最令人讨厌的网页体验。 我们都知道这种感觉。你访问一个新的网站,网页上的内容似乎很有趣。你开始阅读它,当你在文本的一半时,你突然被一个巨大的覆盖层打断,要求你订阅一个通讯或给你提供一些东西。在大多数情况下,您的直接反应是关闭覆盖层或关闭整个页面,覆盖层以及它。 Esquire网站上使用的叠加层。 很显然为什么这么多网站使用这种技术:广告商支付给他们。但是,弹出式技术太具有破坏性,并且对访问者造成巨大的负面影响。每当你显示一个弹出窗口时,你都要求用户停止做他们想做的事(对他们来说重要的事情),并把注意力集中在你想让他们做什么(对你很重要)。这种行为通常会提高跳出率并不奇怪。 可以使用弹出窗口而不会让访客烦躁。只需遵循一个简单的规则 – 在正确的时间触发一个弹出窗口。例如,允许用户在显示弹出窗口之前完成当前活动(例如,到达页面的末尾)会更好。一旦用户有更多时间了解你(你的品牌和你的产品),他们愿意做你想做的事情的机会就会增加。 另一个重要组件是您弹出窗口中的实际消息。你需要写一个伟大的副本。副本不应该是侮辱,欺骗或混淆。等等,为什么要更进一步,将幽默融入他们的文本中: 当访问者从Waitbutwhy 读取副本时,它会让他们微笑。 值得一提的是,还有许多不那么突出的工具,例如滑入式栏杆,它们并不覆盖整个页面,并且在转换方面会产生类似的结果。 2.无限滚动 无限滚动是一种技术,允许用户滚动浏览大量信息,而不会看到终点线。用户向下滚动时,页面只是保持清爽。该技术在移动设备时代开始流行(滚动比点击小屏幕更舒适)。乍一看,这项技术对于许多问题来说是一个完美的解决方案 – 它需要较少的工作量,并尽可能简化内容理解(所有用户需要做的就是滚动)。但是,对于每个网站或应用程序来说,这不是一个通用的解决方案。 该技术的主要缺点也是它的主要优势:看不到终点线。当用户到达流中的某个点时,他们不能为他们的位置添加书签并在稍后再回来(注意,我的意思是位置,而不是某个项目)。因此,如果他们离开网站(例如,从一个设备移动到另一个设备),他们将失去所有进度,并且必须再次向下滚动才能返回相同的位置。无法确定滚动位置常常会使用户恼火,并伤害整体用户体验。 2012年,Etsy是一家专注于手工制作或复古项目的电子商务网站,他们尝试为其产品页面设计布局。他们实现了一个无限的滚动界面,发现新界面的表现不如以前的分页版本。尽管大量采购保持不变,但用户参与度下降。 Etsy的例子告诉我们什么?它告诉我们,在每一个设计决定中,我们都应该权衡利弊,然后再将其纳入我们的设计。说到无限滚动,对于像Twitter / Instagram这样的用户来说,如果用户乐于浏览无尽的数据流而不寻找任何特别的东西,它就可以很好地工作。 3.推送通知 您是否曾经关注过从各种应用每天收到的通知数量?你真的关心多少个这样的通知?我猜不是太多。 每天,我们都受到无用的通知轰炸,这些通知会让我们分心,从而无法执行我们的工作。他们烦扰我们。 每次发布任何节目的新剧集时,流式传输服务都会向每个用户发送通知。 事实上,恼人的通知是人们卸载移动应用程序的首要原因(根据71%的受访者)。 推送通知是一个强大的工具,但与其他工具一样,它可以用于善或恶。当用户开始使用您的应用程序时,只要通知具有实际价值,他们就不会介意收到通知。设计通知对您的用户有用,相关且及时是至关重要的。个性化内容是优秀用户体验的关键。当您在正确的时间向正确的人传递正确的信息时,您的推送通知就成为一个强有力的触发器,动员他采取行动。 Netflix在接收个人信息时做了很好的个性化处理。 4.滚动劫持 被劫持的滚动是许多用户最烦人的事情之一,因为它将控制权从他们身上移开,并使滚动行为完全不可预知。在设计网站时,大多数情况下最好避免滚动劫持,让用户控制浏览和移动网站。但在极少数情况下,滚动劫持对您的用户来说可能工作正常。例如,Tumblr在他们的主页上使用这种技术以块形式呈现信息。 Tumblr使用滚动劫持来提供大块内容。 结论 值得一提的是,本文提到的所有技术本身都不错。用户只有在设计师盲目合并它们时才讨厌它们。您的网站或应用程序中的每种技术或模式都应智能地使用,并且要适度。

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 网站建设几个实用的UI设计技巧
分享到:
赞(0)
广告位820*80