功能描述
1.搜索活动
2.查看好友参与的活动
3.查看我可能喜欢的活动
4.查看热度前十的活动
5.查看爱好标签
6.筛选活动
界面
界面元素-标签栏
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
MY EVENTS |
展示此标签页标题 | 标签“MY EVENTS” | a.点击标签,显示“选中”效果,进入此标签页【我的活动】 |
EXPLORE | 展示此标签页标题 |
标签“EXPLORE” | a.点击标签,显示“选中”效果,进入此标签页 |
INVITES | 展示此标签页标题 |
标签“INVITES” |
a.点击标签,显示“选中”效果,进入此标签页【邀请】,小圆点消失(如有); b.有邀请未查看时,标签右上角显示小圆点; |
界面元素-其他
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
页面标题 | 展示 |
文本“HOME” |
无 |
用户资料 | 查看用户资料 |
“![]() |
a.点击按钮进入【用户资料】页面 |
通知 | 查看通知 |
“![]() 当有未读通知时,按钮增加未读通知的累计数量 |
1.点击按钮进入【通知列表】页面 |
创建活动或添加好友 | 创建活动或添加好友 | ![]() |
1.点击按钮,显示下拉选择框:创建活动/添加好友 点击【Create Event】,进入【新建活动-填写活动名称】页面 点击【Add Friends】,进入【添加好友】页面 |
搜索 |
搜索活动 | 搜索图标、输入框(此时不允许输入) |
a.点击“搜索”,进入【搜索活动】页面 |
二维码 | 查看活动详情 |
“![]() |
a.点击按钮进入新页面,扫描二维码,进入【活动详情】页面 |
活动类别 | 筛选指定活动类别的活动 |
显示所有活动类别,从左到右显示,可向右滑动查看活动; 活动类别多选 |
a.选中活动类别,探索页面显示指定类别的活动 |
筛选 | 筛选活动 | “筛选”按钮;
筛选后“筛选”按钮显示为绿色 |
a.点击“筛选”按钮进入【筛选活动】页面,筛选后页面显示符合指定条件的活动 |
界面元素-好友参与的活动
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
好友参与的活动列表 | 查看好友参与的活动 |
显示2个最新的好友参与的活动,按朋友参与时间从近到远排序(去除重复活动) |
a.左右滑动查看活动列表 |
Your friends’ events |
展示活动列表标题 |
文本“Your friends’ events” | 无 |
See All |
查看全部好友参与的活动 |
“See All”按钮 |
a.点击按钮进入【活动列表】页面 |
好友参与的活动卡片 |
展示活动信息 |
活动封面、爱好标签(例:#Finedining)、 活动名称(例:Guitar Sharing)、 活动开始日期(例:Wed,Dec 11,2020)、 参与活动好友的头像、参与活动好友名称(例:Kenneth C)、 其他参与人数(例:15 Friends; 其他参与人数=参与活动总人数-1) |
a.点击活动卡片进入【活动详情】页面 |
界面元素-我可能喜欢的活动
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
我可能喜欢的活动列表 |
查看我感兴趣的活动 |
显示2个包含我选择的爱好标签活动,随机推荐 |
无 |
Events you may like |
展示活动列表标题 |
文本“Events you may like” |
无 |
活动卡片 |
展示活动信息 |
活动封面、爱好标签(例:#Finedining)、
活动名称(例:Guitar Sharing)、 活动开始日期(例:Wed,Dec 11,2020) |
a.点击活动卡片进入【活动详情】页面 |
界面元素-热度前十的活动
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
热度前十的活动列表 |
查看热度前十的活动 |
显示热度前二的2个活动 |
a.左右滑动查看活动列表 |
Top 10 events | 展示活动列表标题 |
文本“Top 10 events” |
无 |
See All |
查看热度前十的活动 | “See All”按钮 |
a.点击按钮进入【活动列表】页面 |
活动卡片 |
展示活动信息 |
活动封面、爱好标签(例:#Finedining)、
活动名称(例:Guitar Sharing)、 活动开始日期(例:Wed,Dec 11,2020) |
a.点击活动卡片进入【活动详情】页面 |
界面元素-爱好标签
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
爱好标签列表 |
查看爱好标签 |
显示2个爱好标签,随机推荐 |
a.左右滑动查看活动列表 |
Trending now # |
展示活动列表标题 |
文本“Trending now #” | 无 |
See All | 查看爱好标签列表 |
“See All”按钮 |
a.点击按钮进入【爱好标签列表】页面 |
爱好标签卡片 |
展示 |
爱好标签背景图片、 标签文本,例:“#Finedining” |
a.点击爱好标签卡片进入【此爱好标签的活动列表】页面 |
界面元素-底部导航栏
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
主页 |
查看活动 | “主页”图标 |
a.点击“主页”图标进入【主页】 |
联系人 | 查看联系人 |
“联系人”图标 |
a.点击“联系人”图标进入【联系人】页面 |
日历 |
查看活动日历 |
“日历”图标 |
a.点击“日历”图标进入【日历】页面 |
消息 |
查看活动消息 |
“消息”图标 当有未读消息时,按钮增加未读消息的累计数量 |
a.点击“消息”图标进入【活动消息列表】页面 |
匹配 | 匹配好友 | ‘匹配’图标 | 1.点击匹配图标,进入【匹配好友】页面 |