`
suqing
  • 浏览: 183161 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

可用性设计-菜单框架

 
阅读更多

 

1、完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。

2、完成统一功能或任务的按钮放在集中位置,减少鼠标移动的距离。

3、按功能将菜单划分局域块,用分隔线隔开,并要有功能说明或标题。

4、界面要支持键盘自动浏览按钮功能,按tab键自动切换。

5、常用功能在菜单中应当靠前,位置也应放在窗口上较醒目的位置。

6、统一界面上的按钮数最好不要超过10个(这个数字按菜单长度而定)。

7、按钮太多时,将不太常用的功能收起,放置“更多”按钮的下拉菜单中。

8、默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。

9、Tab键的顺序与控件顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。

10、复选框和选项框按选择几率的高低而先后排列。

12、复选框和选项框要有默认选项,并支持Tab。

13、选项数相同时多用选项框而不用下拉列表框。

14、界面空间较小时使用下拉框而不用选项框。

15、选项数较少时使用选项框,相反使用下拉列表框。

16、专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。

 

 

- 按钮较多时,可用图片代替文字说明。

- 常用菜单要有命令快捷方式

- 完成相同或相近功能的菜单用横线隔开

- 菜单前的图标能直观的代表要完成的操作

- 菜单深度一般最多控制在三层以内

- 工具栏可以根据用户的要求自己选择定制

- 相同或相近功能的工具栏放在一起

- 工具栏中的每个按钮要有及时提示信息的功能

- 一条工具栏的长度最长不能超出屏幕的宽度

- 系统常用的工具栏设置默认放置位置

 

- 工具栏太多时可以考虑使用工具箱

- 工具箱要具有可增减性,由用户自己根据需求定制

- 工具箱的默认总宽度不要超过屏幕宽度的1/5

 

- 状态条要能显示用户切实需要的信息,常用的有:目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。

- 滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。

- 状态条的高度以放置5号字为宜,滚动条的宽度比状态条略窄。

- 菜单和工具条要有清楚的界限,菜单要求凸出显示,这样在移走工具条时仍有立体感。

- 菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。

 

- 右键快捷菜单采用与菜单相同的准则。

 
  • 大小: 102.4 KB
分享到:
评论

相关推荐

    智慧旅游平台开发微信小程序的设计与实现(论文+源码)-kaic.zip

    目录 1系统概述 1.1 研究背景 1.2研究目的 1.3系统设计思想 2相关技术 2.1微信小程序 2.2 MYSQL数据库 2.3 uni-app ...6.6可用性测试 6.7性能测试 6.8测试分析 6.9测试结果分析 结论 致谢语 参考文献

    基于微信小程序的英语学习交流平台的设计与实现(论文+源码)-kaic.zip

    目录 1系统概述 1.1 研究背景 1.2研究目的 1.3系统设计思想 2相关技术 2.1微信小程序 2.2 MYSQL数据库 ...6.6可用性测试 6.7性能测试 6.8测试分析 6.9测试结果分析 结论 致谢语 参考文献 VX:18341315438

    软件界面设计工具_3款合集

    可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有...

    自动生成VBA窗体菜单

    Public bAbortEnabled As Boolean '标识放弃菜单项是否可用 Public bItemCheck As Boolean '标识音效菜单是否CheckOn Public bMenuSelected As Boolean '标识菜单是否点击 Public pt As POINTAPI '定义点 Public ...

    delphi三层架构框架

    框架有设计模式与运行模式之分,在设计模式下客户端通过框架功能用SQL可以直接读取到数据库的数据,方便程序开发;但在运行模式中,此功能不可用,这样可以保证数据的安全性。 框架设计了通用的报表设计模块,...

    仿Flash效果的两款Javascript CSS滑动菜单demo

    可是现在这种标签风格的导航栏到处都是,这样也只是在语义上做得更好,提高了导航栏的可用性,而今天刚是要介绍两款具有Web 2.0 风格的仿Flash 滑动效果的导航栏:Fancy Menu 和LavaLamp 。 这两款导航栏表现效果...

    vanillajs-datepicker:用于Bulma和其他CSS框架的bootstrap-datepicker的原始JavaScript重制

    该软件包从头开始编写为ECMAScript模块/ 样式表,以再现与bootstrap-datepicker相似的可用性。 它既可以独立运行,也可以与CSS框架(例如 , )一起使用,但由于它主要是为Bulma开发的,因此与一起使用效果最佳。 ...

    Android订餐系统毕业设计

    2.3.1可用性 12 2.3.2可扩容性 12 2.3.3安全性 12 2.4本章小结 13 第3章 《手机红蝶订餐系统》方案设计 14 3.1开发项目的相关思路 14 3.2框架简介 14 3.2.1客户端(android手机端)整体框架 14 3.2.2服务器(Tomcat端)...

    Vue-POS-客户端

    通过创建PWA,我们可以确保跨平台可用性,而不必使用专用的android / iOS应用程序,并且可以确保响应式设计。 用户将能够像往常一样浏览网站,查看菜单,联系电话,在移动或台式机上任何平台上的开放时间。 用户还...

    C++MFC教程

    例如当菜单转中之后会有WM_COMMAND消息发送,WPARAM的高字中(HIWORD(wParam))是命令的ID号,对菜单来讲就是菜单ID。当然用户也可以定义自己的消息名称,也可以利用自定义消息来发送通知和传送数据。 2、谁将收到...

    asp.net知识库

    Coalesys PanelBar + R.a.d Treeview +Xml 构建的Asp.net 菜单和权限管理模块 突破屏蔽限制,自己的网站使劲弹新IE窗口 对页面SCROLLING的CSS不能生效原因 .Net 中IE使用WinForm控件的使用心得。 动态加载用户控件的...

    基于ssm+Vue的快餐店点餐系统(源码+部署说明+系统介绍+数据库).zip

    此外,还可以使用Kubernetes等容器编排工具来管理和调度容器集群,进一步提高系统的可用性和可伸缩性。 总之,基于SSM+Vue的快餐店点餐系统是一个功能强大、易于维护和扩展的在线平台,可以帮助快餐店更好地管理...

    easy-web-app:轻松创建Web应用程序-“ rest-web-gui”框架的Node.js集成

    简易网络应用轻松创建Web应用程序并降低... 图标或带有扩展的图标行源代码显示特征: 丰富的页面着色器和页脚灵活的布局,可在一页上显示多个视图具有导航选项卡,菜单,链接等的页面到页面导航i18n:切换语言安全性

    Visual C++ 数据库系统开发完全手册.part1

    5.3 菜单设计 5.3.1 建立菜单资源 5.3.2 添加菜单命令处理函数 5.3.3 弹出式菜单 5.4 工具栏和状态栏设计 5.4.1 建立工具栏资源 5.4.2 工具栏的显示 5.4.3 定制状态栏 5.5 使用不同的视图 5.5.1 滚动视图 5.5.2 网页...

    JAVA高并发高性能高可用高扩展架构视频教程

    移动后台端框架设计 公司级框架原理解析 解密公司内部框架开发(打造属于自己的专属框架) 手写Tomca之深度解析动态资源请求原理 深度解析springMVC实现原理(手写springMVC框架) Java验证码 正则黑名单爬虫系统 深入...

    易语言程序免安装版下载

     支持库开发框架调整是扩展性调整,比较好的做到了向前向后兼容。即,新版支持库可被旧版易语言或易程序使用,旧版支持库也可被新版易语言或易程序使用(只是不支持静态编译)。  静态编译后的易语言EXE/DLL之间...

    Mapless:Mapless是一种无模式框架,用于以键->数据方式(即,即存储Smalltalk对象)

    动机“我想坚持低摩擦,低维护,但具有高缩放性和可用性功能的对象,因此Mapless完全偏向。在结合了我在使用经验后,我想到了这个框架。” 〜载入中取得打开的图像,然后依次单击菜单,工具,配置浏览器,然后搜索...

    PROJECT 2007宝典 4/9

     5.3.2 指定资源可用性   5.3.3 指定预订类型   5.3.4 创建常规资源并为自定义域赋值   5.3.5 创建预算资源   5.3.6 向资源添加备注   5.3.7 日历和资源   5.4 使用资源和任务   5.4.1 向...

    artDialog_Demo

    1、 增加menuBtn参数, 支持让对话框在指定元素附近弹出(菜单模式) 2、 剔除鸡肋参数'parent',框架相互调用请用javascript原生方法 3、 剔除对话框关闭后回调函数,如果需要使用请使用内置扩展方法 4、 如果有...

    halfmoon:具有内置暗模式和使用CSS变量的完全可定制性的前端框架; 非常适合构建仪表板和工具

    具有内置暗模式和使用CSS变量的完全可定制性的前端框架; 非常适合构建仪表板和工具。 内置暗模式— Halfmoon带有内置的可切换暗模式,这是它最重要且最定义的功能之一。 使用CSS变量完全可自定义-框架完全使用CSS...

Global site tag (gtag.js) - Google Analytics