PS设计教程网欢迎你!

交互设计中的层级信息表达形式(2)

文章来源于 ucd-grow01.com,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-12-26
在IPHONE客户端也有相当这方面的应用 B 第二层信息没有多大的价值 这个比较典型的就是UC浏览器保留网页方式,Safari浏览器保留网页方式,QQ浏览器保留网页方式。 如上图所示,iPhone中的圆点组件可以看成是TAB标签

在IPHONE客户端也有相当这方面的应用

交互设计中的层级信息表达形式

交互设计中的层级信息表达形式

交互设计中的层级信息表达形式

B 第二层信息没有多大的价值

这个比较典型的就是UC浏览器保留网页方式,Safari浏览器保留网页方式,QQ浏览器保留网页方式。

交互设计中的层级信息表达形式

交互设计中的层级信息表达形式

交互设计中的层级信息表达形式

如上图所示,iPhone中的圆点组件可以看成是TAB标签,而把它本身信息压缩到了最少,此类设计是因为手机操作空间的局限或者从需求的角度来看这个TAB标签承载的功能表现出当前容器中有多少个页面已经足够了。

这个时候,其他页面显示是什么(TAB标签的文字带来的信息)相比较手机操作的局限和易用性来讲已经变得次要了。

而QQ浏览器则是在Safari浏览器基础上的设计延伸,可以在有限的空间,保存更多的浏览页面,但是随着浏览页面的缩小,窗口信息显示的也越来越有限,我们选择某个浏览窗口更多的可能是根据浏览窗口上的标题;不知道是不是这个原因,UC浏览器则直接做成了列表形式,两层信息变为一层信息的处理方式,因为另一层变得“没用”了。

C 推出新的页面分摊第一层和第二层信息

当第一层和第二层信息量产生一定规模效应时,推出新的页面分摊第一层和第二层信息来平衡。这个是最一般也是最容易理解的显示方式。当然这种方式也有它的问题,如果信息的层级比较多,可能因为页面的增加而增加用户的“深度”记忆负担。

交互设计中的层级信息表达形式

在iPhone User Interface Guideline中,提出了三种不同形式的Application Style,其中一种为Productivity Application,对层级信息的处理方式如下图。

交互设计中的层级信息表达形式

这种以页面的形式显示层级信息会因为信息本身结构的不同有各种各样的变化,这就需要参详各个平台本身控件的灵活运用和一些习惯用法的合理显示了。

讨论:http://www.missyuan.com/viewthread.php?tid=493503

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa