Human Interface Guidelines——Popo

尝试阅读《Human Interface Guidelines》原文翻译学习iOS设计指南。

当点击一个控件或某个区域时，popover会出现在屏幕内容上的临时视图。通常，一个popover包含一个箭头指向它出现的位置。popover可以是非模态的或模态的。非模态的popover可以通过点击屏幕其他地方来或者点击弹出窗口上的按钮来解除。模态的popover可以通过点击弹出窗口上的取消按钮或其他按钮来解除。

popover一般适合大屏幕并且包含大量的界面元素，包括导航栏、工具栏、标签栏、表格、集合、图片、地图和自定义视图。当一个popover视图可见时，与其他视图的交互通常是禁止状态。使用popover来展示与屏幕内容相关的选项和信息。比如许多ipad上的app在点击action按钮的时候会弹出一个共享选项。

避免在手机上使用popover

通常popover只在ipad上使用，在手机上，不要用popover来显示内容，可以使用所有可用的屏幕空间的全屏模态视图来显示信息。

使用关闭按钮仅用于确认和指导

应该包含如Cancel或Done这些取消按钮足够清晰性，比如退出时保存更改或不保存更改，则可以添加。通常来说，如果popover的内容不再有必要，就要自动关闭。在大部分情况下，在用户点击了popover的边界或者在popover中选择了一个选项后要自动关闭，如果可以进行多种选择，popover应该一直保持显示直到用户点击了关闭或点击了屏幕其他部分的时候才关闭。

当自动关闭非模态弹出窗口时，始终保持工作

通过点击屏幕的另一部分，很容易无意中忽略一个非模态的弹出窗口。 只有当有人点击一个明确的取消按钮时才停止工作。

在屏幕上适当放置弹出物

popover应该直接指向弹出它的元素。因为popover不能在屏幕上拖动，所以弹出画面不能遮住用户在使用popover时候需要看到的重要内容。popover也不应该覆盖弹出它的元素。

一次只弹出一个popover

弹出多个混乱的popover会导致界面秩序混乱。千万不要同时出现一连串的cascade或许多popover，更不能从一个popover中弹出另外一个popover。如果需要弹出一个新的popover，需要先关闭之前的popover。

不要在一个popover中弹出其他的视图

除了alert，没有什么可以显示在popover的顶部。

尽可能让用户关闭一个弹出窗口，然后单击打开另一个窗口

当单击几个不同的栏按钮都可以弹出窗口的时候，尽量不要有额外的单击。

不要把popover做得太大

不能让popover覆盖整个屏幕，popover能够恰当显示需要展示的信息，并且指向弹出它的元素即可。注意根据屏幕的大小调整popover的大小。

确保自定义的popover看起来像一个popover

即使可以自定义一个弹出窗口的视觉元素，也要避免设计一个用户无法识别的popover。当popover包含标准的控件和视图才能更好得发挥作用。

当改变popover大小的时候，提供一个平滑的变化

有些弹出窗口提供同一信息的压缩内容和扩展视图。 如果需要调整一个弹出窗口的大小、动画的变化，以避免让用户感觉是一个新的弹出窗口取代了旧的。

---

END.THANKS FOR YOUR READING~

如有不当，还请多多指教~