作者:西贝 来源:西贝的交互设计   酷勤网收集 2008-03-29

摘要
  当然我们在设计交互形式的时候,遇到人名和数值自然想到了键盘输入;当遇到了多个文本域的时候想到了表格填充。接下来就分析一下几种方式的运用。结合项目和《用户界面设计》中的总结。

有菜单项的数据输入,包括了表格填充、对话框和其他方案。在实际项目中碰到了很多问题,例如多个文本域要求输入时、要输入人名或电话时、还有很多复杂条件的搜索时等。都给页面的排版带来了不利的形式。

当然我们在设计交互形式的时候,遇到人名和数值自然想到了键盘输入;当遇到了多个文本域的时候想到了表格填充。接下来就分析一下几种方式的运用。结合项目和《用户界面设计》中的总结。

一、    表格填充
先看一下关于Ben总结的表格填充的指导原则。

        
        在实际项目中,我遇到了这样的问题,标题怎么统一都满足不了系统,我尝试过把所有的标题都按照“动名词”的编写方式,当然一定会避免用计算机语言。结果还是会出现标题过长,不易理解的结果。尽量用行业的术语来帮助用户描述用户任务,通过一致地规则描述,把用户的视线定位到必填或渴望用户填写的文本域。

      在不停的文本域排版工作中,其尺寸的大小也是设计的一种考虑。有的设计中所有的文本域长度是一致的,而有的是依据输入条件的不同而产生了不同的尺寸。当然更多的是使用恰当尺寸的框,这样在用户输入的同时就可以依据尺寸来估计文本域输入的长度。

      文本域的说明信息也很重要。记得我注册过很多web,如果哪个用户名填写的后面没有给我及时的说明,我会感到不舒服,会暂停下来。因为我担心输完之后才告诉我,用户名占用,叫我重新输入。所以立即的反馈,对不可以接受值的加以说明,甚至文本域过长时能够分段给出说明提示,在用户使用过程中会安心很多。

二、    特殊格式文本域

特殊文本域我们就比较常见了,例如时间,日期,电话号码,金额等。但是输入的方式却有些不同:当输入字母序列时一般都是采用左对齐,显示也是左对齐;当输入数字序列时一般都是左对齐,而显示却是右对齐。

三、    对话框
关于对话框,我们也来看一下Ben的指导原则

       我觉得最难做好的就是一致性,一个项目几百个对话框,要求他们一致,难度是相当的大的。遇到过一个对话框输入数量较大时,采用了tab选项卡的变现方式,但是这种就需要用户在很长的时间下才可以找到选项卡下面他想要的东西。所以也不是合适之举。然而有的没有采用tab,因为相关项比较多,就采用了聚类或用水平和垂直的细线进行间隔。目前用的多的应该是“半包围”把。

四、    组合菜单
关于控制菜单、标记菜单和流菜单,就了解的比较少了。

来自:http://www.xibeidesign.cn/xibei/article.asp?id=62

分类: 交互设计 网页设计 艺术设计

上一篇:线框图(demo草图)制作的总结   下一篇:多页面的翻页体验