美文网首页
iOS10人机交互指南之《Popovers》

iOS10人机交互指南之《Popovers》

作者: AllenWang_ | 来源:发表于2017-04-09 19:55 被阅读67次

Popovers(弹出框)

原文链接:http://www.wkr.design/2017/04/06/ios10%E4%BA%BA%E6%9C%BA%E4%BA%A4%E4%BA%92%E6%8C%87%E5%8D%97%E4%B9%8B%E3%80%8Apopovers%E3%80%8B/

Popovers是通过触摸相关控制按钮来触发的、出现在屏幕上方的临时功能框。一般来说popovers包裹一个指向相关按钮的箭头。Popovers被使用在较大的屏幕上,包含各种元件比如导向栏、工具栏、表格、收藏、图片、地图和自定义信息等。当popovers出现时,其他页面交互功能将暂停,直到popovers关闭。通过使用popovers可以展示与页面相关的选项和信息。很多iPad Apps会通过触摸Share按钮来打开包含各种选项的popovers。

在必要的时候,可以使用关闭按钮或者是取消按钮,就像保存退出和不保存退出。通常来说,当popovers不再需要被展示的时候,它会被自动关闭。在大多数案例中,当触摸popovers窗口以外的区域时,或选择任何popovers中的选项后,popovers将被关闭。如果popovers当中有多个可选择的选项,popovers将持续打开,直到它被使用者关popovers窗口以外的区域被碰触。

如果popovers窗口可以自动关闭,在popovers窗口中做出的任何改变都会被自动保存。无意中碰触popovers窗口以外的屏幕很容易导致popovers被误关闭。在popovers窗口中做出的改变只能通过确定的“取消”按钮被删除。

Popovers应当出现在适当的位置:Popovers的箭头应当准确并直接的指向源头按钮,因为popovers在屏幕上不能被来回拖动,不能遮挡那些需要随时被查看的必要信息,也不能遮挡弹出此popovers窗口的源头按钮。

Popovers同时只出现一个: 同时出现多个popovers让屏幕界面凌乱并引起理解混乱。不可以出现一个窗口从另一个窗口中打开的下拉菜单式(瀑布式)或分级式的popovers。如果需要开启一个新的popovers窗口,必须先关掉已经打开的popovers窗口。

不要在popovers窗口之上展示内容:除了警告信息之外,任何信息都不能展示在popovers窗口之上。

当同时存在多个可以弹出popovers窗口的按钮时,在不同的popovers之间转换的过程应当避免不必要的操作。尽量让用户只点击一次,就完成关闭一个popovers和打开另一个popovers的过程。尽管可以把popovers设计成各种样子,也应当避免把它做成难以识别成popovers的模样。当一个popovers界面保持原有的风格和控制方法时,它才是最好用的popovers。同时当popovers窗口尺寸需要改变时,提供一个柔和的变化过程。

相关文章

网友评论

      本文标题:iOS10人机交互指南之《Popovers》

      本文链接:https://www.haomeiwen.com/subject/tmfjattx.html