有状态的切换让我们看看另一个例子：切换菜单。用户点击“+”号增加内容或展开元素。通过旋转 45 度，加号变成了叉号，叉号大家广泛理解为“关闭”：
简单的变换完全改变了图标的意义。这个小细节比让用户猜测接下来发生什么，以及理解图标是什么意思容易多了。这个切换对用户非常友好。此外，加号旋转总是跟内容保持一个方向，加强了信息的流动。 要点：让网站元素的每个状态都可理解。 渐进呈现表单和评论许多博客和新闻网站的评论表单不是很友好，当你准备发表评论时，你只想输入评论而不是干别的，典型的问题是，它会询问你各种其它的事情，好烦人呐。 为了激发用户的评论热情，我们可以仅显示最重要的元素：评论框。当用户点击输入区域时，展开相应的表单。真实世界渐进展现的例子，可以看纽约时报的 beta 网站：
你可以更进一步，当评论框获得焦点时展开表单。这么做有个问题，交互设计的基本原则提到：an action should always happen close to where the interaction occurs （一个行为总是发生在离交互点最近的地方）（关注焦点附近）。我们可以再进一步，给评论框添加动画引导用户：
你还可以把评论框固定在顶部，在下面展开相应内容，显示附加字段。 如你所见，这么做减少了混乱，令评论表单更吸引人。 更好的做法是，当用户到达页面底部时自动加载评论。我们应该避免强迫用户去点击，除非有更好的理由。 要点：渐进展现为了减少 UI 组件的呈现，用户需要它们时再显示出来。 |
