8_图书管理系统_GUI设计.pptVIP

图书管理系统——GUI设计;今天的工作任务;GUI 工程师的工作并不是从设计阶段才开始的，早在需求分析阶段，GUI工程师就已经参与到用户访谈中，了解用户的使用习惯，喜好等，为设计用户界面做准备……;GUI （图形用户界面）设计概述;先看一个例子;我们的进度，在这里;我们的进度，在这里;良好的ＧＵＩ设计原则;关注用户及其任务，而不是技术;我们的进度，在这里; 从用户的视角看问题，使用用户的词汇进行描述，保持一致性，引导用户的使用习惯;保留字列表;提供可视反馈 如果你曾有过傻傻的瞪着自己电脑上显示的沙漏等着一个操作结束的时候，就会明白没有可视化的反馈信息有多糟糕。 用户非常希望知道一个操作会花费多长的时间以便准备好足够的耐心。作为最一般的规则，当一个操作超过7～10秒的时候，大多数用户希望看到一个带有进度条的消息对话框。时间的长短要根据用户类型和应用程序的特点来调整。;一个医院派出救护车的系统界面;上图设计中的错误; 太多按钮。右侧的按钮应该在父窗口中，也许就在工具栏中，但不应该在子窗口中。 差的导向帮助。GUI控件应该按使用的频率摆放。最重要的字段应该放在左上；次要的字段应该放在右下。当分派救护车时很难想象公司名和发票号是最重要的字段。 控件的不合理使用。设计者采用了文本标签而不是组别框来区分屏幕上的数据应该归哪一组。这许许多多的文本标签弄得屏幕非常乱同时使数据和标签很难区分。可编辑的字段应该用一个框子框起来，以便可以非常直观的看出那些字段可以更改。 缺乏对称性。;改善后的界面;GUI设计案例赏析;;;;第一个例子完全没有使用空白，按钮之间的距离都是一样的，尽管我们知道这三个按钮点下去造成的后果大不相同。有意思的是，这个会造成数据损失的按钮竟然相当不方便的放在中间。 所以，这就造成一种被错误选择的可能性：如果你要点“是（Yes）”的右部，或者“取消（Cancel)”的左边，可手不小心一抖错过了几个象素就点到“否”按钮上了！数据因此而丢失。 而下面的这组按钮就有效的利用了空白。既然对话框中的提示是“您想在关闭文档前保存内容吗？”，所以这些按钮的动作结果和上面的一组一样：“取消”使关闭文档的命令取消；“保存”将保存文档并且关闭；因此“不要保存”按钮是唯一可以造成未保存数据丢失的按钮，所以它和其它两个按钮“取消”和“保存”（它们都不会未保存数据丢失）之间有一个很大的空白。这样的分布保证了让用户偶然错误选择“不要保存”的可能性非常小。;选择合适的控件。上图中，yes和no只能二选一，所以不应该使用checkbox，而是radiobutton;GUI图形用户界面设计过程;GUI设计工具;GUI Design Studio是什么？;;;;;;;利用GUI Design Studio自带的案例进行学习;几个要点;在GUI Design Studio中完成图书管理系统的GUI设计;建立界面控制流的转换;建立界面控制流的转换;为图书管理系统主界面增加菜单项;为“注销”和主界面的关闭按钮添加一个确认退出系统的对话框;依次类推……;课程小结