网络编程
位置:首页>> 网络编程>> 网页设计>> 交互设计的方法(4)

交互设计的方法(4)

作者:judyyifanji 来源:百度泛用户体验 发布时间:2010-08-18 12:32:00 

标签:交互设计,设计

具体页面布局,在不与总布局冲突的情况下,有更细节的布局。

页面布局赋予零碎的内容以逻辑性,以分区的形式把页面各区域所对应的功能区确定下来,减少具体设计时的随意性。这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够判断哪个操作在哪个区域,减少盲目寻找带来的困难和疑惑。

4. 原型设计

这一步是大家熟知的,即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图,高保真多是接近最终效果图。

下面是动感相册的低保真原型图。

5. 设计说明

最后一步需要做的是对所有页面进行详细的描述,包括对页面上所有元素进行说明,比如默认状态,跳转页面,字号字体,尺寸等。这里就不解释了。这是交给开发人员的文档,以及测试人员进行测试的依据。

小结

交互设计是一个过程,它不仅仅是画线框图。交互设计最关键的两个环节是页面流程和页面布局,前者建立清晰的架构和严密的逻辑,后者整合零散的信息并确定分明的主次关系。这一切都是为了我们的终极目标——让我们的界面符合用户的预期,不带给他们任何的意外。一切都在用户的意料之中。

原文:http://www.baiduux.com/blog/2010/08/03/interaction_design/

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com