目录

一、 简介

1、 目的

2、 范围

二、 用户分析

1、 用户类型描述

2、 用户需求分析

3、 用户使用场景分析

三、 产品概述

1、 产品介绍

2、 产品功能架构

四、 版块——花社版块

1、 页面描述

2、 页面结构

3、 页面逻辑内容详细说明

一、 简介

本文档主要定义优家长的用户评价功能详细描述和前端页面的各个模块的内容和逻辑。

1、 目的

此文档的目的主要是清晰、有层次的定义页面原型中用户评价功能的内容来源和相关的逻辑。

2、 范围

此文档主要描述优家长中评级系统前端页面涉及到的功能点、相对应的后台管理功能支持、以及部分交互细节。本文档主要读者为技术部门的前端工程师，以及视觉部门的视觉设计。

二、 用户分析

1、 用户类型描述

2、 用户需求分析

伴随着互联网+教育的兴起，更多的消费者趋向于选择方便快捷，灵活度更高的网络教育平台：

（1）课后习题解惑；

（2）各学科成绩提升；

（3）升学考试咨询了解；

（4）兴趣素质类教育培训；

（5）随时与地与老师交流互动提问解疑；

（6）同学之间讨论分享，共同进步

3、 用户使用场景分析

三、 产品概述

1、 产品介绍

优家长是针对家长用户推出的一款致力于让家长快速、方便地学习升学资讯、了解自家孩子学习情况的手机移动应用。主要实现新闻阅读，升学资讯，老师在线交流，在线考试等功能，主要实现新闻阅读，升学资讯，老师在线交流，在线考试等功能。

2、 产品功能架构

四、 版块——花社版块

1、 页面描述

轻社区化概念，以评价、问答、活动、校区查询为页面二级导航，打造让用户更加直观，快捷了解心田花开培训机构的轻社区平台，主要功能为查看线下课程用户评价，课程升学咨询等在线问答，知识智慧活动召集，校区查询。

2、 页面结构

（1）消息提示入口

（2）搜索功能入口

（3）Banner轮播界面

（4）评价功能入口

（5）问答功能入口

（6）校区查询功能入口

（7）活动功能入口

（8）热门课程推荐列表

（9）推荐课程图片展示

（10）推荐课程教师信息入口

（11）推荐课程简介

（12）精选问答列表入口

（13）更多精选问答入口

（14）该条问答提交时间

（15）该条问答回答人数

（16）该条问答内容展示

3、 页面逻辑内容详细说明

3.1评价页面、精华评价页面进入

（1）浏览内容切换区：点击“花社”首页二级标签“评价”可以切换到“评价”页面，点击评价页面“精华评价”进入精华评价页面

页面交互说明：

·点击底部导航栏“花社”进入“花社”版块首页，在点击和进入“花社”版块过程中，底部导航栏中的花社图标与字体颜色均为翠绿色，其色号为：1EDB1E；

·点击花社首页二级标签区“评价”，内容页面从右到左划入界面；

·进入评价页面首页，顶部导航栏默认选择“最新评价”，其边框及框内填充色为翠绿色，色号为：1EDB1E，字体为白色；

·若用户手动选择“精华评价”，则“最新评价”显示调整为边框翠绿色，色号1EDB1E，框内填充白色，字体调整为黑色，同时，“精华评价”其边框及框内填充色为翠绿色，色号为：1EDB1E，字体为白色；

·进入评价页面首页，顶部导航栏下方评论标签默认选择“全部”，其边框及框内填充色为翠绿色，色号为：1EDB1E，透明度为40%，字体为黑色；

·若用户手动选择“好评”或其他评价标签，则被选中的评级标签显示为边框及框内填充翠绿色，色号1EDB1E，透明度40%，字体为黑色，同时，未被选中的标签其边框及框内填充色为浅灰色，色号为：F2F2F2，字体为黑色。

3.2进入编辑页面，发布评价

（1）入口：点击评价页面右上角“编辑”图标自动跳转到编辑页面，完成编辑内容，点击发布按钮，可发布评价。

（1）页面逻辑内容：

·在“最新评价”、“精华评价”页面，编辑图标都存在且位于页面右上角；

·点击页面右上角“编辑”按钮，进入编辑页面；

·输入评价内容，选择“图片”或选择“拍摄图片”，选择“标签”或“自定义标签”或忽略，完成内容编辑；

·编辑内容完成后点击发布按钮，页面提示发布成功文本框，页面自动跳转回到评价首页，发布内容操作成功，发布内容后台审核成功后可在评价页面查阅；

·编辑完成后点击发布按钮，页面提示发布失败文本框，发布内容自动保存至草稿箱，页面停留在发布编辑页面，可继续失败前操作；

页面交互说明：

·点击右上角“编辑”图标，进入编辑页面，屏幕底部自动弹出输入法框；

·点击编辑框，提示文字“这一刻的评价”文字小时；

·当编辑框输入字符大于等于10个字符之后，“发布”按钮激活，显示为其边框和框内填充颜色为翠绿色，色号为：1EDB1E，字体为白色；

·点击图片按钮，系统自动弹出图片选择页面，用户可自主选择图片，图片最多可选择9张；

·完成编辑内容，点击“发布”按钮，若发布成功，则页面提示发布成功文本框，页面自动跳转回到评价首页。

·完成编辑内容，点击“发布”按钮，若发布失败，则页面提示发布失败文本框，编辑内容自动存入草稿箱，页面停留在编辑页面。