人机交互技术课程实验报告《外卖管理》系统Web界面分析报告

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

《外卖管理》系统Web界面分析报告

班级：

学号：

姓名：

• 需求分析[U1] 

1.1系统功能介绍[02] 

《外卖管理系统》是一个有订餐需求的用户和商家管理菜品信息使用的应用程序。主要用户包括：商家和有订餐需求的用户。主要功能需求如下：

1.    商家可以管理店员信息，调整菜品价格、口味，推出新菜品，更新套餐价格、菜品，推出新套餐，查询订单信息等等。

2.  用户可以通过本系统选择想要点的菜品或套餐，选择对应的口味和数量，选择收货地址，支付下单。更新个人电话、收货地址等信息，查询个人订单等待。

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

商家功能流程图如图1.2.1所示

 

图1.2.1

用户功能流程图如图1.2.2所示

 

图1.2.2

1.3 用户需求分析

本系统主要针对外卖商家和订餐用户使用，年龄主要集中在20-45岁之间，已经有较好的web系统操作技能。

对于外卖商家，外卖商家首先需要登录进后台管理系统，登录之后进入后台系统主页，主页左侧为导航栏，包含店员管理、分类管理、菜品管理、套餐管理和订单管理五个功能选项。对于店员管理，管理员和普通店员可以根据店员任意信息查询到对应用户，不同的是，普通店员只具有查询权限，而管理员具有禁用店员和删除店员权限。对于分类管理，管理员和店员都可以新增分类和修改分类信息，但店员不具有删除权限。对于菜品管理，管理员和店员都可以根据菜品任意信息查询菜品，更新菜品价格、口味、图片和描述信息，调整菜品状态为启售或禁售，但普通店员不具有删除菜品信息，管理员可以。对于套餐管理，管理员和店员都可以推出新套餐、更改套餐信息，推出套餐需要选择套餐分类，如单人套餐、双人套餐、儿童套餐和豪华套餐等等，之后为套餐命名、选择图片，选择套餐包含菜品及数量，定义价格即可推出上线。同样的，普通店员不具有删除套餐权限，管理员具有。对于订单管理，管理员和用户都可以查询订单信息如状态，包含已下单、已出餐、已送达等待，对于异常情况需要手动更改的只有管理员才能处理，普通店员不具有权限。对于用户，用户可以不登录浏览菜品，但下单必须登录，登录后进入前台系统主页，主页左侧依旧是导航栏，导航栏包含商家提供的菜品种类和套餐种类，如川菜、湘菜、徽菜、单人套餐、饮品和主食等待，用户可以非常方便的搜索到自己喜欢的菜品或套餐，对于菜品选择，用户可以选择菜品口味和数量，如无辣、微辣、中辣、微甜、中甜等等，这些口味由后台推出菜品时定义，不同菜品对应选项不同。对于套餐，用户可以选择指定套餐，同时选择套餐中菜品的口味，同时也可以点套餐之外的菜品。前台主页左上角有一个头像按钮，点击后跳转到个人主页，用户可以修改个人信息，如果电话、收货地址和默认地址等等。

当前市面上许多外卖系统针对用户并未对菜品进行菜系分类，而是仅仅分类为主食、饮品、菜品、汤等待，非常笼统，不便于用户快速查询到自己想要找到的菜品，同时针对商家，多数系统并未提供禁售功能，仅仅提供删除功能，这样导致想要添加已删除的菜品需要重新添加，非常不方便。

• 系统功能界面演示

       2.1 系统导航的设计

                     商家推出菜品流程如下

商家添加菜品界面如图2.1.1所示，商家添加菜品前表单如图2.1.2所示，商家首先填写新增菜品信息（如图2.1.3），包含菜品名称、菜品种类、菜品包含口味、菜品图片和菜品描述。点击保存后如图2.1.4所示，添加成功后表单如图2.1.5所示。

 

图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.1.9所示，点击支付后显示下单成功（图2.1.10），支付后表单数据如图2.1.11所示。

 

图2.1.6

 

图2.1.7

 

图2.1.8

 

图2.1.9

 

图2.1.10

 

图2.1.11

       2.2 系统的表单的设计

商家界面表单设计如图2.2.1所示，导航栏位于界面左侧，提供员工管理、分类管理、菜品管理、套餐管理和订单明细5个功能选项，员工管理（图2.2.1）、菜品管理（图2.2.3）、套餐管理（图2.2.4）和订单明细（图2.2.5）内部均提供搜索栏，帮助商户快速定位到要找的资源。相较于当下市面上的外卖后台系统，它们大多仅仅提供左侧导航栏，只能帮助商家定位到某个界面，但具体界面内无法快速找到目标资源。

用户界面表单设计如图2.2.6和图2.2.7所示，图2.2.6为用户订餐首页，左侧提供菜系导航栏，右侧显示对应菜品，符合当下群众生活习惯，便于快速定位到自己想要的菜品，图2.2.7为用户个人首页，提供地址管理和历史订单2个功能选项，简洁明了。

 

图2.2.1 员工管理

 

图2.2.2分类管理

 

图2.2.3菜品管理

 

图2.2.4套餐管理

 

图2.2.5订单明细

 

图2.2.6用户访问首页

 

图2.2.7 用户个人首页

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

商家界面均提供关键字搜索功能，商家不需要通过完整字段进行搜索，如图2.3.1、商家只需要搜索员工姓名的一个或2个字就能检索出符合要求的员工，或者根据账号、手机号均可。对于菜品（图2.3.2），商家只需搜索菜品名称或菜品分类的部分字段即可搜出符合要求的菜品，同时会根据最后更新时间降序排序展示。套餐（图2.3.3.）搜索和排序方式与菜品相同。对于订单（如图2.3.4），商家可以根据订单id，或者时间范围进行检索，同时订单会根据生成时间降序展示。

 

图2.3.1

 

图2.3.2

 

图2.3.3

 

图2.3.4

用户界面如图2.3.5所示，将菜品根据菜系进行分类，用户可以第一时间找到自己要选择的菜系，同时后台会对菜系进行打分，受欢迎的菜系会排在上方。在同一菜系内，会根据菜品热度和推出时间进行降序排序，热度高和新推出的会优先展示，让用户的订餐体验大大提升。

 

图2.3.4

• 系统界面设计的总结

本系统为商家经营和用户订餐带来了极大的便利，但依然存在可以优化的地方。针对商家，可以在订单明细处提供统计功能，统计当月销量最好最差的菜品或套餐，针对最好的，商家可以提高它们的优先级让它们展示在最上方，针对差的，商家可以对菜品进行创新，比如换做法、调口味等等。针对用户，对于每一道菜品可以提供3D展示功能，类似当下的电商网站，对于衣物鞋子都提供3D展示功能，让用户能有更好的订餐体验。同时对于套餐应该开通用户反馈通道，可以让用户选择某些菜品组成套餐然后反馈给商家，商家可以根据反馈数多的推出相应套餐。