电子日历系统设计毕业论文

　电子日历系统的设计 设计艺术学

　人机交互课程小组作业

　组员：杨景轶 李伯杨 张铎 李众长 1、设计思路 电子日历系统主要是用于院系的日常事务，解决个人与集体的时间冲突等问题。在确定题目之后，小组进行了简单的讨论，我们初步确定了我们的电子日历的一些基本特点：

　 界面风格简明、正式  与用户需要经常使用的邮件系统、短信系统、SNS 等做一定的结合  功能不求多，但求普适、方便、好用  用户自定义 以上四点是我们本次作业的主要方向，我们认为，校内使用的日历系统主要是用于会议、课程和特殊事务的，它在一定程度上可以与私人的日程计划表一类的时间管理系统进行结合，也就是将个人的事务（无论私事公事）与学校的工作教学事务进行结合，整理到一个平台上，这样一来方便了校内用户的使用，使得在个人维度上，时间管理能够更加有效地进行。

　（1）界面风格简明、正式 首先，该电子日历系统是在学校内部使用的，属于公共办公系统，因此它的界面设计必须正式、简洁，但同时需要在一定程度上做一些视觉效果。因此下图的情况是我们想要尽力避免的：

　图 1-1 上图中的网页设计，正式有余，美观不足。而什么样的美观效果是我们需要的呢？不用过于花哨，我们在日常生活中发现，校园网的登陆页面就是一个简单美观的典范，如下图所示：

　 图 1-2 最终我们找到了一个集正式、简约、美观为一体的网页范本，那就是香港理工大学的官方网站。其实港大、城市大学、浸会大学的页面都很符合我们的要求，由于篇幅限制，因此在这里还是只摘录理工大学的官网。如下图所示：

　图 1-3 从理工大学的页面我们可以发现，整体效果是非常统一简洁的（再回想一下我们的图

　1-1 即可更加容易理解这个简洁感），也非常美观，却并不繁杂。

　那么我们的范本目标即是做出一个能够平衡美观和信息于一体的校内电子日历系统。

　（2）与用户需要经常使用的邮件系统、短信系统、SNS 等做一定的结合 其次，我们认为，如果把该日历系统和人们的社交网络进行结合，也许会有很好的效果。同样的，我们在日常生活中发现，北邮的很多辅导员都会在人人网上与学生进行互动，很多的通知、公告也会通过他们的人人状态或日志来发出。由于很多同学需要每天登陆人人网，在刷新好友新鲜事的同时很容易就能看到导员发布的新消息。由此我们想到，日历系统可以以类似的方式与社交网络进行结合。这里的社交网络包括但不限于 SNS 平台、邮件系统、电话、短信等。我们希望人们能够在日历系统上拥有自己的个人页面，上面罗列着自己最近一周或一个月内要做的事（特殊隐私要求导致不公开的除外），同时人们也可以通过搜索用户名去查看别的用户的页面，上面显示着该用户允许公开的所有日程。

　特别要强调的是，我们的电子日历具有一定的 SNS 特征，但是并不代表它具有 SNS 的全部功能。毕竟这是基于学校内部使用的日历系统，主要是用户对自己进行时间管理的平台，它需要有一些用户之间相互交流的功能，但是不宜过多，以免喧宾夺主。同时我们的电子日历是可以与用户的邮件系统、电话号码进行绑定的，用户可以通过日历系统登陆邮箱，也可以绑定手机号，让日历系统将新消息或新提醒同步到手机。

　（3）功能不求多，但求普适、方便、好用 很多产品设计容易犯的一个错误是：将尽可能多的功能赋予在同一个产品上。这会导致该产品庞杂无边，每样功能都有却样样体验不佳。这就是为什么很多“多功能产品”从来不好卖，尽管它们的价格很便宜，但是却一直难登大雅之堂，如下图的万用充电器和山寨手机：

　 图 1-5 因此，这也是我们希望避免的。由于该电子日历系统是主要用于时间管理的，它是能够优化人们的工作计划的，也能够帮助人们提高工作效率。因此我们详细的列出了用户需求和该电子日历的主要功能，并且斟酌、调研、选择，最终确定了我们需要做的基础功能和一些非常细小却能提升工作效率和体验的功能。

