软件界面设计原则
1.遵循一致的准则,建立标准并遵循统一的标准,无论是控制使用、提示信息的措辞、颜色、窗口布局风格,并实现真正的一致性。
这样获得的好处:
1.以使用户在使用时能够建立精确的心脏模型。熟练地使用一个界面后,切换到另一个界面可以很容易地推断出各种功能,并且不必费心去理解句子。
2.降低培训和支持成本,支持人员不会不厌其烦地一一指导。
3.给用户一个统一的感觉,不要感到困惑,感到高兴,并增加支持
练习:
项目团队有经验丰富的人员来建立用户界面规范:
艺术家提供色相配色方案,并提供由整体配色表界面控制程序员和用户体验人员提出的合理统一使用的控制库。参考标准接口规范
控制功能符合行业标准,参见微软视窗平台用户体验(在msdn,中文已经翻译并发布,项目团队必须有一份副本)
控件的样式和色调可以在允许的范围内统一修改
参考其他软件的高级操作,提取有用的功能供本项目使用。永远不要盲目和漫无目的地跟随。
根据需要,设计特殊的操作控制,准则是:简化操作,达到一定的功能目的
界面实现者和艺术家讨论控件的可实现性(如果这一步没有实现,将导致对彼此工作的不满和不一致的混乱)。重复上述工作。
建立合理化文件“用户界面标准”来描述上述规范,
迫使界面设计者理解它,并将其作为开发标准。
sqa人员应监控开发商是否遵守,并及时警告开发商。
二色彩)色彩运用得当,对比原则1:统一色调,根据软件类型和用户的工作环境选择合适的色调:
比如:安全软件,根据行业标准,你可以选择黄色,绿色代表环保,蓝色代表时尚,紫色代表浪漫,等等。,浅色会使人感到舒适,深色会使人感到疲倦等。
2.如果你没有自己的系列接口,你可以通过采用标准接口少考虑这方面,这样就可以与操作系统统一起来,阅读系统标准颜色表
3.色盲和弱色的用户应该使用特殊的指示器,即使他们使用特殊的颜色来指示关键点或特殊的东西,如& # 34;!& # 34;,& # 34;?& # 34;重点、图标等。
4:配色方案也需要测试。通常,由于显示器和显卡的问题,每台机器的色彩性能都不一样。应该严格测试,不同的机器应该测试颜色
5.遵循对比原则:在浅色背景上使用深色字符,在深色背景上使用浅色字符,蓝色字符在白色背景上容易识别,但在红色背景上很难区分,因为红色和蓝色之间的对比不够,而蓝色和白色有很大的不同。除非在特殊场合,不要使用强烈对比和仇恨的颜色。
6:整个界面颜色使用尽可能少的颜色
itop颜色表
具体标准是指美术统计的学术标准。
颜色表的构建对平面设计和包装设计中的艺术家起着标准的参考作用,对程序界面设计者设计控件和表单颜色匹配起着基于规则的作用。
三参考资料)丰富多彩的人机交互界面对于漂亮的鼠标光标、图标、指示图片、底图等是必不可少的。
1.还需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应尽可能形成标准。参考itop的外观条图标设计标准
2.有一个标准的图标样式设计,一个统一的构图布局,以及一个统一的色调、对比度、色阶和图片样式
3.基础地图应与基础地图相结合,使用浅色、低对比度和尽可能少的颜色。
4:图标和图像应该清楚地表达它们的含义,并遵循共同的标准,或者对象可以很容易地与用户的机器相关联,并且绝对不允许画出默认的精彩图案。
5.鼠标光标样式是统一的,应尽可能使用系统标准以避免重复。例如,在一些软件中,一只手的形状在4分钟内是不同的。
例如,“如何创建xp图标”/china/msdn.../winxpicons.asp
附件:itop outlook howto.doc描述如何在itop项目中制作outlookxp样式的图标
四字体)字体使用统一的字体,字体标准的选择取决于操作系统的类型。
中文使用标准字体“宋体”,英文使用标准的微软无衬线字体,不考虑特殊字体(隶书、草书等)。,在特殊情况下可以用图片代替),以保证每个用户在使用时都能正常显示。
字体大小基于系统标准字体,如mss字体8分,tahoma小5号字符(9分)大5号字符(10.5分)。
除了特殊提示信息和增强显示外,所有控件都尝试使用统一大小的字体属性
itop采用bcb,所有控件默认使用父字体,不允许修改,有利于统一调整。
系统大小字体属性更改的处理。
windows系统有一个桌面设置,设置了大字体的属性。许多界面设计者经常对此感到恼火。如果设计遵循微软标准,并使用相对大小作为控件的大小设置,则在大字体和小字体之间切换时不会有特殊问题。
然而,使用点阵作为窗口设计单位往往比较方便,这就导致了改变大字体后布局混乱的问题。
在这种情况下,应相应处理:
1:编写程序自动调整大小,并将点阵值乘以相应的比例
2.都是以点阵为单位,忽略了系统字体的调整,这样可以减少调整大字体的麻烦。这种方法在bcb/德尔福中经常使用,但不可避免的结果是与系统不统一。
v文本)提示信息和帮助文档的文本表达遵循以下准则:
1.口语化、礼貌化,请多使用你自己,不要使用或少使用专业术语,杜绝打字错误
2.逗号、句号和停顿分号的用法。/r/n如果有更多的提示信息,应将其分段。
3.警告、信息和错误以相应的方式表达
4:使用统一的语言描述,例如关闭功能按钮,可以描述为退出、返回和关闭,所以应该统一指定。
5.根据不同的用户,使用相应的声调和语调的话,如特殊的软件,可以有许多专业,用户是儿童。这可以是善良和善良的,而老年用户应该是成熟和稳定的。制定标准并遵循它们。
六style)控制风格,不要使用错误的控制,控制功能大秦诛神司最新章节应该与设计风格相同的控制,如果你没有能力设计一套控制,那么就使用标准的控制,绝对不能不伦不类和混乱。
不要错误地使用控制
例如,使用按钮样式来执行表功能,并以主菜来单独显示版权信息
统一类型控件以相同的方式运行
例如,双击控件可以执行某些操作,而双击同一个控件没有响应
控件只执行一个功能,不能重复使用
为了编写程序的方便,很多人喜欢在不同的环境下对不同的功能使用一个控件,这使得用户第一次理解起来比较困难,只有在用户熟悉之后才能理解。
例如,如果您更改红色选项,左侧的参数表示不同的设置,这可能是由于节省了控制或编程量,但只有熟练的用户才能使用它。在这种情况下,解决方案是:
1.分组,使用重复控件。
2.使用表格页面给用户明显的视觉变化
七align)控件布局,窗口不拥最好看的玄幻小说挤,控件由功能组合而成。1:屏幕不能太拥挤
拥挤的屏幕难以理解,因此难以使用。根据测试结果(梅休,1992),整体屏幕覆盖率不应超过40%,而组时钟覆盖率不应超过62%。
让人们看看,不要太拥挤也不要太宽松。
在整个工程中,采用统一的控制间距,调整模板的尺寸以达到一致。即使表单的大小不变,保留空的部分区域也比破坏控件之间的行间距要好。
2.区域安排
一行控件,垂直对齐,并且控件之间的间距基本一致
行与行之间的间距相同,并且距表单的边框距离应大于行与行之间的间距(间距加上边距空)。
当屏幕有多个编辑区域时,这些区域应该以视觉效果和效率来组织。
3.数据对齐应该适当
解释性文本,中文版本应使用中文全角冒号。垂直对齐时,按冒号将其向右对齐,如图所示。
垂直控件的宽度应尽可能保持一致。向左对齐。
例如,金额等字符应根据小数点或右边对齐
4.有效组合
逻辑上相关的控件应该组合在一起以显示它们的相关性。相反,任何不想被暴露的项目都应该被设计风格,并且它们应该按间隔分组或者用方框划分成各自的区域。
例如,在下面的界面中,选择搜索方式来判断号码范围是代表主叫号码范围还是被叫号码范围,这与记账方式无关。
应修改为:搜索方法和会计方法互换。以免被用户误解。
5.缩放窗口时,控件的位置和布局:
为了防止界面运行不畅或难看,解决方案是:
1:固定窗口大小,不允许改变大小,
2.更改窗口的大小,并在控件处于onsize时更改其位置和大小。
在bcb/德尔福的vcl,大多数控件都有布局属性:
有些控件具有对齐属性,可用于布局调整:tcustompanel、tmemo等。,从左到右到上向下和客户端属性用于根据布局进行自动调整。
大多数控件都有锚属性。如akleft、aktop等。为真时,表示距离每条边的距离是否发生了变化。这可以进一步设计排版工作。
八制表符顺序)制表符顺序习惯用法,阅读顺序,从左到右,从上到下
通过使用taborder中的表单设计的右键菜单,可以选择tab键激活表单中控件的顺序,taborder设置。bcb/德尔福,ctrl+d用于vc中的表格res的编辑区
九快捷键&:快捷键& amp弹出式菜单)快捷键、快捷键和弹出式菜单快捷键:
1.在全局快捷菜单中描述。ctrl+xxx被合并到帮助列表中。
2.将快捷键写入帮助、特殊说明,并强调在使用培训时的使用
快捷键:
1:使用非破坏性默认按钮,并正确使用回车键和esc键
带有默认快捷键的窗体,如按回车键激活按钮操作,当前窗口设置为默认,按esc键关闭窗口。
当调用默认按钮动作和关闭动作时,不应进行破坏性操作,以免用户误操作造成伤害。例如,具有删除数据等功能的按钮不能用作默认按钮。当用户想要提交大量数据时,他们应该屏蔽esc或给出退出提示以警告用户是否保存提交。
2:可以接收动作的控件必须有快捷键,并统一快捷键的描述(&: a)
要与键盘结合使用,所有可操作的控件都应该有快捷键。快捷键定义标准是英语单词的第一个字母,如果重复相同的形式,则使用第二个字母。通过类比,快捷键是alt+,它在界面中以统一的方式被识别。例如,xxx(a)或wps a.xxx英语可以直接识别字母下的下划线“取消”。对于像“编辑”这样不能像按钮一样显示快捷键的控件,它显示在“编辑”中。
弹出式菜单
辅助菜单必须在可视界面上有相应的按钮或菜单选项。
因为可以通过点击鼠标左键和右键或其他动作来调整辅助菜单并向用户显示。它不能清楚地显示给用户,因此相应的选项应该以其他方式可用,例如在界面上有相应的控件或弹出右键菜单的按钮。
十动作)用户交互1:禁用而不是不可见
为了使一个函数有时被用户允许使用,有时不被用户允许使用,控件不应该被随意隐藏,而应该用disable属性来表示,以避免用户在发现控件丢失后不知所措
2.窗口的弹出位置应该很明显
点击控件、弹出窗口或菜单应给出清晰的提示。最低要求是覆盖刚刚点击的位置,以便用户可以轻松跳转到新的界面。
3.提示执行操作
在给用户视觉体验的同时,我们在编写程序时应该注意用户的交互体验。作为人机对话的工具,用户在做任何动作时都应该得到视觉、听觉和触觉的提示。此外,这个提示应该是显而易见的,但不应该太长。有几种方法:
当用户单击按钮和其他操作来执行作业时:
(1)弹出交互对话框,用户点击确认。
(2)在界面中提示改变控制参数不经用户确认的提示将被延迟,或者在用户按键后自动清除。(
例如,更改标题栏字符串并显示“信息:已成功提交”,或设置状态栏、列表等。专门用于提示。
(3)听觉提示:
当确定存在声卡并且用户能够听到声音时,将给出特殊的声音提示。通常用作重要提示的辅助。语音不应过长,紧急错误提示应简短而频繁,成功提示应缓慢而简单。等等......
十一:(帮助)什么时候应该在线帮助,什么时候不应该帮助
1:不需要逐一描述系统默认和行业标准控制操作,只需要描述特殊控制。
2:特殊操作和特殊功能界面,在界面上添加控件,直接连接到相应的帮助文件
3.特殊设置是详细的,应该在界面上用简单明了的语句来解释,或者在第二步的帮助下使用tiptool
帮助文档:
结构化,按功能模块划分
有必要解释如何在软件中实现功能
帮助文件帮助用户更好地使用软件。措辞应该恰当、简单、易懂。每个句子都应该有帮助用户解决问题的目的
帮助文件不是广告,商业软件也不允许做广告。描述公司信息的目的是方便用户在没有办法时找到售后支持。网站连接、邮箱地址和电话号码绝对不允许无效。
十二、出版时的澄清规则,对统一的事物逐一进行解释,并给出典型的描述,将其放入帮助和用户手册中,同时增加词汇
附录:
艺术家什么时候会参与进来:
作为界面美化的主要人员,艺术家不仅要有艺术设计和包装设计的才能,还要穿插在整个项目中,给界面程序员系统的参考意见。
1.在软件设计的早期阶段,艺术家参与需求理解,分析相似软件界面的缺点,提出主要的颜色,典型的界面风格,构思整个艺术包装。
2.在界面原型设计过程中,与开发人员一起修改和讨论最终的表达风格,建立用户界面标准。
3.在程序开发过程中,提供标准风格的资源文件(图标、cur、bmp等)。),总结统一风格资源的设计过程,并形成标准文档*。
4.在产品化方面,协助制作帮助文档和网站风格,参与制作配套宣传图片、动画、产品包装、海报等。
文章来源:www.atolchina.com