上海UI培训
达内上海外滩中心

15026646813

热门课程

如何设计优秀的弹出框,才能给用户适当的操作指示

  • 时间:2017-10-30 09:59
  • 发布:上海UI培训
  • 来源:达内新闻

做项目的时候,使用弹出框可以给用户适当的操作引导,用户对这个功能不了解,跳出的弹出框可以给用户展示功能说明。但是在设计作品中会有表单,文字,插画等许多不一样的内容出现,弹出框的样式不统一就会破坏设计的一致性。

在设计项目中,改什么时候使用弹出框才能给设计加分呢?设计优秀的弹出框需要遵循怎样的原则?【上海ui培训机构】达内小编带你总结。

<a style='color:blue' href='http://sh.ui.tedu.cn'>上海UI培训</a>班

1,候使用弹出框的时间

要是不了解弹出框使用时机,就会让设计项目出现混乱。弹出框会打断用户当前的操作流程,属于比较强势的干扰行为。而设计的包容性很强,弹出框可以完成的功能其实可以通过其他设计元素来代替。我们来看下那些弹出框的替代者们:

2,弹出框与开屏广告

目前市场设计产品来说,当app进行版本更新或者有新的功能(产品)上线的时候,通常会使用弹出框来提醒用户。上海ui培训班小编提醒大家,开屏广告完全可以替代弹出框,而且开屏广告因为空间更大,可以更好的完成宣传功能。

3,弹出框与切换页面

我们比较常见的详情展示页面,这类页面可以通过弹出框也可以通过加载一个新的页面来承载信息。从用户体验的连贯性来说,用弹出框更好些。因为使用弹出框用户还可以停留在当前页面,页面内容不会被刷新。而且弹出框打开速度更快,反应更及时,更容易受到用户的青睐。

经过实验,达内分校,【上海ui培训班】小编了解到,弹出框可以承载的信息量是有限的,如果信息过多导致用户还要在弹出框上滑动才能看完,那么还是以一个新的页面来展现更合适。

上海UI培训班

4,弹出框与toast

通常我们使用的弹出框,一个主要功能就是反馈。有的反馈使用toast来表现更加合适,因为toast属于一种轻量级的反馈方式,一般出现1-2秒后会自行消失。而且toast与弹出框相比对界面的遮挡很少,不会对用户的当前操作产生很大的干扰。上海ui培训小编告诉大家,Toast可以出现在页面中任何位置,能够给用户更具有指向型的提示,弹出框却不能做到。

在项目设计时,什么时候使用弹出框,是否使用弹出框,取决于你要给用户展示的信息,如果信息非常重要,再使用。例如你在手机上买了一张演唱会票,支付失败的结果如果用toast展示就会容易被用户忽视。那么等到用户到了电影院才发现自己购买失败,那么用户极有可能当场卸载你的产品,而弹出窗就可以让用户第一时间注意到。所以,重要的信息优先考虑使用弹出框。

如何使用弹出框才可以避免设计混乱呢?这里上海达内ui培训小编总结几点,给大家参考。

弹出框设计原则一:避免文字密集

弹出框的另一个主要功能就是用户引导,我们都知道用户引导本质上就是让用户更好的了解产品。如果想解释一个事物,最有力的武器就是文字,但是我们不能过度依赖文字。

对于用户来说,他们希望在短时间内就可以了解整个引导的要告知用户的内容,并不喜欢枯燥乏味的文字。这个就意味着我们要减少文字的使用,或者说要精简文字。因为人类对于文字的阅读速度要远低于对于图像的“阅读速度”。我们在给用户文字提示的时候一定要记住搭配其他的视觉元素。

例如,用户在第一次使用该功能时,引导弹出框中我们会加入一些手势、箭头,使得引导更具有指向型。还有的弹出框引导会增加一些插画,整个页面风格变的活泼起来,刺激了用户的阅读欲望。

上海UI培训

弹出框设计原则二:用户群和使用场景相结合

上海ui培训小编温馨提醒:不同年龄对设计的欣赏角度不一样,设计师在进行弹出框设计过程中,要考虑目标用户群和使用场景。如果你的用户大多数年龄都比较大,那么弹出框采用浅色背景可能更加合适,因为内容更加的直观。而年轻用户更倾向于深色背景的弹出框,因为更加自然和时尚。我们可以准确的定位到目标用户群为儿童用户,那么我们在弹出框背景上添加一些插画元素。

使用场景涵盖的范围比较广,包括使用的时间,使用时的网络状态,心理状态和使用设备。这些都是我们在进行弹出框设计的时候需要考虑的问题。

小编总结:设计是一个越学越有深度的行业。在我们思考到更多关于设计的元素与方法时,一定要平衡不同设计方案之间利弊。独立思考的习惯和态度是合格设计师的基本素养,即使这个过程存在许多纠结,但最后我们得出的方案,肯定的表现出这段思考过程的深度,无论不被看好还是被褒奖,都是我们设计的成长。设计的思考过程比结果更重要。

学习使我们处于不败之地,IT学习更能让我们适应互联网+大数据时代的高速发展,上海达内带你一同走进魔都的高薪阶层,做更有价值的事。【上海达内ui培训机构】

扫码获取免费学习机会

上海达内UI培训机构

上一篇:想要界面设计基础扎实:牢记8条ui设计准则
下一篇:Ui必学知识:实现完美的界面文字排版设计

上海UI培训课程有哪些?UI设计培训课程需要学什么?

上海哪家UI培训机构好?

上海UI培训靠谱吗?

上海如何快速学习ui设计?

选择城市和中心
贵州省

广西省

海南省

免费学习5天VIP课程