实验一 二手交易平台APP原型设计

一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
1.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点（至少3条）。
墨刀的适用领域及优缺点
适用领域
墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。
优点
(1)墨刀对于APP的原型设计体验很好，其控件的拖拉、大小的调整，都会自然的去匹配相应的母版大小。
(2)从记录想法的思维导图开始，到原型绘制，设计产出，流程图记录进程，产生的文件墨刀都能一站管理，作品之间能够互相导入导出，满足多样化的场景需求。
(3)原型区提供了许多兼具实用性与美感的高级组件，类型涵盖基础图标、页面、按钮、导航栏、弹窗、动态轮播、各式下拉菜单等……可以在素材广场中搜索不同类型的组件直接添
加到本地，拖拽即可复用.
(4)进行原型编辑时可直接拖动链接区域的小闪电图标到跳转页面。拖拽一下，就能实现页面跳转效果，动作+目标+动效，交互逻辑清晰可见。
(5)团队可以协作，交流方便。
缺点
(1)墨刀的定位为移动端原型设计工具，因此在交互效果上、控件组合上，操作面板的选择上都不如AXURE 灵活，并且效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感
觉。
(2)目前原型的交互效果系统自带的还比较少，但基本满足日常所有原型的使用。
(3)需要充费才能够使用更强大的共享创建功能。
Axure的适用领域及优缺点
适用领域
Axure是专门用来画原型的工具，当然也可以画流程图。也可以说，Axure是产品经理必备的工具，甚至是专门为产品经理设计的工具。鉴于Axure具有比较简单的文本编辑功能和表
格功能，因此做教学示意图，或者作为板书书写工具，也是可以的。
优点
(1)既可以画图，又可以做文档，画图的难度比PS低，写文档比word灵活。
(2)Axure有一套非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使得模拟更加真实。
(3)使用成本几乎为零
缺点
(1)不好看，在设计师眼中，Axure的默认元件和样式都无法接受。
(2)学习成本高，高级元件的使用有一定学习门槛。
(3)手机端演示效果差，服务器不在国内，自带元件库用处不大等。
Mockplus的适用领域及优缺点
适用领域
Mockplus用于软件产品的设计，包括原型设计、交互设计和用户体验设计，正式发布于2015年初，具有自主的研发技术和知识产权，为全球四千万的产品经理、项目经理、UX/UI设计师、开发工程师提供更快更简单的设计解决方案，为软件企业创造持续增长的价值。
优点
(1)基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。
(2)有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。
(3)mockplus有组件库和图标库，界面设计较为方便。
缺点
(1)不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的。
(2)表格功能还需要完善。
2.原型设计
(1)主题名称：清闲APP
(2)背景分析：在信息化产业蓬勃发展的时代背景下，二手交易也成为了电子商务产业的一个主流分支。就当代的大学生来说，一般都会选择在二手交易平台购买一些廉价的教材；对于临近毕业的大学生群体，二手交易平台更是一个出售闲置的好去处。
(3)功能：商品展示功能，实现用户登录注册，用户点评，购物车，订单管理，商品搜索功能，商品分类的功能。
(4)界面设计：清闲APP的主色调是绿色，绿色，代表可回收，进行二次利用。顾名思义，清闲，就是清理闲置的物品。字体大多统一，每个页面的图片和图片之间的距离、上下间距合理。
用户可以根据界面下方的导航栏进行点击，满足自己的需求。
3.界面
(1)登录界面

功能：输入自己的账号密码进行登录，以便进行后续操作。
界面组成：logo，用户昵称输入框，密码输入框，手机号输入框，验证码输入框，登录和注册按钮。
前置条件：点击清闲APP，需要有提前注册过的账号。
后置条件：进入APP主界面
操作步骤：输入信息进行登录。

(2)主界面
功能：可以搜索自己想要的物品，通过用户经常浏览的物品分析喜好。
界面组成：搜索框，推荐，地址，分类。
前置条件：用户登录成功。
后置条件：点击状态栏的任意图标可以跳转到所点击的页面。
操作步骤：滑动浏览。

(3)搜索界面
功能：进行搜索，通过分类将商品分区展示，让顾客有更好消费体验感，可以更精准的定位到自己想要的商品。
界面组成：搜索框，商品分类区，商品展示区。
前置条件：点击主界面的搜索框。
后置条件：搜索到自己想要的物品。
操作步骤：可以搜索想要的物品、分区观看感兴趣的物品、滑动浏览推荐页的商品。

(4)会玩界面
功能：各个用户可以分享自己的心情，互相交流。
界面组成：文字，图片，粉丝数，关注，广场，好货，推荐。
前置条件：用户点击“会玩”。
后置条件：看到其他用户的分享。
操作步骤：可以看到其他用户的分享，可以关注自己喜欢的用户，喜欢的内容。

(5)卖闲界面
功能：发布自己闲置的物品，转卖自己的物品，回收物品。
界面组成：发布、回收、转卖按钮，返回按钮。
前置条件：用户点击“卖闲”
后置条件：发布，回收，转卖。
操作步骤：可以发布自己想要卖的闲置物品，将物品转卖到其他平台，回收自己想要的物品。

(6)消息界面
功能：和其他用户交流，搜索聊天记录。
界面组成：通知消息，互动消息，设置，可能感兴趣的人。
前置条件：用户点击“消息”
后置条件：看中了某件商品，和卖家咨询，互动。
操作步骤：与商家或买家进行沟通。

4.界面切换流程

墨刀演示
[https://modao.cc/proto/V9PnkY9Esbr5haiMCgnj/sharing?view_mode=device&screen=rbpU9alSZ5dBrzDnY&canvasId=rcU9alTWfWeOurjH #未命名原型-分享]
视频演示
[【12-26-58】 https://www.bilibili.com/video/BV12r421V7Mf/?share_source=copy_web&vd_source=4deafdc9daabe00bd0dea4b66bf81e30]