UI设计

这5种UI设计模式让多少人闹心了

2018-01-26  本文已影响40人  17d6a0e77827

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

1、弹出框

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

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

2、社交媒体聚合

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

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

3、预加载页面

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

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

4、超大的导航菜单

大型的导航菜单对于包含大量不同子页面的网站而言,似乎是一个很好的解决方案,然而实际情况并非如此。超大的导航菜单对于绝大多数的普通用户而言,看起来更像是迷宫,尤其是当他们要找的内容是其中的一个并不显眼的小分类。这种看似足以满足全部用户的需求,实则让全部用户都觉得不那么爽的解决方案,其实算不得体验优秀。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

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

5、无限滚动

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

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

感谢你的阅读

还有什么实用技巧,可以在下方进行评论! 我会一一进行整理,然后继续更新。

更多往期内容,可以翻看我以前发的文章,希望对大家有用!

我怕找不到了,怎么办

先收藏,如果收藏完还怕忘记放哪的,可以转发去自己手机上保存,这样子就能方便查阅了。

想系统学习我们的UI设计全能班课程的同学请点击下面》如何正确学习UI设计

如何正确学习UI设计

更多精彩:

零基础学习UI,如何4个月入职互联网公司?

你们会教到什么软件呢?

我们的课程中主要会讲到 4 款软件,

分别是 Photoshop,Illustrator,After Effects,Axure RP 8。

简称,PS,AI,AE,ARP 软件。

PS 主要用于制作 UI 设计中界面和图标设计,也可以对 UI 中的一些广告页进行设计。

AI 主要用于制作 UI 设计中的图标设计,也可以对 UI 中的一些引导页的插画图进行设计。

AE 主要用于制作 UI 设计中的交互动效,在现今的 UI 产品中很多都是需要用动效的。

ARP 主要用于制作 UI 设计中的原型图,线框图,流程图的设计。

上一篇下一篇

猜你喜欢

热点阅读