软件工程基础--实验一--交易平台

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点，以下为三个工具的对比分析
1.墨刀
(1)适用领域：墨刀是一款在线原型设计和协同工具，适用于产品经理、设计师、开发、销售、运营及创业则等用户群体，可以搭建产品原型并演示项目效果。
(2)优点：墨刀是一款流行的原型设计工具，提供了丰富的交互和动画功能。它还支持多人协作和实时预览，方便团队合作。
(3)缺点:墨刀的免费版功能可能有限，一些高级功能和团队协作功能可能需要付费。此外，墨刀的界面和操作可能需要一些时间来适应。
2.Axure
(1)适用领域： 复杂交互设计 高保真原型制作 企业级应用设计 优点： 功能强大，支持丰富的逻辑和动态内容 高保真原型效果，适合详细设计阶段 支持生成 HTML 输出，方便测试和演示
(2)优点：有强大的编辑功能, 使得制作素材库会更便捷一点。更快的复制粘贴，素材库和原型库会多一些。可以项目共享，使得同事间可以同步工作，并保留所有工作历史，并可以随时到处历史版本的项目文档。
(3)缺点：正版的Axure售价高，学生等群体可能负担不起。
3.Mockplus
(1)适用领域：适用于把控原型系统系统的功能组织和交互关系，尤其是可以通过流程图来描述业务承接关系，对于涉及复杂原型有着非常重要的意义。
(2)优点：基础版免费使用，操作简单，上手快，交互简单 (只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。mockplus有组件库和图标库，界面设计较为方便
(3)缺点：不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的。表格功能还需要完善。
二、使用慕客进行原型设计
1.主题名称:小喽交易
2.功能介绍：一款为所有年龄段用户提供的购物软件，在软件上买东西可以享受足不出户或送货上门的服务，软件上的商品种类多，用户不仅可以自主选择商品，还可以享受跨店折扣等优惠服务，运费险服务，七天无理由退货服务等。
3.界面设计考虑因素：
(1)产品展示：购物软件最核心的部分是产品展示，无论何种软件购物，其商品都需要以产品展示的方式呈现给消费者。
(2)产品推荐：此功能可对热销商品进行打气，利用客户资料分析，准确地向消费者推荐各种商品的优惠信息，引起消费者购物欲望，吸引消费者购买。
(3)购物车：购物软件最主要的一个转换交易入口，记录了商品的准下单状态，促进了购物模式的实现，也可以根据购物车的记录提醒还没有下单的用户，增加交易订单。
(4)网上支付：作为购物软件最终实现高转化率的关键功能，通过浏览、选择、收藏、放入购物车、下单等过程，最后的支付环节是最重要的，所以在线支付功能也要做得更加安全，所以在线支付功能也要做得更加流畅。网上购物软件支付功能，让人们足不出户就可以享受到优质的网上购物服务，快捷安全。
(5)促销推送：将购物软件所提供的商品最新优惠信息通过后台推送的方式发到用户手机上，就像一种移动网络化的宣传单张，可以有效地覆盖各个用户。
4.页面介绍
打开页
(1)界面功能：通过软件logo以及app名称像用户表达软件用途
(2)界面组成：由背景色以及logo，app名称，app广告语等组成
(3)前置条件：打开用户端小喽交易app
(4)后置条件：等待1.5秒自动进入app首页
(5)操作步骤：无（自动跳转）

登录主页
(1)界面功能：欢迎用户使用小喽交易app，引导用户登录，注册app，以及忘记密码重新设置密码
(2)界面组成：由app名称，logo，手机号登录，注册，其他登录方式（微信，支付宝，QQ，苹果id）,忘记密码重新设置密码，《用户协议》，《隐私政策》组成
(3)前置条件：进入小喽交易app
(4)后置条件：通过不同方式进入app
(5)操作步骤：单击合适的登录方式选项

手机号登录页面
(1)界面功能：通过输入手机号以及密码进入小喽交易app
(2)界面组成：由手机号单行文本输入框，密码单行文本输入框，确认按钮，取消按钮，提示语句，可爱插画等组成
(3)前置条件：单击登录主页的手机号登录
(4)后置条件：进入购物主页面，选择浏览商品
(5)操作步骤：输入电话号，输入密码，选择确认或者取消

注册页面
(1)界面功能：用户输入手机号，密码注册小喽交易app
(2)界面组成：由欢迎标语，用户名单行文本输入框，密码单行文本输入框，确认按钮，取消按钮，是否同意《用户协议》单选按钮组成
(3)前置条件：单击登录主页的注册
(4)后置条件：进入购物主页面，选择浏览商品
(5)操作步骤：输入用户名，输入密码，选择确认或者取消，选择是否接受《用户协议》

购物主页面
(1)界面功能：通过引导块，引导用户浏览app,了解app功能，实现用户购物需求
(2)界面组成：上面分为四个引导模块（直播，关注，推荐，视频），中间部分包括搜索条，可以语音搜索，图片搜索，搜索按钮，每件商品图片，商品名称，商品大概作用，满减活动，运费险的赠送活动，商品价格，下面分为五个模块（首页，购物，添加，消息，我），其中首页为购物主页面
(3)前置条件：用户单击手机号登录页面和注册页面的确认按钮
(4)后置条件：进入用户选择的商品详细页面
(5)操作步骤：单击直播，关注，推荐，视频，商品图片，首页，购物车，加号，消息，我等引导块

用户选择商品详细页面
(1)界面功能：使用户了解商品信息
(2)界面组成：由商品图片，商品款式图片，商品价钱，商品的浏览量，满减活动，赠品活动，运费险活动，发货时间，发货地点，运费，真假赔付，退款退货售后，商品主题等组成
(3)前置条件：单击购物主页的商品照片
(4)后置条件：进入选择商品款式页面
(5)操作步骤：单击箭头查看款式信息，单击买它按钮进入选择商品款式页面

商品款式页面
(1)界面功能：使用户了解商品款式信息
(2)界面组成：由商品价格，商品实付价格，用户地址信息，邮费，运费险服务，发货时间，颜色分类，查看商品大图，商品详细分类，购买数量，限购数量，赠品选择，是否开具发票，订单备注，支付方式，立即支付按钮组成
(3)前置条件：单击用户选择商品款式页面的买它按钮
(4)后置条件：进入支付页面
(5)操作步骤：单击箭头查看地址信息，单击大图图标查看商品大图，单击数量按钮，单击箭头选择赠品，单击箭头选择是否开发票，单机箭头选择添加备注，单击箭头更换支付方式，单击立即支付按钮

支付页面
(1)界面功能：用户输入支付密码，购买商品
(2)界面组成：由提示语，商品实际交付价格，支付账号，支付方式，支付密码键盘组成
(3)前置条件：单击商品款式页面的立即支付按钮
(4)后置条件：购买完毕
(5)操作步骤：单击箭头选择用户选择的支付方式，单击键盘输入密码

5.页面操作流程

6.跳转关系
bili_95602437883刚刚发布的视频https://b23.tv/e7rTS2x