软件设计之人机界面设计.pptVIP

（1）右侧“热门功能推荐”，在逻辑上不是“IE修复的范畴”，应当放在其它合适的地方，避免扰乱用户的思路。 （2）左侧的介绍不完整，少了4项功能的介绍，不一致。 IE 的Toolbar按钮一般不会有下拉菜单（与流行软件的界面元素不一致）。如果要下拉菜单的话，应该加“下拉”标记。 “清理”和“修复”含有立即执行、并且会改动用户计算机设置的含义，用户担心点击“清理”和“修复”按钮将出现不期望的操作。 要设法消除用户的畏惧和疑虑，让用户明白有下拉菜单。 7. 要及时反馈操作信息 当用户进行某项操作后，如果过了一会儿（几秒钟）用户界面一点反应都没有，这将使用户感到迷茫和不安，因为他不知道是自己操作错了还是软件死机了。 及时反馈信息很重要，至少要让用户心里有数，知道该任务处理得怎么样了，有什么样的结果。 例如下载一个文件，界面上应当显示“百分比”或相关数字来表示下载的进度，否则人们不知道要等待多少时间。 如果某些事务处理不能提供进度等数据，那么至少要给出提示信息如“正在处理，请等待…”。最好是提供合适的动画，让用户明白软件正在干活、没有死机。 专业软件一般都要提供反馈操作信息的窗口区域。 图5-5 . 典型的“表格+明细”风格 “工”字布局 “工”字形布局 MPI界面模式 MPI型的布局是制作和编辑有关的工具的很常用的风格 H布局 “H”型布局风格 商用软件一贯的表现风格—“表格和布局的魅力”，体现一种错落有致的层次观感。这种UI风格是商用软件UI的主体风格。一般数据密集型的场景、管理软件、ERP类软件都是这种风格 “H”型布局风格 “H”型布局+MPI，同时又体现了PageControl的风格 用多页面的UI表达复杂层次的业务逻辑。只要遵循一定的视觉规则，很多场合下界面可以“随意而作”，直接表现业务逻辑 大多数场合下，主界面不建议切割成这么多区域。但在迫不得已时，也可以设计这种布局 媒体化的UI使软件界面更加有形。 3. 色调搭配规范。 相比于布局，设计合理的色彩就困难多了，因为色彩的组合千变万化，并且人们对颜色的喜好也极不相同。 例如，人们对黑色的理解差异很大。 默认状态下，颜色风格是浅灰色。普通的软件产品可以遵循这个颜色。但使界面更富有一定的特色，往往UI元素需要设置为其他颜色。在这种情况下，应谨慎处理颜色的搭配，以达到良好的视觉效果。 一般规律： UI元素主体一般采用饱和度很低、很浅（亮）的颜色，忌讳使用大红、大绿、亮蓝等颜色。 UI元素主体的颜色不可过多，人们在观察屏幕的时候很难同时记住多种色彩，最好在整体上能体现一定的风格。 UI区域之间的颜色差异应该柔和，一般情况下不宜有过大落差 标题面板这样的元素着色相反，可以使用非常深的颜色，上面的内容、文字则采用醒目的浅色。 适当的采用渐变效果能够使界面趋于明快和活泼。但渐变色差不应过大、过怪。 使用颜色的时候应当保持一致性，例如错误提示信息用红色表示，正常信息用绿色表示，那么切勿乱用红色和绿色。 在表达信息时，不要过分依赖颜色，因为有些用户可能色盲或色弱。 上图中“危险，有风险，未知，基本安全” 的颜色，有什么问题吗？ “黄色”看不清楚。 文字不完整，在数字后面加“个”， 前后项留合适的间隔。 4.界面适合于展现功能，并且符合市场需求。 软件的功能需要通过用户界面来展现。用户界面一定要适合于软件的功能，这是最基本的要求。 如果用户无法通过这个界面来使用软件，“易用性”根本就无从谈起。 例如，对于一个三维建模软件而言，如果用户不能使用鼠标对模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合该软件的功能。如果不改进用户界面的话，即使软件的内核功能很强（如算法很先进），这个软件也很难卖得出去。 5. 界面要容易被用户理解 如果用户很难理解界面的意图，那么他使用起来肯定很费劲。所以“容易理解”是“容易使用”的前提条件。 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确动作。 按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。 图标按钮的含义一定要直观明了，最好给图标加文字说明，防止用户误解。 所有的界面元素应当提供充分而必要的提示， 例如当鼠标移动到工具条上的某个图标按钮时，应当在该图标旁边出现功能提示。 界面结构能够清晰地反映工作流程，以便用户按部就班地操作。 对于复杂的用户界面而言，最好提供界面“向导”，及时让用户知道自己在界面结构中所处的位置。 例如对于基于Web的应用软件，应该在界面上显示“当前位