第五组交互设计文档Hunger Killer

Posted 2020-09-30 ticktickla

 【第五组】交互设计文档Hunger Killer

整体流程

主页面

 

 

登录注册小弹窗

 

点击主页用户头像区可以进入登录注册页面，未注册用户选择注册按钮，链接到注册页面。

登录用户名和密码不为空，记住密码和自动登录可选，已注册用户在在登录注册页面直接输入账号信息，点击登录按钮，核验通过即登录成功，显示登录成功消息提示框；若已在另外设备登录，用户名或密码错误，未连接到服务器都提示相应消息提示框，登录失败。

点击关闭按钮退出登录注册小弹窗。页面跳转至主页面。

注册页面

 

 

用户名不少于四个字符且唯一，密码不少于6个字符且两次密码输入一致，邮箱格式必须正确，口味至少勾选一个，必须选择是否推送，符合要求点击注册成功。

趣味决策

 

趣味决策按钮，左侧可以选择口味，点击开始/结束按钮，开始或停止转盘转动，更新转盘可以更换转盘中的选择项，右侧可以显示选中内容的详细信息，点击满意按钮表示对结果满意。

菜品详情

 

在右下角评论输入框内输入评论内容，点击发布评论发布。

管理员页面

 

管理员页面分为三个部分，第一部分是后退按钮，可以返回上一页；第二部分是搜索框，可以搜索评论；第三部分是一个选择框，可以查看管理员个人信息；第四部分是四个按钮，分别跳转至发布菜品页面，发布活动页面，删除评论页面和活动撤销页面

管理员页面-发布菜品

 

 

菜品简介有字数限制，在200字以内。点击发布，确认发布

管理员页面-评论管理

 

 

选择某一项评论前方的复选框，点击页面右下角的删除按钮可以批量删除；点击某一项评论后方的删除按钮可以删除该项评论。

设置侧滑框

 

 

个人信息

 

 

点击注销按钮可以退出登录，退出成功，显示