码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-30 12:45:54      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:输入框   kill   趣味   用户名   设备   不为   发布   头像   简介   

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

整体流程

技术分享

主页面

 技术分享

技术分享

 

登录注册小弹窗

技术分享

 

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

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

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

注册页面

 技术分享

 

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

趣味决策

技术分享

 

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

菜品详情

 技术分享

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

管理员页面

技术分享

 

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

管理员页面-发布菜品

 技术分享

 

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

管理员页面-评论管理

 技术分享

 

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

设置侧滑框

 技术分享

 

个人信息

 技术分享

 

点击注销按钮可以退出登录,退出成功,显示技术分享

 

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

标签:输入框   kill   趣味   用户名   设备   不为   发布   头像   简介   

原文地址:http://www.cnblogs.com/SakuraSong/p/7258548.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!