　（4）用户自定义 最后，是现在很流行的一种体验方式，用户自定义。用户自定义并不意味着用户需要自己定义100%的内容，而是我们提供给用户一个高效率的平台，然后让用户自定义剩下10%-15%能够将其的工作变得更为高效的内容。例如，用户可以自己选择不同日程的颜色，会议为橙色、私事为蓝色等等。这是非常小的步骤，用户可以自己决定是否来自定义这些内容（因为系统会有默认颜色搭配，但当用户的日程类型已经不属于系统所提供的那几项日程类型的范

　畴时，可能还是需要用户自己来指定颜色）。如下图示范：

　图 1-6

　2、前期调研及准备 在初步确定了我们的研究方向后，我们决定使用头脑风暴法+卡片法+用户访谈的形式，来确定我们初步的用户需求表和基本功能，如图 2-1 所示。

　头脑风暴 卡片分类 用户访谈用户需求表 基本功能框架 图 2-1

　（1）

　头脑风暴

　图 2-2 我们小组成员首先进行了头脑风暴，围绕我们已经确定好的产品定义，提出多个或大或小的功能，先将其只做记录和注解，随后再将我们提出的所有功能进行简单的归类，如下图所示。

　 图 2-3 （2）卡片分类法 经历过头脑风暴之后我们得到一张最基本的功能表，然后我们将其制成卡片，请到 15位用户，并进行分类。

　卡片内容及详细释义如表 2-1 所示：

　卡片内容

　释义

　示例

　安排会议

　 用户可以使用日历系统安排会议，日历系统会自动匹配与会人的日程表，统计出可以开会的时间，或提出调整时间的方案，方便用户做出选择。

　示例：

　Jeremy 使用日历系统来安排一个小型课题组讨论会议，需要参与该会议的有另外1 名教员及 3 名研究生。日历系统在安排中发现有两名研究生的上课时间与会议有冲突，于是提供给 Jeremy 一个调整时间的方案，Jeremy 选择确认后，日历系统自动发送邮件（或短信）给其它几名与会人。与调整时间相关系的两名研究生也调整了各自的时间，按时参与了会议。

　查看日程表

　 用户可以查看自己或他人的示例：

　日程表。

　 Mars 是一名本科生，他想和自己将来有意向报考的导师见个面，于是登陆日历系统查看导师未来一周内的日程安排，包括课程和会议时间，然后确认了导师的几个空闲时间，与老师预约见面。

　通知、提醒

　 用户在事项来临之前会接收到提醒，用户可以选择以邮件方式提醒或以短信方式提醒。

　示例：

　 用户在日历系统上设置的所有特殊事项都可以得到通知和提醒，用户可以自行选择系统是发送邮件还是发送短信来通知。

　上传信息

　 用户可以编辑自己的个人信息、日程信息并上传更新。

　示例：

　用户可以上传新头像，修改个人资料，另外可以上传自己的课程表，添加新的日程和事项等等。

　导出信息

　 用户可以将自定义时间段的信息导出成表格并打印。

　示例：

　用户可以将自己下一周、下一个月等时间段的信息导出成表格。

　工作计划

　 用户可以使用日历系统上传教师或学生工作安排，（安排包含：课程信息，时间，地点等）日历系统会自动罗列出个人计划日程表，并可以导出计划表单，方便查找。

　示例：

　Joy 是一个本科学生使用日历系统上传了他这周的学习上课的计划，从中他很清晰地查看出了，那天有课，什么时间比较空闲。为了可以随时看到，他将工作计划表打印了出来。

　备忘

　 用户可以使用日历系统在日历表找到需要的时间节点，在上面标注信息，具有记事本的功能架构，字数限制在120 个汉字左右。

　示例：

　 Alonso 是一名教师，他想起来明天要收上次留的家庭作业，怕明天忘记收，于是登陆日历系统，找到日历上的相应时间，上午 9：30，在时间下方，输入了简短的相关内容，设置了铃声提醒。

　留言

　 用户在在遇到临时时间的时候，需要及时通知给大家，用户可以选择以留言方式通知大家。或者，用户需要联系某人，但是在对方不在线的情况下，可选择给对方留言。

