人机交互技术课程实验报告《社交点评APP》系统移动界面分析报告

人机交互技术课程实验报告

《社交点评APP》系统移动界面分析报告

班级：

学号：

姓名：

• 需求分析[U1] 

1.1系统功能介绍[02] 

《社交点评APP》是一个当下年轻人用于分享生活的应用程序，主要功能需求如下：

1.    用户可以通过本系统浏览身边的生活服务场所、抢购相关商户的优惠券、发布博客、点赞博客、评论博客、关注博主、查看博主共同关注和互相聊天等。

1.2 系统主要业务流程图[d3] 

 

图1.2.1 系统流程图

1.3 用户需求分析

此款APP为当下喜欢上网的网络爱好者使用，年龄主要集中在15-35岁之间，已经有较好的手机app操作技能。

用户首先可以进入app首页，无需登录，但是只有浏览博客和浏览生活服务场所的权限，一旦点击其他功能，将会自动跳转至登录界面，登录提供三种登录方式，手机验证码登录、邮箱验证码登录和密码登录，登录成功后自动跳转至首页。此时用户可以查看博客详情、点赞博客、评论博客、关注博主、查看与博主共同关注，同时也可以查看附件生活服务场所详情，抢购它们的优惠券，但不能重复抢购。用户也可以自己发布博客，发布博客可以选择关联场所，这样在对应场所下的评论下会展示该博客。用户可以进入关注界面，这里可以只看用户关注的博主发的博客。用户还可以进入个人主页，修改个人信息等等。

本款app与当下许多社交app相比，本款app功能更为全面，涵盖了生活和社交2大部分，给用户极好的体验感，并且提供多种登陆方式，让用户的登录更加便利。同时，本款app不涉及任何会员服务，所有用户一律平等。

• 系统功能界面演示

       2.1 系统导航的设计

app首页如图2.1.1所示，底部为主要功能导航栏，可选择首页、地图、消息和个人中心，点击加号可以发布博客，首页上方为生活服务场所分类导航选择，可选择美食、ktv、美发等等。点击美食后进入美食商户界面（图2.1.2），有四种排序方式，分别为美食、距离、人气和评分。点击商户后进入商户详情界面，可以抢购商户优惠券，如图2.1.3所示。

往下滑可以查看店铺有关评论，如图2.1.4所示。对于博客，用户可以点击博客进入博客详情页（图2.1.5），同时也可以关注博主和点赞博客。点击个人中心如图2.1.6所示，在页面上方有笔记、评价、粉丝和关注四个选项，同时还提供编辑资料选项，点击进入编辑资料页面，如图2.1.7。用户点击加号进入发布博客页面，如图2.1.8所示，用户可以选择关联商户发布。

 

图2.1.1

 

图2.1.2

 

图2.1.3

 

图2.1.4

 

图2.1.5

 

图2.1.6

 

图2.1.7

 

 

图2.1.8

       2.2 系统的表单的设计

本款app首页（图2.2.1）将界面整体结构分为3部分，上方为生活服务场所选项，中间展示用户发布的博客，底部为主要功能选项，让用户对app功能一目了然。用户个人中心界面（图2.2.2）中间提供笔记、评价、粉丝和关注四个功能选项，用户可以很便利的查到与自己相关和自己想要看到的资源。

          

 

图2.2.1

 

图2.2.2

       2.3 搜索、排序和筛选的设计

美食界面（图2.3.1）提供距离、人气和评分三种排序方式，图片中以人气降序排序，评论条数最高的最先展示。让用户能从不同角度迅速的了解到相关商户的大概情况，帮助自己判断。app首页（图2.3.2）顶部提供搜索框，用户可以输入商户名或地点的关键字段查询到目标资源，此外，位于首页中部的博客会以点赞数降序排序，在点赞数相同的情况下，会以发布时间降序排序，让用户能迅速的浏览到最热最新的资源。

                          

 

图2.3.1

 

图2.3.2

• 系统界面设计的总结

此款app为用户的生活、社交带来了极大的便利，但依然存在可以优化的地方。对于app首页顶部的搜索框，可以添加语音识别功能，例如当下的搜索引擎app、电商app和各种视频娱乐app均提供语音功能，语音功能不仅给年轻用户带来了便利，也为一些不会打字的年长者带来了帮助，这样也能扩大我们软件的用户基数。同时，我们的app还可以引入小程序模块，像微信、支付宝一样，例如在当今疫情的情况下，我们每天很多时刻都需要打开健康码，都需要从微信或支付宝的小程序里打开健康码。如果我们的app引入小程序，那么它的受众程度将大大提升，同时也能为用户带来更好的使用体验。

---

格式：标题一

格式：标题二

注意是流程图，不是功能模块图，流程图的准确性

Uml，用例图，活动图，时序图