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

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

2017/07/14 9548评论区

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

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

1、弹出框

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

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

2、社交媒体聚合

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

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

3、预加载页面

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

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

4、超大的导航菜单

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

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

5、无限滚动

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

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

结语

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

【基础牢靠才能搞得定好设计】

  1. 《划重点!在为可穿戴设备设计时这11点超重要!》
  2. 《对比这10个注意事项,你的网页文字排版达标了么?》
  3. 《从这些工具开始,在设计时更科学地搞定配色》
  4. 《讲真,如今的好设计还是离不开数据的支持》
  5. 《想让设计更走心?你得学会用共情来驱动设计》
  6. 《学会插画的这四种玩法,能让你的UI体验更优异》
  7. 《这样做引导,帮你的用户快速熟悉手势交互》
  8. 《悬浮按钮要怎么设计才能带来好体验?》
  9. 《怎样借助故事板做好用户体验设计?》

原文地址:webdesignerdepot
原文作者:NICK HILEY
优设译文:@陈子木

本文由优设网原创,请尊重版权和作者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ux-patterns-that-users-hate

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 产品设计 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里