　示例：

　 Massa 是一名辅导员教师，他收到通知需要知会给他的每一个学生，用户在日历系统上及时输入信息，信息将在每个所通知的终端上，有所显示。

　在线沟通

　 用户可以使用日历系统的通讯系统，查看在线人员，并找到相应联系人进行相应的即时信息交流。

　示例：

　Vettel 是一名研究生，他有一个问题想马上得到老师的回复，他查阅了通讯表名单，找到了要联络的老师，并且他也在使用日历系统。此时，他发送了信息给对方，与对方进行了即时的沟通。

　预约

　 用户可以使用日历系统查看教师的课程安排计划，在适当时间可以预约时间，找到老师。并且通过此系统让老师知道，有谁需要或想要与他会面。，和用户查看最终的反馈情况。

　示例：

　Webber 是一名想要考研的本校学生。他可以在这个系统里，查看老师的课程安排，找到老师没有课的时间，并向老师发出请求，希望与他进行会面。

　个性化设置

　 用户可以更换电子日历的皮肤、主题、字体显示等 示例：

　Jessica 老师喜欢粉色的东西，所以她决定在自己的电子日历里面找到设置，在皮肤设置选项里面选择了粉色。就这样，她觉得这个东西更加符合她的特点和喜好。同时她也尝试了更换了几种主题，最终选定了一种也是她比较喜欢的爱情主题。最后她把字体变大了一些，这样子她可以看的更加清楚。

　校历

　 用户可以查看校历信息、安排等

　 示例：

　 Tom 是某所大学的教师，这所大学也有属于自己的校历。在电子日历上，通过点击

　可以查看自己的课程安排和校历信息等。今天 Tom 看了一下自己周二下午没有课程，刚好这个下午校历上显示是学校的运动会，Tom 就利用这段时间去看运动会了。

　电子贺卡

　用户可以登录后在电子日历平台上互赠电子贺卡，增进友谊。

　示例：

　Clark 通过查看他的老师的电子日历，得知后天是老师的生日，因此他在电子日历上选择了一款电子生日贺卡送给老师。老师看到后，也通过这个平台给他回赠了一个电子巧克力表示感谢。

　提醒

　 用户可以设置属于自己的提醒，定时定点的提醒用户具体事项。

　示例：

　用户可以在某天，比说说节假日，让电子日历提醒自己需要去订购机票，准备各种度假的需要。

　推送

　 用户可以收到来自学校教务处统一发出的公告与通知。

　示例：

　用户在浏览电子日历，查看自己这周的事务安排，来自教务处的公告将弹出，用户可以及时浏览，也可以稍后在专门板块里进行查看。

　表 2-1

　用户卡片分类场景如下图所示：

　图 2-4 卡片分类的人员来源如下表所示：

　来源 北邮数媒学院硕士生 北师心理学院硕士生 北师心理学院助教 北邮自动化院硕士生 北邮信通院硕士生 数量(15) 10 2 1 1 1 表 2-2 卡片分类的主要结果如下图表所示：

　图 2-5 根据柱状图可以看到，听过我们的讲解之后，用户对于该电子日历的主要功能已经能够做出一个清晰的判断，大家选择的第一层级内的功能主要包含了电子日历所能做到的基本功能，没有任何用户将留言、聊天或发送贺卡这样的功能放进第一层级中。

　（3）用户访谈 有 15 名用户在做过卡片分类之后又接受了我们的访谈，我们得到的结果如下：

　 功能简化 操作方便  人性化设置 更加符合个人需求需要自由划分  单机功能与网络功能划分  大部分人都认同 IM 功能 预约 留言  可以区分不同事件重要性  提醒我日程冲突的事件，如果能帮我自动调整安排那就最好了 同时我们得到一些新的用户需求，是我们在头脑风暴中也没有考虑到的：

　① 手机客户端：根据用户反馈，希望能够有手机版的电子日历，可以随时在手机上查看并进行相关操作，简单快捷。

　② 声音提醒不同事件：用户希望能够通过声音来区别出不同的事件，可以达到听觉上的提醒。

