5种常见的网页用户体验设计模式

针对常见的需求或者问题，设计师常常会使用现有的、成型的解决方案，这也就是我们常说的用户体验设计模式。这些模式化的设计套路之所以为广大设计师所喜爱，很大程度上是因为它们具备有良好的可用性和可访问性，在转化率和用户留存率上有着不错的数据表现。但是，这些通过数据来体现的设计模式，在用户的视角里，可能并不那么理想，甚至是非常恼人的存在。

作为用户体验设计师，有意识地获取用户反馈，并重新审视已有和已用的设计模式，进行合理的修改、调整，才能够让自己的产品和用户都从中受益。

1、弹出框

用户体验设计中，打断进行中的用户体验是一项大忌。而许多网站直到现在，依然在使用令人头疼的弹出框。试想，刚刚打开网站或者正在阅读网站内容的时候，阅读的内容被弹出框所打断这是多么令人头疼的一件事情!无论弹出的提醒、广告、邮件订阅框还是免费福利，这种设计模式始终还是从体验上将用户向外推。

相反，良好的用户体验设计常常会让用户来做选择，让用户在获取内容之前，阅读并其进行了解然后再做决策。相应的替代方案有很多种，可以是在内容阅读完成之后再提供一个微妙的弹出框，或者以其他的方式做信息提醒，又或者是在用户流程中，加入需要提示的内容。

2、社交媒体聚合

作为内容的生产者和网站、APP的所有者而言，让用户分享内容对于整个业务的加成是明显的，它是内容分发的最有效途径。但是，社交媒体分享聚合的小控件应当谨慎而恰当地使用。你花费了几个小时来精心制作的内容，并不单单是为了分享而存在，不要让密密麻麻的社交媒体聚合按钮毁了好不容易得来的好的用户体验。

在社交媒体上分享内容是一个有机的过程，它不应该是一种粗暴的推销的后果，也不应该是强制性的。如果用户的分享体验并不好，那么用户将不会再来主动分享其中的内容。因此，你应该恰当地限制你所提供的媒体分享按钮的数量，并考虑在文章结尾提供更为走心的内容，让用户真心实意地将内容分向到社交媒体上，值得享受的分享过程，才是让用户不停回来的动力。

3、预加载页面

随着技术的进步，我们这一代人越来越躁动，越来越不耐烦。实际上，我们并不想为了一个20M的网页在浏览器前静静坐上1分钟等待加载，因为我们会在这个过程中无数次怀疑这个页面是不是卡住了，并忍受关闭它打开Twitter 或者Google 的冲动。我们也很清楚这样的页面打开了也会是一个无比花哨的设计作品而我们看完之后大概也不会记住多少有用的东西。如果只是为了单纯的美学需求，设计这样的一个网站似乎太过于任性了，如今的网站加载需要的是速度和效率，这符合当前的人性和真实的用户需求。

如果你的网站在加载速度上有问题，首先应该加载页面中较轻的元素，以及整个框架，然后使用加载器将较大和较重的元素逐步填充进去，而不是放一个动画让用户只能盯着它什么都不能做。这样一来，用户就不会觉得页面卡在那儿，而是在逐步加载了。

4、超大的导航菜单

大型的导航菜单对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫，尤其是当他们要找的内容是其中的一个并不显眼的小分类。这种看似足以满足全部用户的需求，实则让全部用户都觉得不那么爽的解决方案，其实算不得体验优秀。

信息分类整合其实是就是为了应对这种情况而存在的，将网站的导航内容规划为不同的大分类，有了层级，用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接，让它看起来不那么枯燥，也不失为一个可取的方案。为了健康，请不要使用下拉菜单，谢谢。

5、无限滚动

无限滚动的出现，终于解决了移动端上查看繁复的分类页的问题。不过与此同时，无限滚动的设计，还为我们创造了不少从未遇到的新问题。举个例子，当你要访问一个重要的页面，而它正好在长滚动页面的底部，撇开加载页面的时间和流量不谈，滚到底部去找就已经是一个很蛋疼的事情了。

就像超大的导航菜单一样，想要让它发挥作用一样有合理的解决方案。将传统的移动端页面和无限滚动两种模式结合起来使用，让用户自己来选择更适合自己的模式，这有助于提升页面的可访问性。

结语

上面所提到的这5中设计模式确实有其恼人的一面，但是它们同样存在特定的优势。在许多设计项目中，在特定的需求之下，它们也可能是好的解决方案。另一反面，学会根据实际的状况来寻求优化的方案，也是设计师应当做到的事情。

网站名称：5种常见的网页用户体验设计模式
本文网址：https://www.cdcxhl.com/news/165939.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有用户体验等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联