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

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）
风格设计分析：针对用户年轻，更加偏好色彩丰富，但是针对于此软件要求的功能应符合操作简单。

则主要用鼠标点击操作就可以方便的查看用户的日程安排信息。

虽然要追求界面的时尚和华丽，但是界面过于艳丽，容易导致用户视觉疲劳。

则轻松的淡彩色为主配色，灰色系为主。

用户导航显示：简单明了，文字描述要明了，通过文字和图标配合示意，用户看到按钮，可以快速的明白此按钮功能。

布局应该满足用户习惯，结合广大软件按钮布局方式。

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

框体颜色外边框输入框按钮登陆界面蓝色，淡色，40% 灰色，淡色，30% 线条，淡色，50% 灰白色，80% 主界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80% 子界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80%文字部分标题文字输入框文字菜单文字帮助文字字体微软雅黑加粗微软雅黑微软雅黑微软雅黑
大小小四五号五号五号
颜色黑色灰色，50% 黑色黑色
四、我设计的界面（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）
从班中找学生评价，
用户身份：大学生（计科专业）
分析：有一定的操作电脑的知识，接触过较多的软件
测试用户一：
身份：大二学生（男）
感受：认为功能实现上是满意的，但是认为按钮分布比较乱，不清楚一些按钮的功能，认为一些按钮分布没有必要，认为有些功能与想要实现的功能没有关系，认为桌面快捷方式没有关系。

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

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

建议：应该尽可能减少这种滚动，尽可能不超过两屏。

这样使用更方便些。

在按钮布局有层次性很好，但是最好考虑到达到一个功能，有关联的顺序点击的按钮之间的距离尽可能的达到最短，这样可以使使用效率更高些。