Experiment 2: Design a graphic user interface

用户界面设计实例

设计的系统名称：个人日常事务管理系统

针对用户群是：广大电脑用户（有一定的电脑操作基础），officer和广大学生。

一、系统需求分析（The system requirement）

针对officer和学生们的需求分析，从我自身分析：对于我日常的安排我平时会用专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带，现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持1.、本机数据保存。2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。

二、系统功能定义（The function definitions）

 

   

     

     实现功能（主界面导航）：

一、 工作台（主要功能）：

1、待办事件       2、日程安排        3、效率评估    

   4、通讯录         5、定时提醒

二、 通行路线：

         可以和平时安排联系起来，可以提前安排好行车路线

三、 天气情况

         和日程安排联系起来，提醒用户天气状况，便于用户及时修改自己的日程安排。

四、 桌面图标

         将桌面快捷方式整理到这里，这是方便用户的一个小工具，此功能为了挽留用户，功能太单一，用户可能会流失。

三、界面设计和标准（The Principles）

   风格设计分析：针对用户年轻，更加偏好色彩丰富，但是针对于此软件要求的功能应符合操作简单。则主要用鼠标点击操作就可以方便的查看用户的日程安排信息。虽然要追求界面的时尚和华丽，但是界面过于艳丽，容易导致用户视觉疲劳。则轻松的淡彩色为主配色，灰色系为主。

   用户导航显示：简单明了，文字描述要明了，通过文字和图标配合示意，用户看到按钮，可以快速的明白此按钮功能。布局应该满足用户习惯，结合广大软件按钮布局方式。

为了保持界面在设计过程中，要求各个界面的风格的统一，先做出表格，列出界面制作统一的原则和规范。

四、我设计的界面（The GUIs）

1、    登录界面：

2、主界面

3、 子界面显示

4、子界面-子界面-子界面

五、和已有类似界面的比较（My GUIs versus other similar GUIs）

1、登陆界面对比：

  2、主界面：

3、子界面-主界面

4、子界面-子界面-主界面

六、对自已设计界面的可用性评估（The guidelines）

   1、Time to learn:

     在进入界面开始，会有导航，和新手入门，一步步帮助用户去了解和学习本软件的功能，由于主要面对的用户群是广大的学生和officer们，都是有一定电脑操作基础的人群，设计的这个界面简洁，按钮文字很清楚的描述了所带的功能，用户会比较快的时间内掌握此软件的使用。

2、Speed of performance：

     此软件设计数据支持本地存储和上传服务器，当网速或其他原因，不便从服务器读取数据时，则可以先在本地操作，这种设计就加快了运行的速度。由于面向的个人事务管理，功能不够强大，但是运行速度会较快，这很好的满足了用户的需要。

3、Rate of errors by users：

     软件界面是分为三层的，主要都是在主界面完成的，而且会帮助用户提醒所犯的错误，用户的日程安排对时间的精确性要求比较高，则在时间设置和设置提醒方面则不允许出错，否则可能会给用户带来不便，则在时间方面会有纠错能力，并且取出歧义，例如：24时或12时会明确指出上午、下午和晚上，也提醒用户注意时间安排，如果有冲突也会提出有错，并会指出错误的原因。

4、Subjective satisfaction：

     此界面清爽，颜色柔和，并且增加了一些小工具，在帮助用户安排日程的同时，用户也可以用此软件帮助自己更好生活。天气状况，行车路线，在安排日程的同时也会和这些情况结合起来。例如：人们在安排日程任务的时候都会受到这些情况的影响，我们设计这款软件就是为了满足用户的需求，则在需求分析中就设计到了这点，这款软件暂时集合了这些功能来满足用户安排好事务，结合良好的界面，估计用户对这款软件会比较满意。

5、Retention over time：

      此界面按钮和字体设计比较大，排版也很清晰，在很好满足功能的同时尽可能划分不同功能的区域于固定位置，这样可以避免由于界面过于繁杂和密集导致用户产生疲劳感，而且各种功能的实现基本都是通过主界面的导航实现的，这样可以使用户方便简捷的操作，从而让用户得到较好的用户体验。

  

七、用户测评和建议（Review）

  从班中找学生评价，

用户身份：大学生   （计科专业）

分析：有一定的操作电脑的知识，接触过较多的软件

测试用户一：

    身份：大二学生（男）

感受：认为功能实现上是满意的，但是认为按钮分布比较乱，不清楚一些按钮的功能，认为一些按钮分布没有必要，认为有些功能与想要实现的功能没有关系，认为桌面快捷方式没有关系。

建议：可以让界面色彩更丰富些，使界面可以换各种皮肤，按钮字体可以小些。

测试用户二：

    身份：大二学生（男）

感受：感觉不错，各种功能都为用户考虑到了，但是在输入内容的界面有垂直滚动，翻屏页数过多会导致使用很不好的感觉。

建议：应该尽可能减少这种滚动，尽可能不超过两屏。这样使用更方便些。在按钮布局有层次性很好，但是最好考虑到达到一个功能，有关联的顺序点击的按钮之间的距离尽可能的达到最短，这样可以使使用效率更高些。

第二篇：实验二 windows用户界面设计

实验二 windows用户界面设计

一、实验目的

1、掌握Microsoft Visio的使用方法，熟悉其中的各种图表；学会利用Microsoft Visio来建立所需要的用户界面。

2、通过“Windows XP 用户界面”模板，可以使用根据 Microsoft Windows XP 指导原则设计的形状来创建用户界面的模型。这些形状包括界面中常用的各种元素，如空白窗体（应用程序窗口的基础）、向导页、工具栏和菜单形状以及控件形状等。

二、实验步骤

1.创建应用程序窗口

(1)从“窗口和对话框”中，将“空白窗体”形状拖到绘图页上。 (2)选择该形状后，键入应用程序窗口的标题。 (3)要在标题栏中文本的左侧添加图标，请右击“空白窗体”形状并选取“图标空间”复选框。 (4)将“窗口按钮”形状拖到标题栏的右端并选择按钮类型。通常有三种按钮：“最小化”按钮、“最大化”或“还原”按钮以及“关闭”按钮，按从左到右的顺序排列。 (5)从“工具栏和菜单”中，将“菜单栏”形状拖到“空白窗体”形状上，将其粘附到标题栏的底部，然后添加菜单项。(6)从“工具栏和菜单”中，将“工具栏”形状拖到“空白窗体”形状上，将其粘附到菜单栏的底部，然后添加工具栏按钮。(7)“公共控件”中，根据需要将水平和垂直滚动条拖到“空白窗体”形状的右侧和底部边缘。 (8)击滚动条并选择“设置缩略图大小”，以指示窗口可滚动的距离。

提示 要指示只显示文档的一小部分，请将缩略图设为较小尺寸。要指示显示文档的大部分，请将缩略图设为较大尺寸。

(9)“状态栏”形状拖到应用程序窗口的下边缘，并相应设置格式。

可选具体应用程序窗口：（1）word（2）excel（3）powerpoint（4）qq界面

2.创建 Windows XP 向导

对于只含一页的向导，请使用“简单 - 单页”形状；对于包含二到三页的向导，请使用“简单向导”形状；对于包含四个或更多屏幕的向导，请使用“高级向导”形状。

可选向导创建：visio的向导、powerpoint的向导等

3.创建对话框

4.

打开文件、保存文件的对话框、关闭窗口的对话框

三、实验内容

1. 画出教育基金会捐助资金管理系统的主要用户界面图

2. 画出电子名片管理系统的主要用户界面图

四、实验课时：4