`
suqing
  • 浏览: 186812 次
  • 性别: 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
分享到:
评论

相关推荐

    menu1_2_C51单片机的菜单框架程序_

    【标题】:“menu1_2_C51单片机的菜单框架程序”是关于使用C51编程语言在单片机上构建一个菜单系统的设计。这个框架程序旨在提供一种高效的方式来组织和访问单片机应用中的不同功能,通过四个按键进行操作。 【描述...

    LCD菜单设计框架

    总之,“LCD菜单设计框架”利用链表的数据结构实现了多级菜单系统,这种设计方法兼顾了功能性和易用性,为用户提供了直观且灵活的操作界面。通过深入理解和运用`Menu.c`和`Menu.h`中的代码,开发者可以构建出满足...

    C#Winform布局设计-右侧菜单模版

    考虑到源码的可用性,这个模板可能包含了窗体的初始化代码,用于加载控件、设置布局和绑定事件。开发者可以学习如何使用C#编程语言和.NET Framework来实现类似的设计,同时理解控件间的交互和事件处理机制。 总之,...

    Cocos2D-X开发学习笔记-渲染框架之菜单类的使用示例

    Cocos2D-X是一款强大的跨平台游戏开发框架,它...通过熟练掌握菜单类的使用,开发者可以创建出具有丰富互动性的游戏菜单,提升玩家的游戏体验。在实践中不断探索和优化,你将能够更加灵活地运用这一功能强大的工具。

    关系数据库设计-MFC框架银行ATM自助存取款机模拟程序

    在银行ATM模拟程序中,MFC框架可以用于构建用户界面,包括ATM的操作菜单、输入框、按钮等元素。MFC提供了丰富的控件类,如CButton、CEdit、CStatic等,使得界面设计更加直观和便捷。 1. 对象模型:MFC采用基于消息...

    C#345-菜单动态合并源代码

    C#是Microsoft .NET框架下广泛使用的编程语言,其强大的特性和丰富的类库使得开发者可以轻松地实现各种功能,包括动态创建和合并菜单。本篇文章将深入探讨C#中菜单动态合并的概念、原理以及实现方法。 首先,菜单...

    android-actionbar框架.zip

    在Action Bar中,用户可以快速访问常用操作,提高应用的可用性。 2. **ActionBarSherlock库**:这个库是Action Bar的兼容解决方案,它使用了反射和自定义视图来在旧版本的Android上模拟Action Bar的行为。它提供了...

    实用框架三级菜单

    2. 可用性:考虑到不同设备和屏幕尺寸,菜单应有良好的响应式设计,适应手机和平板等移动设备。 3. 性能:避免过多的DOM操作,优化JavaScript性能,确保在大菜单结构下仍能流畅运行。 4. 一致性:遵循平台和行业的...

    ssh-web框架

    在“非注解的-可用junit测试的SSH-web项目框架”中,可能包含了一个未使用注解的SSH项目,JUnit测试类用于验证其功能模块。这样的项目结构使得开发者可以通过编写和运行JUnit测试来确保代码的正确性,同时避免了过度...

    有菜单功能的JFrame框架

    ### 有菜单功能的JFrame框架 在Java Swing中,`JFrame` 是构建图形用户界面(GUI)的基础组件之一,常被用作顶级容器来显示...这种结构化的方法不仅有助于提高应用程序的可用性,还能使用户更容易理解和使用各种功能。

    VC++简单应用指南四-菜单和工具共1页.pdf.zip

    - **CToolBar类**:管理工具栏对象,包括加载和保存工具栏状态,以及动态调整按钮的可见性和可用性。 5. **用户交互**: - **快捷键**:菜单项通常与键盘快捷键关联,使得用户可以不通过鼠标就能执行命令。 - **...

    实验4 菜单设计.zip

    4. 设计原则的应用,如色彩搭配、字体选择和空间布局,以提高整体美感和可用性。 为了优化菜单设计,你可能还需要学习用户研究方法,如用户访谈、用户测试,以便更好地理解用户需求和习惯。此外,不断跟踪和评估...

    商业源码-编程源码-MFC框架程序中全屏显示特性的实现.zip

    1. MFC框架简介:MFC是微软为Windows平台开发的应用程序提供的一套C++类库,它基于面向对象的设计,简化了Windows API的使用,使得开发者能更高效地构建Windows应用程序。 2. 全屏模式的概念:全屏模式是指应用程序...

    unigu顶部菜单融合主界面框架

    3. **用户体验**:菜单的可用性和易用性是至关重要的,要确保每个菜单项的含义清晰,操作直观,反馈及时。 4. **可定制性**:框架应允许开发者根据项目需求自定义菜单样式、颜色、字体等视觉元素,以及菜单的行为和...

    联动菜单设计

    7. 适应性设计:考虑不同设备和屏幕尺寸,确保在手机和平板等移动设备上的可用性。 8. 预设模式:允许用户直接输入或选择已知的预设组合,提高效率。 四、实战案例分析 在电商网站的商品分类中,联动菜单的应用...

    软件界面设计注意事项

    良好的界面设计能引导用户无阻碍地完成操作,提高软件的可用性和吸引力。界面设计的注意事项主要涉及易用性、规范性、帮助设施和合理性四个核心方面。 1. 易用性: - 按钮命名应清晰,避免模糊不清的词汇,确保...

    设计透明菜单.rar

    4. 响应式透明菜单:针对不同的设备和屏幕尺寸,透明菜单可以进行适配,确保在各种环境下都能提供良好的可读性和可用性。 在设计透明菜单时,需要考虑以下几个关键因素: 1. 可读性:虽然透明背景可以增加视觉吸引...

    安卓SlidingMenu各种菜单侧滑菜单相关-android市面主流侧滑框架.rar

    在Android应用开发中,侧滑菜单(也称为抽屉式导航)是一种常见的设计模式,它允许用户通过从屏幕边缘向内滑动来显示一个隐藏的菜单。这种设计为用户提供了一种方便的方式来访问应用的主要功能或设置,而不会占据...

    使用原型设计工具AxureRP创建一个web页面框架归纳.pdf

    原型设计的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT 咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等。 Axure RP 简介 Axure RP 是一个快速绘制 Wireframe 和 ...

    不同任务模式下APP三种交互框架的可用性比较.pdf

    【文章摘要】本文主要探讨了在不同的任务模式下,手机APP的三种典型交互框架——标签式、侧边展开式和宫格式的可用性表现。研究通过模拟任务的方式,对比了被试者在执行切换任务和沉浸任务时,使用这三种交互框架的...

Global site tag (gtag.js) - Google Analytics