功能描述
1.查看已发送消息
2.发送消息
界面
界面元素
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
群聊名称 |
展示 |
显示活动名称/愿望名称,例:“TV Game Night” |
无 |
活动开始日期 |
展示 |
日期,例:“Sat, June 6, 2020” |
无 |
参与人员 |
展示发起人、参与者 |
人员头像(发起人突出显示,参与者头像显示3个)、人员名称 |
无 |
消息提醒设置 | 屏蔽消息提醒 |
“Notification Setting”提示框: 选项固定为:All Notifications 、Highlights、Host Updates Only、Off; 单选,选项包括:标题、说明、状态(是否选中) |
a.点击“All Notifications”,消息列表中显示所有未读消息的数量; b.点击“Highlights”,消息列表中显示活动发起人、我的好友发送的未读消息的数量; c.点击“Highlights”,消息列表中显示活动发起人发送的未读消息的数量; d.点击“Highlights”,消息列表中不显示未读消息数量; |
聊天框 | 查看已发送消息 |
消息按照日期从小到大排序,按日期分类(例:“May 31,2020”); 一天的消息从早到晚显示; 默认滚动到最新消息的位置 |
a.上下滑动聊天框查看消息,可一直向上滚动直到没有消息 |
已发送消息 | 展示 |
发送消息显示在右侧、背景颜色:蓝色、字体颜色:白色; 接收消息显示在左侧、背景颜色:灰色、字体颜色:黑色; 消息内容、消息发送人头像、消息发送人名称(例:“Rob”)、 发送时间(例:“1:04PM”) |
无 |
常用消息 |
用于快速回复 |
显示预设的消息,随机排序; 每个消息长短不同,要考虑多行消息的情况 |
a.点击常用消息,发送该消息 |
消息输入框 |
填写消息 |
输入框为空时,显示:“post your message here”; 用户为游客时,不允许输入(例:用户未参与活动,进入该页面); 不限制输入长度、字符; |
a.点击输入框,输入消息 |
发送 |
发送消息 |
“发送”按钮; |
a.点击“发送”按钮发送消息,聊天框滚动到最新位置 b.未输入消息时,无法点击按钮 |