说句心里话,这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

相关推荐

  • 交互设计用户模型建立

    点击信息与交互设计关注我们!Persona交互设计用户模型建立:一、什么是用户模型?Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群。一个persona可以比任何一个真实…

    2017-08-01
  • 页面状态还是组件?到底什么才是交互的中心?

    随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Ma…

    2023-03-03
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(上)

    古老的印第安人有个习惯当他们移动得太快的时候会停下脚步,安营扎寨耐心等待自己的灵魂前来追赶而身为现代人的我们在开启一段旅程前最重要的事情莫过于挑选一家“想客户所想”的旅行社只有这样才能安心这次我们透过四个小故事向你娓娓道来为什么说驴妈妈客服是“极致用户体验”的先行者即便是大家族,也“一个都不能少”王女士来自苏州,今年40多岁,她十分看重亲情,每隔一段时间,就会带上全家出国旅游——由于出身于一个大家族,王女士每次在驴妈妈报团,几乎没有少于...

    2018-04-11
  • [学生看过来]国外的大学交互设计学科的专业与相关分析!

    标签:交互设计专业 交互设计5个重要组成部分 Five Dimensions of Interaction Design。 交互设计Interaction Design 缩写为:IxD,也可以理解成Human-Computer Interaction 人与机器互动设计,旨在通过设计让电子…

    交互设计 2015-01-26
  • 移动APP:2015 UI/UX 趋势,Material design布局未来!

    移动APP:2015 UI/UX 趋势,Material design布局未来! 在国内,移动端的发展远远超过网页,初创公司们想拓展品牌都会首选手机App。那么你知道近期App设计风格的趋势么,想要做出不土、高逼格的App,以下的趋势你是…

    2015-08-04