　③ 安全需求：用户觉的电子日历上涉及的个人信息比较多，担心信息的泄漏。因此需要对信息安全做保护。

　④ 自定义设置：用户希望能够自主安排电子日历的显示内容，以及方式等，使这个日历成为他生活喜爱的一部分。

　⑤ 重要性区分：用户觉的事件能够按照其重要性来分类，这样子可以在处理事情的时候有所侧重。

　⑥ 日程冲突安排：在各种日程安排出现冲突的时候，用户希望能够有些推荐方案，或者自动将不重要的事件自动安排，并通知用户。

　（4）用户角色的建立 我们建立了三个基本的角色，分别代表三种不同类型的人群使用我们的产品的状况。

　编号 姓名 年龄 职位 情境 1 Aaron

　37 岁 教师 Aaron 主要负责北京邮电大学信息与通信工程学院 WT&T实验室的项目事务，同时任教本科生的部分实验课程。

　每周需要开三次固定会议，一次是实验室例会，一次是教研室例会，一次是项目组例会，除此之外还有一些不定时的小会议碰面和辅导。

　Aaron 可以使用日历系统计划自己的日程，可以接受会议邀请，也可以发出会议邀请，用于召开一些临时的小会议。

　2 Jeremy

　21 岁 本科大四学生 Jeremy 是北京邮电大学信息与通信工程学院通信工程专业大四在读本科生。四年总评成绩优异，决定保研。

　大四第一学期的课程不是很多，Jeremy 想趁学期伊始，一边上课一边联系感兴趣的实验室，有机会的话最好可以直接参与实验室的项目。

　Jeremy 可以使用日历系统查看各个实验室老师的日程安

　排，并申请与老师预约见面。

　Jeremy 还可以根据日历系统上的生日提醒来问候老师。

　为了方便老师认识自己，Jeremy 还可以上传自己的头像，修改一些基本资料。

　3 Sam

　42 岁 教务处干事 Sam 是北京邮电大学教务处干事，平时除日常事例外，还负责更新和发布布告栏消息。

　Sam 可以利用日历系统计划自己的工作日程，也可以将学校的各项通知直接推送给所有（或相关）师生，这样老师和学生们除了去布告栏查看新通知之外，也可以直接登录日历系统，在属于自己的页面上即可直接查看学校的通知。

　表 2-3 3、用户需求表的建立 我们在前一步研究和调研的基础上，整理出电子日历系统的用户需求表。

　如表 3-1 示：

　表 表 3-1 用户需求表 模块

　子模块

　Feature

　任务描述

　登录

　注册

　设 置 个性化设置 页面风格 支持几种简约页面风格 字体 支持以大中小号字体显示内容 主题 背景主题 显示选项

　 通知设置 提醒音设置 不同的提示音 提醒方式 短信提醒 邮件提醒 网页声音+图标提醒 绑定服务 绑定手机号码 可以通过手机登陆 可以收到短信通知 绑定邮箱 接新邮件提醒 可以通过日历系统的邮件提醒进入邮箱 账号设置 修改基本资料 昵称、头像等修改 修改密码

　 日 历 系 统 日程表 查看个人日程表 不同色块标识出会议、日程 查看其它用户日程表 可以任选该用户日程表上的一天进行预约、安排会面等活动 查看校历

　添加日程 计划、备忘工作 修改日程 修改计划 安排会面 发起一个会面 选择与会人员、时间、地点

　接受他人的会面邀请 弹出的会面邀请窗口上同时显示该会议详情 预约 可以在其他用户的日程表上点击日期选择预约；也可以在用户自己页面上点击预约，然后设置其它项目 接受预约 接受来自他人的预约邀请 改签预约 修改预约时间等信息 忽略预约 忽略来自他人的预约请求 隐私设置 公开全部日程 所有人可以查看你的日程安排 公开部分日程 选择性公开会议、课程等安排 通 知 提 醒 个人通知 新会议通知 登陆后如果有通知，通知中心会有数字角标 新预约通知 通知中心同时显示通知的前 10个字符、通知的来源，方便用户第一时间 check it out 新邮件通知 通过新邮件通知直接链接进入用户绑定的邮箱，方便在日历系统内集合办公 新留言通知 留言是公开的，用户的留言板为全站可见模式 站内信通知 站内信为私密信件，除用户外其他人均为不可见

