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