UIPig——有关UI设计，插画，动画的个人站点

交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容》

June 16th, 2009 at 08:11am hanyan

交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容

1.自动分时复用，轮流或滚动显示

网页上的Flash广告页采取了类似的方法。当可用屏幕空间更小时，比如只能显示不足一行的文字或很少几行时，就需要使用文字滚动的显示方法。例如，在一些公共汽车内，只有一个窄条的基于发光二级管的显示屏可以用来显示一些信息，其高度只够显示一个字。因此，它所采用的就是一种从左到右滚动文字的方法，可以逐渐地显示出一行文字或更长的文字。

2.仅在鼠标悬停时的显示窗口

在某些情况下，当我们不是时时刻刻需要使用某个窗口中的内容时，可以先把这个窗口隐藏起来，仅在界面上显示代表这个窗口的很小的一部分。当需要该窗口中的信息时，用户可以把鼠标移动并悬停在这一小部分上，该窗口即可恢复原来的全部显示状态。

3.利用下拉式控件减少对屏幕的占用

使用单选按钮控件来表示多选一的操作是最为直观的，因为每个选择都可以在界面上看到。不过，这种控件的最主要的问题在于，当选择项很多时，它将会占据大量的屏幕空间，在这个情况下，下拉列表框控件就是一个很好的减少对屏幕空间需求的方法，它只需要占据一行文字的空间。

4.抽屉式界面

在抽屉式界面中，根据用户的需要页新出现的部分不是临时性的，它们会一直停留在屏幕上，直到明确地要求关闭这部分。这就像是拉抽屉，当你拉开后，你可以看到它里面所包含的内容，不过，它仍然会保持打开状态，直到你把它关上。

5． 标签式界面

第一、 从数量上说，这组对象最多不超过十几个
第二、 从对象之间的关系上说，这些对象是在一个级别或等级上，它们之间没有任何的隶属、依赖、层次或包含等关系，是平等和独立的
第三、 不需要同时显示两个或两个或两个以上对象的详细信息，同时有限的屏幕空间也不允许这样做
第四、 用户需要直接、快速地定位到某个对象

具体来说，标签式界面主要用于两种环境中：

第一种，用于复杂的对话框中，这是到目前为止最主要的应用，此时由于对话框中的内容太多，已经无法显示在一般大小的对话框中，标签式界面对这个问题的处理方法是：把那些逻辑上密切相关的一些内容组织到一起，形成一的对象（类别）。这些对象之间相互独立、平等，并且任何时刻都不需要同时显示两个对象中的详细信息，这些都恰好满足了标签式界面的应用条件。

第二种，用作软件整体界面的交互方式，并逐渐在很多场合替代了以前的多文档界面风格。

6.去掉无意义的图片

7.全屏幕显示

对于运行在手机上的软件来说，由于屏幕自身就比较小，因此像标题区，菜单区，工具条等这些非主要工作区域所占的比例就相对更大些，此时利用全屏幕方式后，可用面积增加的百分比会更大一些，因些效果会更明显。

Tags: ui, 交互设计, 用户体验, 用户体验&UCD
原文链接：交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容》，转载请留下本文链接！

Entry Filed under: UI design, 用户体验&UCD