校园二手交易平台

以下是对墨刀、Axure和Mockplus这三种原型设计工具的比较:

墨刀 (MockingBot)

适用领域:

- 主要针对移动应用和微信小程序的原型设计。

- 适合快速原型设计和迭代。

优点:

- 简单易用,上手快,适合新手和有经验的设计师。

- 丰富的UI素材和模板,支持Sketch设计稿的导入。

- 支持多人实时协作,团队成员可以即时查看和编辑原型。

- 云端存储,便于分享和访问原型。

缺点:

- 功能相对有限,可能不适合复杂交互和动画的设计。

- 依赖云服务,需要稳定的网络连接来访问和编辑原型。

团队协作便捷性:

- 支持多人实时协作和权限管理,适合团队合作。

价格:

- 提供基础的免费版本,也有针对不同需求的付费版本。

Axure RP

适用领域:

- 适用于复杂和高保真的原型设计。

- 支持大型团队和复杂项目,提供高度可定制的功能。

优点:

- 强大的交互功能,满足复杂项目需求。

- 允许用户进行高度定制,适应各种设计需求。

- 丰富的社区支持,方便学习和解决问题。

缺点:

- 学习曲线陡峭,对新手来说较难上手。

- 价格较高,可能不适合个人用户或小型团队。

- 需要在本地安装和管理,不如云端工具便捷。

团队协作便捷性:

- 支持团队协作和版本控制,便于多人合作。

价格:

- 需要购买许可证,提供学生和教师优惠。

Mockplus

适用领域:

- 适合快速原型设计,特别是移动应用设计。

- 提供丰富的移动端组件和模板。

优点:

- 提供直观的拖放界面,适合快速原型设计。

- 丰富的组件库和模板,方便快速构建原型。

- 支持团队协作和版本控制,提高团队效率。

缺点:

- 功能相对有限,可能不如Axure和其他高级工具丰富。

- 依赖云服务,需要稳定的网络连接来访问和编辑原型。

团队协作便捷性

- 支持团队协作,允许多人共同编辑原型。

价格:

- 提供免费版,功能有限。高级功能需要购买专业版或团队版。

2.原型设计

(1)主题名称:高校二手交易平台

(2)功能介绍:

商品的出售介绍界面

商品售出时私聊商家的场景

个人出售商品的发布商品的界面

作为商家的售卖物品的订单列表

(3)界面设计

1. 商品详情页

- 界面功能:展示单个商品的详细信息,包括图片、描述、价格等,让用户了解商品并进行购买决策。

- 界面组成:商品图片、商品描述、价格、购买按钮、相关推荐等。

- 前置条件:用户已从首页或搜索结果点击进入商品详情页。

- 后置条件:用户可以选择加入购物车、立即购买或者与商家私信。

- 操作步骤简单说明:用户点击某个商品后进入商品详情页,可以查看商品的详细信息,然后选择购买或者私信商家。

屏幕截图 2024-04-13 232652

2. 私信商家界面 (Message Seller Page)

- 界面功能:用户与商家进行一对一的私信沟通,询问商品详情、交流配送方式等。

- 界面组成:消息列表、输入框、发送按钮等。

- 前置条件:用户在商品详情页选择了与商家私信的选项。

- 后置条件:用户可以得到商家的回复,并根据回复进行购买决策。

- 操作步骤简单说明:用户在商品详情页选择私信商家后,跳转至私信商家界面,可以在输入框中输入消息并发送给商家。

屏幕截图 2024-04-13 232703

3. 订单列表界面 (Order List Page)

- 界面功能:展示用户的订单信息,包括已购商品、订单状态等,方便用户查看和管理订单。

- 界面组成:订单列表、订单详情、订单状态等。

- 前置条件:用户已登录系统且至少有一个订单。

- 后置条件:用户可以查看订单详情、跟踪订单状态、管理订单等。

- 操作步骤简单说明:用户登录后可以在个人中心或者导航栏找到订单列表入口,点击后即可查看所有订单的概要信息。

屏幕截图 2024-04-13 232902

4.发布商品编辑界面 (Product Posting/Edit Page)

界面功能: 允许用户发布或编辑自己要出售的商品信息,包括商品名称、描述、价格、图片等。

界面组成:

商品名称输入框 商品描述输入框 商品价格输入框 商品数量输入框 图片上传/选择功能 发布/保存按钮

前置条件: 用户已登录并具有发布商品的权限。

后置条件: 商品信息成功发布或编辑后,用户可以在平台上展示自己的商品并吸引购买者。

操作步骤简单说明:

用户登录系统后,在个人中心或者导航栏找到发布商品入口,点击进入发布商品编辑界面。在界面上填写商品的名称、描述、价格、数量等信息,同时可以上传商品的图片。确认填写无误后,点击发布或保存按钮,系统将保存用户填写的信息,并将商品信息展示在平台上供其他用户浏览和购买。

屏幕截图 2024-04-13 232714

界面切换流程说明:

1.商品详情页操作流程:

在商品详情页,用户可以查看商品的详细信息,包括价格、描述、评价等。

用户可以选择加入购物车、收藏商品或者直接购买。

如果用户选择加入购物车,则系统提示添加成功,并显示继续购物或者去结算的选项。

如果用户选择购买,则跳转到购买确认页面。

2.订单管理流程:

用户可以在主界面或者个人中心找到订单管理入口。

进入订单管理界面后,用户可以查看订单列表,包括待付款、待发货、待收货、已完成等状态的订单。

用户可以点击订单详情查看订单详细信息,包括商品清单、订单金额、配送信息等。

用户可以对订单进行操作,如取消订单、确认收货等。

3.私信商家流程:

在商品详情页或者个人中心,用户可以找到私信商家的入口。

进入私信界面后,用户可以选择商家并发送私信。

商家收到私信后可以及时回复,用户可以在私信界面查看回复。

4.商品发布流程

发布商品:

在个人中心或者卖家管理界面,用户可以选择发布商品的入口。

用户填写商品的相关信息,包括商品名称、描述、价格、配送方式、退换货政策等。

用户上传商品的图片,并进行必要的编辑和调整。

用户确认发布信息无误后,点击发布按钮。

界面关系流程图

 

posted @ 2024-04-14 21:10  爱编程的吧  阅读(142)  评论(0)    收藏  举报