日历系统毕业设计.docx

设计艺术学 人机交互课程小组作业杨景轶 李伯杨 张铎 李众长电子日历系统的设计设计艺术学 人机交互课程小组作业 组员：杨景轶 李伯杨 张铎 李众长1、设计思路电子日历系统主要是用于院系的日常事务，解决个人与集体的时间冲突等问题。在确定题目之后，小组进行了简单的讨论，我们初步确定了我们的电子日历的一些基本特点： 界面风格简明、正式 与用户需要经常使用的邮件系统、短信系统、SNS等做一定的结合 功能不求多，但求普适、方便、好用 用户自定义以上四点是我们本次作业的主要方向，我们认为，校内使用的日历系统主要是用于会议、课程和特殊事务的，它在一定程度上可以与私人的日程计划表一类的时间管理系统进行结合，也就是将个人的事务（无论私事公事）与学校的工作教学事务进行结合，整理到一个平台上，这样一来方便了校内用户的使用，使得在个人维度上，时间管理能够更加有效地进行。（1）界面风格简明、正式首先，该电子日历系统是在学校内部使用的，属于公共办公系统，因此它的界面设计必须正式、简洁，但同时需要在一定程度上做一些视觉效果。因此下图的情况是我们想要尽力避免的：图1-1上图中的网页设计，正式有余，美观不足。而什么样的美观效果是我们需要的呢？不用过于花哨，我们在日常生活中发现，校园网的登陆页面就是一个简单美观的典范，如下图所示：图1-2最终我们找到了一个集正式、简约、美观为一体的网页范本，那就是香港理工大学的官方网站。其实港大、城市大学、浸会大学的页面都很符合我们的要求，由于篇幅限制，因此在这里还是只摘录理工大学的官网。如下图所示：图1-3从理工大学的页面我们可以发现，整体效果是非常统一简洁的（再回想一下我们的图1-1即可更加容易理解这个简洁感），也非常美观，却并不繁杂。那么我们的范本目标即是做出一个能够平衡美观和信息于一体的校内电子日历系统。（2）与用户需要经常使用的邮件系统、短信系统、SNS等做一定的结合其次，我们认为，如果把该日历系统和人们的社交网络进行结合，也许会有很好的效果。同样的，我们在日常生活中发现，北邮的很多辅导员都会在人人网上与学生进行互动，很多的通知、公告也会通过他们的人人状态或日志来发出。由于很多同学需要每天登陆人人网，在刷新好友新鲜事的同时很容易就能看到导员发布的新消息。由此我们想到，日历系统可以以类似的方式与社交网络进行结合。这里的社交网络包括但不限于SNS平台、邮件系统、电话、短信等。我们希望人们能够在日历系统上拥有自己的个人页面，上面罗列着自己最近一周或一个月内要做的事（特殊隐私要求导致不公开的除外），同时人们也可以通过搜索用户名去查看别的用户的页面，上面显示着该用户允许公开的所有日程。特别要强调的是，我们的电子日历具有一定的SNS特征，但是并不代表它具有SNS的全部功能。毕竟这是基于学校内部使用的日历系统，主要是用户对自己进行时间管理的平台，它需要有一些用户之间相互交流的功能，但是不宜过多，以免喧宾夺主。同时我们的电子日历是可以与用户的邮件系统、电话号码进行绑定的，用户可以通过日历系统登陆邮箱，也可以绑定手机号，让日历系统将新消息或新提醒同步到手机。（3）功能不求多，但求普适、方便、好用很多产品设计容易犯的一个错误是：将尽可能多的功能赋予在同一个产品上。这会导致该产品庞杂无边，每样功能都有却样样体验不佳。这就是为什么很多“多功能产品”从来不好卖，尽管它们的价格很便宜，但是却一直难登大雅之堂，如下图的万用充电器和山寨手机： 图1-5因此，这也是我们希望避免的。由于该电子日历系统是主要用于时间管理的，它是能够优化人们的工作计划的，也能够帮助人们提高工作效率。因此我们详细的列出了用户需求和该电子日历的主要功能，并且斟酌、调研、选择，最终确定了我们需要做的基础功能和一些非常细小却能提升工作效率和体验的功能。（4）用户自定义最后，是现在很流行的一种体验方式，用户自定义。用户自定义并不意味着用户需要自己定义100%的内容，而是我们提供给用户一个高效率的平台，然后让用户自定义剩下10%-15%能够将其的工作变得更为高效的内容。例如，用户可以自己选择不同日程的颜色，会议为橙色、私事为蓝色等等。这是非常小的步骤，用户可以自己决定是否来自定义这些内容（因为系统会有默认颜色搭配，但当用户的日程类型已经不属于系统所提供的那几项日程类型的范畴时，可能还是需要用户自己来指定颜色）。如下图示范：图1-62、前期调研及准备在初步确定了我们的研究方向后，我们决定使用头脑风暴法+卡片法+用户访谈的形式，来确定我们初步的用户需求表和基本功能，如图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)102111表2-2卡片分类的主要结果如下图表所示：图2-5根据柱状图可以看到，听过我们的讲解之后，用户对于该电子日历的主要功能已经能够做出一个清晰的判断，大家选择的第一层级内的功能主要包含了电子日历所能做到的基本功能，没有任何用户将留言、聊天或发送贺卡这样的功能放进第一层级中。（3）用户访谈有15名用户在做过卡片分类之后又接受了我们的访谈，我们得到的结果如下：l 功能简化 操作方便l 人性化设置 更加符合个人需求需要自由划分l 单机功能与网络功能划分l 大部分人都认同IM功能 预约 留言l 可以区分不同事件重要性l 提醒我日程冲突的事件，如果能帮我自动调整安排那就最好了同时我们得到一些新的用户需求，是我们在头脑风暴中也没有考虑到的： 手机客户端：根据用户反馈，希望能够有手机版的电子日历，可以随时在手机上查看并进行相关操作，简单快捷。 声音提醒不同事件：用户希望能够通过声音来区别出不同的事件，可以达到听觉上的提醒。 安全需求：用户觉的电子日历上涉及的个人信息比较多，担心信息的泄漏。因此需要对信息安全做保护。 自定义设置：用户希望能够自主安排电子日历的显示内容，以及方式等，使这个日历成为他生活喜爱的一部分。 重要性区分：用户觉的事件能够按照其重要性来分类，这样子可以在处理事情的时候有所侧重。 日程冲突安排：在各种日程安排出现冲突的时候，用户希望能够有些推荐方案，或者自动将不重要的事件自动安排，并通知用户。（4）用户角色的建立我们建立了三个基本的角色，分别代表三种不同类型的人群使用我们的产品的状况。编号姓名年龄职位情境1Aaron37岁教师Aaron主要负责北京邮电大学信息与通信工程学院WT&T实验室的项目事务，同时任教本科生的部分实验课程。 每周需要开三次固定会议，一次是实验室例会，一次是教研室例会，一次是项目组例会，除此之外还有一些不定时的小会议碰面和辅导。 Aaron可以使用日历系统计划自己的日程，可以接受会议邀请，也可以发出会议邀请，用于召开一些临时的小会议。 2Jeremy21岁本科大四学生Jeremy是北京邮电大学信息与通信工程学院通信工程专业大四在读本科生。四年总评成绩优异，决定保研。 大四第一学期的课程不是很多，Jeremy想趁学期伊始，一边上课一边联系感兴趣的实验室，有机会的话最好可以直接参与实验室的项目。 Jeremy可以使用日历系统查看各个实验室老师的日程安排，并申请与老师预约见面。 Jeremy还可以根据日历系统上的生日提醒来问候老师。 为了方便老师认识自己，Jeremy还可以上传自己的头像，修改一些基本资料。 3Sam42岁教务处干事Sam是北京邮电大学教务处干事，平时除日常事例外，还负责更新和发布布告栏消息。 Sam可以利用日历系统计划自己的工作日程，也可以将学校的各项通知直接推送给所有（或相关）师生，这样老师和学生们除了去布告栏查看新通知之外，也可以直接登录日历系统，在属于自己的页面上即可直接查看学校的通知。 表2-33、用户需求表的建立我们在前一步研究和调研的基础上，整理出电子日历系统的用户需求表。如表3-1示：表3-1用户需求表模块子模块Feature任务描述登录注册设置个性化设置页面风格支持几种简约页面风格字体支持以大中小号字体显示内容主题背景主题显示选项通知设置提醒音设置不同的提示音提醒方式短信提醒邮件提醒网页声音+图标提醒绑定服务绑定手机号码可以通过手机登陆可以收到短信通知绑定邮箱接新邮件提醒可以通过日历系统的邮件提醒进入邮箱账号设置修改基本资料昵称、头像等修改修改密码日历系统日程表查看个人日程表不同色块标识出会议、日程查看其它用户日程表可以任选该用户日程表上的一天进行预约、安排会面等活动查看校历添加日程计划、备忘工作修改日程修改计划安排会面发起一个会面选择与会人员、时间、地点接受他人的会面邀请弹出的会面邀请窗口上同时显示该会议详情预约可以在其他用户的日程表上点击日期选择预约；也可以在用户自己页面上点击预约，然后设置其它项目接受预约接受来自他人的预约邀请改签预约修改预约时间等信息忽略预约忽略来自他人的预约请求隐私设置公开全部日程所有人可以查看你的日程安排公开部分日程选择性公开会议、课程等安排通知提醒个人通知新会议通知登陆后如果有通知，通知中心会有数字角标新预约通知通知中心同时显示