用户界面设计实验-系统界面设计实例

用户界面设计实例

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

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

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

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

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

个人日程管理系统主要是提供个人时间日程安排系统软件，它具有相当方便的操作接口，让用户能够对所安排的行程一目了然，除去主要功能还附带了更多功能和小工具，安排的行程可以生成通行路线，并会根据天气预报提醒当天安排是否影响。而且用户可以注册，注册后用户有更多的服务，安排的日程数据可以保存到本地同时可以更新到服务器，这样用户就算到外地也可以随时查看自己的日程安排，同时其他功能有：时钟提醒、通讯录、效率评估等。 实现功能（主界面导航）：

个人日常事

务管理系统 用户注册登录 主要功能实现 软件设置、帮助 用户登录界面 主界面（导航） 用户注册登录

子界面（功能）

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

1、待办事件

2、日程安排

3、效率评估

4、通讯录

5、定时提醒

二、通行路线：

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

三、天气情况

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

四、桌面图标

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

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

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

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

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

框体颜色外边框输入框按钮登陆界面蓝色，淡色，40% 灰色，淡色，30% 线条，淡色，50% 灰白色，80% 主界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80% 子界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80%文字部分标题文字输入框文字菜单文字帮助文字

字体微软雅黑加粗微软雅黑微软雅黑微软雅黑

大小小四五号五号五号

颜色黑色灰色，50% 黑色黑色

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

1、登录界面：

2、主界面

●界面左侧为：工作界面、今日事务、通行路线、天气状况、桌面图标

●界面上面是：日程安排、代办事件、效率评估、定时提醒、通讯录

●界面左上角：显示用户登录头像，登录ID名称、登录、注销、注册按钮●界面右侧是：日历，用户可以选择时间直接添加日程或查看日程

3、日程管理子界面显示

主要功能：日程安排

分为日程主题、开始时间、结束时间、完成情况、持续时间、备注用户可以直接点击然后输入内容。

由于可能日程安排太多，用户可以在搜索框中输入关键内容，就可以快速搜索出所锁定的日程。

4、添加日程子界面

添加日程，输入主题，时间是图形操作快速选择时间同时也可以输入时间，持续时间会根据开始和结束时间自动计算，优先级的选择，软件会给出日程重要性排序，完成进度帮助用户安排时间。备注：用来记录日程的注意事项等。

5、错误提示界面

错误提示界面：要清楚的向用户作出错误提示，表明错误产生的原因，此框体和软件的框体保持风格和色调一致，并且请求用户是否发送错误报告，这样充分考虑到了用户的心理，而且用户可以选择不显示此框体，错误可以在后台自动

解决并发送报告，前提这都是用户根据自己的要求设置好的，这样可以满足用户帮忙改进这个软件而且不会打扰到用户。

五、界面的可用性评估（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）

从班中找学生评价

用户身份：大学生

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

●测试用户一：

身份：大二学生（男）

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

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

●测试用户二：

身份：大二学生（男）

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

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