　 可以将日历系统的站内信与邮件绑定，定期将站内信的内容同步到个人邮箱 新贺卡通知

　 提醒备忘 日程提醒 用户可以选择是以短信形式来通知还是以邮件形式 会议提醒 用户自己设定需要提醒的时间，例如与会前12小时或30分钟内提醒 预约提醒 同上 生日提醒 系统自动提示最近 2-3 天过生日的用户，用户可以选择自己认识的其它用户来发送贺卡 公告板 教务布告 发布新布告 修改、删除布告 布告排序 未读布告标题为加粗，已读布告标题为正常字号 实时更新动态栏 实时滚动更新 SNS 留言板 查看留言

　功能

　 发布留言

　删除留言

　修改留言

　 查看留言者信息

　站内信 收发信件 日历系统内部的邮件系统 手机客户端

　表 3-1

　4、产品架构

　图 4-1

　5、流程框架图 LOGIN注册主页面首页个人页面好友搜索留言板通知中心设置搜索人名、课程名、活动名好友列表添加/删除/搜索好友查看好友日程表找回密码快速入口至布告栏、我的日程等计划工作新建日程备忘录编辑查看留言删除留言各种通知分类显示页面修改标签页（添加、删除）隐私安全设置个性化设置手机邮箱绑定 图 5-1

　6、界面 （1）原型

　图 6-1 纸面原型 （2）起始、登录界面

　 图 6-2 起始界面

　 图 6-3 登陆成功界面

　 图 6-4 初始界面 （3）查看通知中心

　 图 6-5 通知中心 （4）预约功能

　图 6-6 预约功能流程

　当有回复的时候， 提醒反馈信息数量。

　事件取消状态 选择地点 选择教师 状态显示栏 设计说明：具有预约功能的电子日历，通过颜色来区别出事件，预约事件的详细情况。

　日期选择

　预约功能全部界面

　 事件描述界面 预约状态显示和颜色区分 事件

　（5）安排工作计划

　安排工作计划流程

　（6）送贺卡功能

　 多种功能选择

　礼 物 选择

　 送贺卡功能全部流程图

　爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰相肚里能撑船。

　 最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。

　 君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。

　 宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。

　 不要轻易放弃感情，谁都会心疼；不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。

　 世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。

　感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离不弃。

　 爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。

　 人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？

　 这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就那么一块，心里一直装着你其实是难得。

　 动了真情，情才会最难割；付出真心，心才会最难舍。

　 你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降，完全变了性格，越来越不果断。

　 所以啊，不管你有多聪明，多有手段，多富有攻击性，真的爱上人时，就一点也用不上。

　 这件事情告诉我们。谁在你面前很聪明，很有手段，谁就真的不爱你呀。

　 遇到你之前，我以为爱是惊天动地，爱是轰轰烈烈抵死缠绵；我以为爱是荡气回肠，爱是热血沸腾幸福满满。

　 我以为爱是窒息疯狂，爱是炙热的火炭。婚姻生活牵手走过酸甜苦辣温馨与艰难，我开始懂得爱是经得起平淡。

　爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰相肚里能撑船。

　 最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。

　 君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。

　 宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。

　 不要轻易放弃感情，谁都会心疼；不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。

　 世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。

　 感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离不弃。

　 爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。

　 人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？

　这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就那么一块，心里一直装着你其实是难得。

　 动了真情，情才会最难割；付出真心，心才会最难舍。

　 你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降，完全变了性格，越来越不果断。

　 所以啊，不管你有多聪明，多有手段，多富有攻击性，真的爱上人时，就一点也用不上。

　 这件事情告诉我们。谁在你面前很聪明，很有手段，谁就真的不爱你呀。

　 遇到你之前，我以为爱是惊天动地，爱是轰轰烈烈抵死缠绵；我以为爱是荡气回肠，爱是热血沸腾幸福满满。

　我以为爱是窒息疯狂，爱是炙热的火炭。婚姻生活牵手走过酸甜苦辣温馨与艰难，我开始懂得爱是经得起平淡。