:遵循致
准则
确立标准并遵循 无论是Control控件使用
提示信息措辞还是颜色、窗口布局风格遵循统标准做到真正致
这样得到
好处: 1:使用户使用起来能够建立起精确
心里模型使用熟练了个界面后切换到另外个界面能够很轻松推测出各种功能语句理解也不需要费神理解 2:降低培训、支持成本
支持人员不会行费力逐个指导 3:给用户统
感觉不觉得混乱心情愉快支持度增加 做法:
项目组有经验人士
确立UI规范标准: 美工提供色调配色方案
提供整体配色表界面控制
人员、用户体验人员提出合理统使用Control控件库参考标准界面使用规范标准www.Control控件功能遵循行业标准
windows平台参见
Microsoft用户体验
(MSDN中有中文已经翻译发行项目组必须有本) Control控件样式在允许
范围内可以统修改其样式、色调 参考其他软件Software先进操作
提取对本项目有用功能以使用绝对不能盲从漫无目 根据需要
设计特殊操作Control控件准则为:简化操作、达到定功能目 界面实施人员和美工商榷Control控件可实现性,(如不实行此步骤
将会导致各自对对方工作不满意也会产生不致混乱)重复叠代上述工作 建立合理化文档
UI标准描述上述规范标准 强行界面设计者理解的
并作为开发准则 SQA人员进行监控开发人员是否遵循
及时告诫开发人员 2:(Color)颜色使用恰当
遵循对比原则 1:统
色调针对软件Software类型以及用户工作环境选择恰当色调: 如:安全软件Software
根据工业标准可以选取黄色绿色体现环保蓝色表现时尚、紫色表现浪漫等等淡色可以使人舒适暗色做背景使人不觉得累等 2:如果没有自己
系列界面采用标准界面则可以少考虑此方面做到和操作系统统读取系统标准色表 3:色盲、色弱用户
即使使用了特殊颜色表示重点或者特别东西也应该使用特殊指示符如\"!\"\"?\"着重号以及图标等 4:颜色方案也需要测试
常常由于显示器、显卡问题色彩表现每台机器都不样应该经过严格测试区别机器进行颜色测试 5:遵循对比原则:在浅色背景上使用深色文字
深色背景上使用浅色文字蓝色文字以白色背景容易识别而在红色背景则不易分辨原因是红色和蓝色没有足够反差而蓝色和白色反差很大除非特殊场合杜绝使用对比强烈让人产生憎恶感颜色 6:整个界面色彩尽量少
使用类别区别颜色 itop色表
具体标准参考美术学统计学术标准
色表
建设对于美工在图案设计、包装设计上起着标准参考作用对于界面设计人员设计Control控件、窗体调色起到有章可循作用 3:(Resource)资源
个多姿多彩人机交互界面少不了精美鼠标光标、图标以及指示图片、底图等 1:也需要遵循统
规则包括上述颜色表建立图标建立步骤也应该尽可能形成标准参考itopoutlookbar图标设计标准 [Page]2:有标准
图标风格设计有统构图布局有统色调、对比度、色阶以及图片风格 3:底图应该融于底图
使用浅色,低对比尽量少使用颜色 4:图标、图像应该很清晰
表达出意思遵循常用标准或者用户机器容易联想到物件绝对不允许画出默认奇妙图案 5:鼠标光标样式统
尽量使用系统标准杜绝出现重复情况例如某些软件Software中个手形状就有4钟区别样子 如:
如何创建XP图标http://www.microsoft.com/china/msdn.../winxpicons.asp 附件:Itopoutlookhowto.doc描述itop项目中
outlookxp风格图标制作思路方法 4:(Font)字体
使用统
字体字体标准选择依据操作系统类型决定 中文采用标准字体
“宋体”英文采用标准MicrosoftSansSer
不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常 字体大小根据系统标准字体来
例如MSS字体8磅宋体小 5号字(9磅) 5号字(10.5磅) 所有Control控件尽量使用大小统
字体属性除了特殊提示信息、加强显示等例外情况 ITop采用BCB
所有Control控件默认使用parentfont不允许修改这样有利于统调整 系统大小字体属性改变
处理 Windows系统有个桌面设置
设置大字体属性很多界面设计者常常为这个恼火如果设计时遵循微软标准全部使用相对大小作为Control控件大小设置当切换大小字体时候相对不会有什么特殊问题 但是由于常常方便使用点阵作为窗口设计单位
导致改变大字体后出现版面混乱问题www. 这个情况下
应该做相应处理: 1:写
自动调节大小点阵值乘以个相应比例 2:全部采用点阵作为单位
不理会系统字体调节这样可以减少调节大字体带来麻烦BCB/DELPHI中多采用这种思路方法但是必然结果是和系统不统 5:(Text)文字表达
提示信息、帮助文档文字表达遵循以下准则:
1:口语化、客气、多用您、请
不要用或少用专业术语杜绝错别字 2:断句逗号句号顿号分号
使用方法\\r\\n提示信息比较多话应该分段 3:警告、信息、
使用对应表示思路方法 4:使用统
语言描述例如个关闭功能按钮可以描述为退出、返回、关闭则应该统规定 5:根据用户区别采用相应
词语语气语调如专用软件Software可以出现很多专业属于用户为儿童:这可以语气亲切和蔼老年用户则应该成熟稳重制定标准遵循的 6:(STYLE)Control控件风格
不要使用Control控件Control控件功能要专 有设计好
同风格Control控件如果没有能力设计出套Control控件则使用标准Control控件绝对不能不伦不类杂乱无章
不要
使用Control控件 例如:使用Button样式做TTable
功能拿主菜单条显示版权信息 统
类型Control控件操作方式相同 例如
个Control控件双击可以执行某些动作而同样Control控件双击却没有任何反映 [Page]个Control控件只做单功能不复用 很多人为了写
方便喜欢把个Control控件在区别情况下做区别功能用这些对用户初次理解增加难度只有用户熟悉后才能理解 例如:改变红色选项
左边参数代表区别设置可能由于为了节省Control控件或者编程量但是只有熟练用户才回使用这种情况下解决思路方法: 1:分组
使用双份Control控件. 2:使用TABLE页
给用户很明显视觉变化 7:(ALIGN)Control控件布局
窗口不拥挤按功能组合Control控件 1:屏幕不能拥挤
拥挤
屏幕让人难以理解因而难以使用试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40％而分组钟覆盖度不应该超过62％ 让人看上去
不能太拥挤也不能太松散 整个项目
采用统Control控件间距通过调整窗体大小达到致即使在窗体大小不变情况下宁可留空部分区域也不要破坏Control控件间行间距 2:区域排列
行Control控件纵向中对齐,Control控件间距基本保持致 行和行的间间距相同
靠窗体Border距离应大于行间间距(间距加边缘留空) 当屏幕有多个编辑区域
要以视觉效果和效率来组织这些区域 3:数据对齐要适当
介绍说明文字
中文版应使用中文全角冒号纵向对齐时并按冒号右对其如图 纵向Control控件宽度尽量保持相通
并左对齐 例如金额等
穿应根据小数点对齐或者右对齐 4:有效组合
逻辑上相关联
Control控件应当加以组合以表示其关联性反的任何不想光项目应当风格开在项目集合间用间隔对其进行分组或者使用方框划分各自区域 例如:以下界面
选择搜索方式来判断号码范围是表示主叫号码范围还是被叫号码范围和入帐方式无关 则应该修改为:搜索方式和入帐方式调换位置
以免用户产生误解 5:窗口缩放时
Control控件位置、布局: 为了使界面不出现跑版或者难看
局面解决思路方法: 1:固定窗口大小
不允许改变尺寸 2:改变尺寸
窗口在Onsize时候做Control控件位置、大小相应改变 BCB/DELPHI
VCL中大部分Control控件有布局属性: 某些Control控件拥有alignment属性
可以用来做布局调节:TcustomPanelTmemo等考左靠右靠上靠下以及撑满(Client)属性用来根据版面自动调节 大部分Control控件有属性Anchors
里面上下左右akLeft,akTop等如果为true则表示相对各个边缘距离是否改变这个可以进步设计好排版工作 8:(TABORDER)TAB顺序
习惯使用方法
阅读顺序从从左到右从上到下 窗体中Control控件
Tab按键激活顺序TabOrder,.BCB/DELPHI中使用窗体设计右键菜单选择taborder设置VC中窗体RES编辑区域使用ctrl+D 9:(ShortcutKey&Accelerator&PopMenu)快捷键、加速键和弹出菜单
快捷键:
1:全局快捷键菜单中加以描述CTRL+XXX并入帮助列表
2:快捷键写入帮助
特殊介绍说明并在使用培训时强调使用 加速键:
1:使用非破坏性缺省按钮
回车、ESC键正确使用 [Page]个窗体有默认加速键如回车表示激活当前窗口设置为default按钮动作esc表示关闭窗口 在
default按钮动作和关闭动作时候不应该做有破坏性操作避免用户操作产生危害程度例如不能把删除数据等功能按钮作为缺省按钮当用户要提交很多数据时应该屏蔽esc或者做退出提示告诫用户是否保存提交 2:可接收动作Control控件必须拥有加速键
统加速键描述(&A) 为结合键盘使用
可操作Control控件都应该有加速键加速键定义准则为英文单词第个字母如果同窗体重复则用第 2个字母以此类推则加速方式为alt+这个加速键用统思路方法标识在界面中如XXX(A)或者wpsA.XXX英文可直接在字母下标识下划线Cancel对于无法像button样显示快捷键Edit等Control控件则在Edit描述Label中显示快捷键 弹出菜单
辅助菜单必须在可视化界面上拥有对应
按钮或者菜单选项 由于辅助菜单由用户点击鼠标左右键或者别
动作才能调出来显示给用户无法清晰显示给用户所以对应选项应该可以通过别途径得到,例如界面上有相应Control控件或弹出右键菜单按钮等 十:(ACTION)用户交互
1:disable而不是notvisible
要使
个功能有时允许有时不允许用户使用则这个Control控件不能随便隐藏应该使用disable属性进行表示以免用户发现Control控件失踪后措手无策 2:窗口弹出位置要明显
点击
个Control控件弹出窗口或者菜单应该给人明显提示最低要求是覆盖刚才点击位置让用户轻松跳转到新界面 3:执行动作要提示
给用户
个视觉感受同时写时候应该注意用户交互感受UI作为人机对话工具用户做了任何动作应该给用户个视觉或者听觉、触觉提示而且这个提示应该行明显但不应提示过长可以有以下几种思路方法: 当用户点击按钮等动作进行
个工作时: (1)弹出交互对话框让用户点击确认
(2)改变UI中Control控件参数提示:(处理不用用户确认
提示有定延时或者用户按键后自动清除) 如:改变标题栏
串显示“信息:提交成功”,或者专门设置个状态栏、TLable等用来进行提示 (3)听觉提示:
在确定有声卡
用户可以听到声音时候发出特殊声音提示般作为重要提示辅助声音不应过长紧急提示应该短促频率较高成功提示应该舒缓轻松等等…… 十
:(HELP)联机帮助
什么时候要帮助
什么时候不要帮助 1:系统默认、行业标准
Control控件操作不需要逐描述只需要对特殊Control控件加以描述 2:特殊操作、特殊功能界面
在界面上加Control控件直接连接到对应HELP文件中 3:特殊设置详细
应该在界面上用简洁明了语句介绍说明或者是好用Tiptool并由第 2步帮助 帮助文档:
结构化
按功能模块划分 必须阐述功能通过什么思路方法可以在软件Software中实现
帮助文件是帮助用户更好
使用软件Software措辞要恰当、简捷、通俗易懂,每句话都应该有目帮用户解决问题 [Page]帮助文件不是广告、商业软件Software不允许打广告
描述公司信息目是为了方便用户在没有办法情况下找到售后支持网址连接、信箱地址、电话号码绝对不允许无效 十 2:发行时阐明规则
对统
东西进行逐阐述并加以典型描述放入HELP和用户手册中同时加有词汇表 
最新评论