测试

2016-10-08  本文已影响0人  zzzzeke

个人空间日程

日程范围:

沙龙

个人报名参加的沙龙

上课吧

http://g.fp.ps.netease.com/km/file/57ea307096dee4c10ecb61dejxWi8QiJ个人报名参加的上课吧

丢外

墙外墙外d

圈外墙外

墙外去外墙外

团建活动(暂时不做)

个人报名参加的团建活动

易播直播

个人订阅的直播

页面层级

个人空间预览页(入口)

个人日历内页

月视图

详情浮窗

日程图

事项类型

沙龙

标题、开始时间、结束时间、上课地点、详情地址

上课吧

标题、开始时间、结束时间、上课地点、详情地址

直播

标题、所在频道、开始时间、结束时间、详情地址

团建活动(暂时不做)

功能实现

个人空间预览页

在个人空间侧边栏展示,显示为本周日程。

按周一至周日显示用户的日程,并在后面显示相关日程,无日程则只显示星期,若本周内无任何日程则显示空白页。

当天日期高亮显示。

展示逻辑

显示规则:时间+日程标识+日程名称。

交互逻辑

点击箭头,进入到月视图

月视图

展示逻辑:

月视图上每天最多显示三条日程,多于三条则显示为"...",还有n条日程。

默认显示日程的时间+日程名称,如果是全天日程则显示为全天+日程名称。

如果是跨天日程,则显示为日程名称,颜色条覆盖到结束日程。

不同日程类型显示不同颜色(配色UX提供,与个人空间资源统计一致):

沙龙

上课吧

直播

活动

本月当天高亮显示。

交互逻辑:

若点击日程表按钮,则进入日程表视图。 若点击事件,则弹出详情浮窗。

日程表

展示逻辑:

在本月内,以天为单位展示当月每天的日程。

本模式和月视图的区别是,并不突出日程事项和日期、星期的关系,而是突出上下时间顺序上的关系。

指定月份中有日程的日子,都会列在表格中,指明所在的月份+日期+星期。无日程的日子,不会展示。

每日的日程默认收缩,点击则展开详情,显示该日程下所有的详情字段。

跨天的日程,后面加上“跨天”的标记。

今日的日程,高亮展示,并增加“今天”的标记。 如某日日程为空,则不展示当天。

详情浮窗

在月视图点击日程,则弹出日程详情页。

沙龙日程:依次显示 标题、日程类型、开始时间、结束时间、上课地点、详情URL

上课吧日程:依次显示 标题、日程类型、开始时间、结束时间、上课地点、详情URL

直播日程:标题、日程类型、开始时间、结束时间、所在频道、详情URL

活动日程:(待补充)

详情URL点击可直接跳转

上一篇 下一篇

猜你喜欢

热点阅读