目前流行的界面设计的十条规则

老早前收藏的一篇文章了,发出来一起学习下

目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

1.易用性

按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则:

  1. 完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
  2. 完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
  3. 按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
  4. 界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
  5. 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
  6. 同一界面上的控件数最好不要超过劳过度10个,多于10个时可以考虑使用分页界面显示。
  7. 分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
  8. 默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
  9. 可写控件检测到非法输入后应给出说明并能自动获得焦点。
  10. Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。
  11. 复选框和选项框按选择几率的高底而先后排列。
  12. 复选框和选项框要有默认选项,并支持Tab选择。
  13. 选项数相同时多用选项框而不用下拉列表框。
  14. 界面空间较小时使用下拉框而不用选项框。
  15. 选项数叫少时使用选项框,相反使用下拉列表框。
  16. 专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。

2.规范性

通常界面设计都按Windows界面的规范来设计,即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则:

  1. 常用菜单要有命令快捷方式。
  2. 完成相同或相近功能的菜单用横线隔开放在同一位置。
  3. 菜单前的图标能直观的代表要完成的操作。
  4. 菜单深度一般要求最多控制在三层以内。
  5. 工具栏要求可以根据用户的要求自己选择定制。
  6. 相同或相近功能的工具栏放在一起。
  7. 工具栏中的每一个按钮要有及时提示信息。
  8. 一条工具栏的长度最长不能超出屏幕宽度。
  9. 工具栏的图标能直观的代表要完成的操作。
  10. 系统常用的工具栏设置默认放置位置。
  11. 工具栏太多时可以考虑使用工具厢。
  12. 工具箱要具有可增减性,由用户自己根据需求定制。
  13. 工具箱的默认总宽度不要超过屏幕宽度的1/5。
  14. 状态条要能显示用户切实需要的信息,常用的有:
    目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
  15. 滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
  16. 状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
  17. 菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
  18. 菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
  19. 右键快捷菜单采用与菜单相同的准则。

3.帮助设施

系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则:

  1. 帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
  2. 打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
  3. 操作时要提供及时调用系统帮助的功能。常用F1。
  4. 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
  5. 最好提供目前流行的联机帮助格式或HTML帮助格式。
  6. 用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
  7. 如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
  8. 在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。

4.合理性

屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。

合理性细则:

  1. 父窗体或主窗体的中心位置应该在对角线焦点附近。
  2. 子窗体位置应该在主窗体的左上角或正中。
  3. 多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。
  4. 重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
  5. 错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
  6. 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。
  7. 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。
  8. 非法的输入或操作应有足够的提示说明。
  9. 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。
  10. 提示、警告、或错误说明应该清楚、明了、恰当。
时间: 2025-01-31 02:11:54

目前流行的界面设计的十条规则的相关文章

界面设计与测试规则

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象.而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用.同时界面如同人的面孔,具有吸引用户的直接优势.设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流.目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐.     目前流行的界面风格有三种基本方式:多窗体.单窗体以及资源管理器风格

移动应用界面设计7宗罪

  本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇"软文",通过与移动设计界大牛们的对话,帮助大家了解在进行 移动设计时应该特别注意的禁忌,顺便推了一下Proto这个工具.大家可以回顾一下自己团队的应用正在触犯哪些禁忌,想必会有点意思.读完本文,相信你能 找到优化自家移动应用设计的方向. 规则就是用来打破的?这完全取决于规则本身.在移动应用界面设计(后续简称:移动设计)的世界里,大家对美学.手势和动效的看法略有不同.有时一个简单的功能性应用比华丽的应用带来的效

一个好的界面设计应该注意的75个原则(上)

  1. 使用单栏布局代替多栏布局 单栏布局能够让用户对全局有更好的掌控,对内容一目了然.而多栏布局可能会分散用户注意力.最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮. 2. 使用礼品诱惑代替生硬的推销 例如可以给用户提供礼物来表达你的友善姿态.更深层的讲,送礼是一种基于互惠原则的有效说服策略.显而易见的好处是让你在往后的活动进展中更加顺利. 3. 合并重复的功能避免分散 随着时间的推移,不可避免的你增加了很多模块.元素,而且功能相同.碎片化的界面会增加用户的学习曲线,所以需

