说句心里话,这5种常见的设计模式还是挺闹心的

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


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

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

1、弹出框

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

2、社交媒体聚合

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

3、预加载页面

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

4、超大的导航菜单

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

5、无限滚动

说句心里话,这5种常见的设计模式还是挺闹心的

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

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

结语

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

 

原文作者:NICK HILEY

原文地址:webdesignerdepot

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21303/

(0)
CatherineCatherine
上一篇 2017-04-28 01:24
下一篇 2017-04-28 03:38

相关推荐

  • 如何设计一份专业且有价值的交互规范

    很多设计团队都会有一套比较成熟完整的交互规范,好的交互规范能够保证设计的一致性,减少沟通和开发成本,提升效率。由于笔者是设计手机系统和App相关的,所以简单的和大家聊下如何设计交互规范。

    2017-05-11
  • 超实用的格式塔原理小科普

    在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。

    2017-06-02
  • 按钮的优先级选取与用户体验最佳实践

    通常带有明确指向性和说明的标签(按钮内容,文本)会比通用的“OK”或者“确定”要更好。
    尽可能使用动词,而不是OK,因为前者意义会更明确,用户不会断章取义从而作出错误的选择。

    OK/[Do it]/Yes
    [Don’t do it]/No
    Cancel

    2017-05-23
  • APP UI动效设计中六个基本原则与最高原则

    app动效设计,现在已是各位APP设计师学习和临摹的方向。大家也会收集一些好看的APP动效设计作品。学习app动效设计,不是盲目的让界面动起来那么简单,一定不能滥用。要学会克制。

    2017-05-14
  • 3D Touch 会为 iOS APP 的交互和界面带来什么变化?

    知乎最新关于3D Touch的讨论 仪思奇,爱好摄影的软件工程师的回答 从官方的应用案例来看,有三个特点: 可以Press的元素一定可以Tap。 触发的界面大多是隐藏式的。 触发的功能大多是非刚性的。 第一点很好理解,因…

    交互设计 2015-09-14
  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • 2016年网页设计趋势:卡片式设计如何在占尽优势?

    在现实生活在,视觉信息总是很吸引人的眼球,卡片设计的应用不仅仅只是一种趋势。

    2017-05-26
  • 真实案例:如何量化生活服务中的用户体验?

    能把用户体验量化起来么?这算是做好优化用户体验行为的一个前提吧。如果我们能把某件事物的用户体验量化起来,就有了尺度和标杆,这样就能更好的优化UED活动。碰巧最近我碰到了一个同类服务的不同体验,在五家银行更新证件有效期,就以此为例子来分享下我个人对用户体验的量化见解。

    2017-05-26
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 聊聊Axure RP 8 的动态面板(文末赠书)

    点击上方“蓝字”关注本公众号《Axure RP 8入门手册》本书的写作初衷是面向初学者,由浅至深地引导读者学习Axure RP 8.0的使用方法,从而实现最终的学习目标。本书不但适合初学者学习,在知识结构与案例的安排上,也非常适合工作中的查阅与参考。初学者只需要按照从前至后的顺序进行学习,就能够迅速、全面地掌握原型开发技能。具备一定原型开发基础的读者,也能够在本书的大量案例之中,获得各种实战的参考。书中的案例均为网站或App中采用的一些...

    2018-04-09