界面设计 基本原则.ppt

文档介绍：界面设计基本原则
鼎利通信研发部
2008
制订并严格遵守标准
产品在开始设计的时候就制定统一的标准,开发过程当中严格遵守,所有开发人员不得随意违反界面准则,产品经理应该负责制定标准
遵循国际标准或者微软的普遍标准
如果不知道怎么界面设计,就请参考Windows和Office
一致性!
一致性,最重要!一致性包括操作的一致性和界面布局元素的一致性,也包括业务逻辑控制的一致性,文字说明一致性。
操作一致性:如果你可以通过在某个列表框里双击其中一个条目来触发一个事件,那你必须保证在所有的列表框里双击条目都会产生相似的反应。弹出菜单、拖放等等也是一样,包括【OK】按钮在左边和右边都要一致!
界面布局一致性:所有窗口里的按钮都应该放在同一个位置,按钮标题与提示的措辞应保持一致,还应保持一致的色彩设置。
业务逻辑一致性:例如输入后会立即检查数据有效性,还是在确定的时候检查有效性等等;
名词和术语也要一致。我们的典型问题:每个软件的字段名称都不一样!各个软件随心所欲。
一致性也包括文档的一致性,如说明书、手册与界面一致等等
一致的用户界面会使得使用者建立起关于应用程序工作流程的正确理解,而用户对应用程序工作流程的正确理解会带来更低的训练与支持费用。
典型例子
问题在那里?
易用性
按钮名称应该易懂,用词准确,屏弃模糊的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。
理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
布局方式
阅读习惯是从左到右,由上至下。所以你在界面设计中必须遵循从左到右,由上至下的原则
两种常见布局方式都可以,但在同一个软件中一定要统一!
界面布局必须整齐,看起来不要凌乱,控件对齐是基本要求!
黄金分割比例,考虑到整个界面的和谐性
界面应该整洁,朴素,不要太花哨
文字标签问题
文字标签要恰当,过多和过少都是问题,内容要准确,指示要合理
文字标签要考虑到将来多语言化的问题,预留足够的长度空间,一般地同样含义的英语的长度比中文长40%~60%
使用适当的字体,注意字符集的问题,例如在Win9x和XP下界面显示不一致
操作方式
操作方式,以普通点击为准,如单击,双击,回车是用户最优先考虑到的,界面操作都应该考虑到这点
弹出菜单操作次之
拖放再次之
右键拖放再次之
辅助键盘特定按键,再加鼠标的,最次之,如按住Ctlr + Alt + 鼠标拖放之类等操作是最隐藏功能的,用户几乎不会用到!
记住:MAC OS和鼠标,只有一个按键,一样可以搞定所有事情!
高级的操作特性只能作为方面操作的补充,而不能作为唯一的手段,即用户必定可以通过弹出菜单、点击等来完成相关的操作
恰当的说明
输入特定格式数据时,要在数据输入框附近添加恰当的说明文字
明确含义无歧义
界面的功能和文字说明等,不能有歧义
右边的问题?
Reset Current Page
Reset All?
功能性问题:Reset之后是OK后起作用,还是Cancel后可以取消?