商务Web应用程序的界面设计

商务Web应用程序的界面设计 商务Web应用程序的设计常常被人们所忽视.我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失.更夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员. 对于擅长前端和后台技术的工程师来说,他们缺乏设计能力,很难完成这项艰巨的任务.不满意的消费者.沮丧的用户,以及失败的项目,也就自然而然地出现了. 接下来,我们将介绍"商务Web应用程序"界面设计的基础知识.一般来说,人们可以提供

深色调网页界面设计注意事项

深色调的网站设计是比较流行的,它能营造出简洁.富有创造性的效果. 它能满足一些客户对网页设计风格的要求.然而,它并不能适用于每一个客户对网站设计风格的要求,设计师应根据实际情况而定. 尽管深色调的设计风格能做到引人注目的效果,但很多设计师不知道如果有效的使用它来打动.吸引浏览者. 深色调网页设计经常出现的问题是不易读.没有吸引力.很少打破传统的设计模式. 这片文章,我们将讨论一些如何让你的下一个深色调网页设计更能吸引.打动广大浏览者的方法和技巧,真正做到让你的设计表达你的创意. 最近的http:

mfc 界面 控件-mfc的界面设计和控件使用问题

问题描述 mfc的界面设计和控件使用问题 现在有多个指标,并且每个指标的评分规则都有多行.如果全部显示在一个界面上会很拥挤,如何实现当我点击一个图标时,会出现一个下拉框,显示相应指标的全部评分规则?求各位高手指点! 解决方案 这需要自定义控件,在MFC中可以参考Subclassing子类化技术,其实就是拦截事件消息,自己响应,而不是采用系统的默认行为.你可以在控件之中包含下拉框数据结构,然后重写单击事件,控制下拉框的显示/隐藏.www.codeproject.com网站创始人写了个开源的Ulti

移动交互设计浅析 Android 4.0应用界面设计

与 iOS 相比,Android 系统界面存在各种不协调,应用界面本身缺乏统一的规范.虽然 Android 的开放性为应用的自主发挥带来了最大的可能性,但如果系统本身能够提供标准的范例,也未必是一件坏事,毕竟许多应用并不一定需要独创的界面.从 Android 4.0 开始,系统界面在一致性上有了许多改善,那么 Android 应用的界面应该如何设计?如果你仔细观察 Google 近期的一系列应用上的设计,应该能发现在一些指导性的要点,而这些设计也正在被第三方应用采用. Android 应用不应该

遵循现有的良好规范:Android应用界面设计规范性的建议

文章描述:Android 应用界面设计. 与 iOS 相比,Android 系统界面存在各种不协调,应用界面本身缺乏统一的规范.虽然 Android 的开放性为应用的自主发挥带来了最大的可能性,但如果系统本身能够提供标准的范例,也未必是一件坏事,毕竟许多应用并不一定需要独创的界面.从 Android 4.0 开始,系统界面在一致性上有了许多改善,那么 Android 应用的界面应该如何设计?如果你仔细观察 Google 近期的一系列应用上的设计,应该能发现在一些指导性的要点,而这些设计也正在被第

界面设计师经验分享:界面设计与交互设计

文章描述:从商业角度看,聊聊为什么企业需要界面设计与交互设计? 我是学商科出身的,所以我有个常用的思维方式,做一件事情会思考对企业的价值.对客户的价值,成本和收益是什么.感觉业界流行的是如何做好界面设计和交互设计的博客与书籍,但很少能够看到"企业为什么需要界面设计与交互设计"这种话题的文章. 好像显而易见做界面和交互设计是为了用户体验,其实不是这么简单可以一言即止,还是有多个层面来看,其产生的价值和意义. 1.为了客户第一印象和形象 "食色"是人的天性,食物需要颜色