>广州教育培训网>广州IT培训>广州网页设计培训>UI设计师懂得5条弹窗设计基本原.. 免费发布网页设计培训信息
广告
热门浏览

UI设计师懂得5条弹窗设计基本原则博客

更新时间:2018-02-01 10:22:02 信息编号:130201053
  • 面议

  • UI课程培训

13244840277 020-85269943

分享

详情介绍

服务项目
UI设计
面向地区

UI设计师懂得5条弹窗设计基本原则博客

当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时,弹窗却会困扰你的用户。学会如何设计弹窗,会帮助你在使用时避免那些可能对用户造成的困扰。
原则1,减少干扰
由于弹窗会中断操作,要尽可能地少使用弹窗。突然出现的弹窗会强迫用户去停止他们当下正在进行的任务,并转而专注于弹窗中的内容。在继续之前,用户要面对这个弹窗,否则将无法对弹窗之下的页面进行操作。当这个用户要确认一个关键的操作时,这就是好的,但是在大部分情况下弹窗是不太有必要的,甚至会引起用户反感。
原则2,弹窗应与现实世界相关连
弹窗应该使用用户的语言(用户熟悉的文字,短语和概念),而不是一些系统特有的专有名词。
表述清晰的问题和选项
在弹窗的内容区域,应该使用一个表述清晰的问题或陈述,例如“清除您的存档?”或“删除您的账户?”总之,应该避免使用含有歉意的、模凌两可的、或者是反问式的语气,如“警告!”“你确定吗?”
左边的弹窗提出了一个很模凌两可的问题,并且这个操作可能影响的范围并不明确;右边的弹窗提出的问题相当明确,它解释了此次操作对用户的影响,并且提供了指向清晰的选项。
尽可能不要给用户提供可能产生混淆的选项,而应该使用那些文意清晰的选项。大部分情况下,用户应该能够只通过弹窗的标题和按钮,就了解他们有哪些选项。
原则3,讲求极简
别试着把太多东西挤在一个弹窗内。要保持干净和简约(遵从KISS原则)。然而极简主义并不意味着被局限住,你提供的所有信息都该是有价值并且与之相关的。
元素与选项的数量
弹窗绝不应该只是部分显示在屏幕上。因此不要使用有滚动控件的弹窗。
原则4,选择适当的弹窗种类
弹窗大致分两个大类。大类为吸引用户关注的模态弹窗,强制用户与之交互后才能继续。模式弹窗通常被用在立、强制的流程中:
当不需要上下文就可以决定怎么做的时候。
需要明确的“接受”或“取消”动作才能关闭。在点击这种弹窗的外部时,它并不会关闭。
当我们不允许此用户的进程处于部分完成状态(即用户完成此进程才可做其他任何的操作)。
第二大类则是非模态弹窗,它允许用户通过点击或轻触周围就可关闭。
种模式弹窗只在特别重要的交互操作时才须使用,(比如:删除帐户,同意协议)。
模态弹窗:用户输入“DELETE”才能确认删除
另外移动系统的弹窗通常是模态的,并且含有如下的基本元素:内容,操作,和标题。
安卓模态弹窗
原则5,视觉一致性
弹窗下的背景
当打开一个弹窗时,后面的页面一定要稍微地变暗。它有两个功能,它把用户的注意力转移到了浮层上,第二它让用户知道后面的这个页面是不再可用的。



本文由广州南跃科技有限公司提供。

相关推荐产品

留言板

  • UI设计UI课程培训
  • 价格商品详情商品参数其它
  • 提交留言即代表同意更多商家联系我
广州南跃科技有限公司为你提供的“UI设计师懂得5条弹窗设计基本原则博客”详细介绍,包括UI课程培训价格、型号、图片、厂家等信息。如有需要,请拨打电话:13244840277。不是你想要的产品?点击发布采购需求,让供应商主动联系你。
“UI设计师懂得5条弹窗设计基本原则博客”信息由发布人自行提供,其真实性、合法性由发布人负责。交易汇款需谨慎,请注意调查核实。