二手交易APP-原型设计界面
对比分析墨刀、Axure、Mockplus
一、墨刀
- 适用领域
- 移动端设计:专为移动端原型设计优化,适合快速制作APP、小程序原型。
- 团队协作:支持多人实时协作,适合产品、设计、开发团队共同参与项目。
- 演示与沟通:提供高保真原型演示功能,便于向客户或投资人展示产品。
- 优点
- 操作简单,上手快:界面简洁,拖拽式操作,无需编程基础,适合新手快速入门。
- 云端协作与分享:支持多人实时编辑,项目文件云端存储,方便团队成员随时访问和协作。
- 丰富的组件库与模板:内置大量移动端组件和行业模板,可快速搭建原型,提高设计效率。
- 缺点
- 交互设计灵活性不足:相比Axure,复杂交互逻辑实现难度较大,适合中低复杂度原型。
- 高阶功能需付费:部分高级功能(如自定义组件库、企业级协作)需付费解锁,对个人用户成本较高。
- 平台依赖性:完全基于云端,需网络支持,离线使用受限。
二、Axure RP
- 适用领域
- 复杂系统设计:适合高复杂度、多交互逻辑的产品设计,如企业级管理系统、后台平台。
- 高保真原型制作:支持精细化设计,可输出接近真实产品的交互原型。
- 需求文档生成:自动生成详细的需求规格说明书(PRD),便于开发团队理解需求。
- 优点
- 强大的交互设计能力:支持条件逻辑、动态面板、中继器等高级功能,可实现复杂交互效果。
- 高保真设计:细节控制精准,支持自定义样式和组件,输出原型接近真实产品。
- 离线使用与本地存储:支持本地文件存储,无需网络即可编辑,适合对数据安全要求高的团队。
- 缺点
- 学习曲线陡峭:功能复杂,需投入时间学习,对新手不友好。
- 协作效率较低:多人协作需依赖局域网或第三方工具,实时协作体验不如墨刀。
- 性能与成本问题:高复杂度项目可能导致软件卡顿,商业版价格较高,对小型团队不友好。
三、Mockplus
*适用领域
- 快速原型设计:适合敏捷开发流程,快速验证产品想法。
- 跨平台设计:支持Web、移动端、桌面端等多平台原型设计。
- 团队协作与版本管理:提供基础协作功能,适合中小型团队进行项目管理。
- 优点
- 上手简单,学习成本低:拖拽式操作,组件库丰富,适合快速搭建低保真原型。
- 轻量级与高效:软件体积小,运行流畅,适合对性能要求较高的设备。
- 基础协作功能:支持项目分享与评论,团队成员可在线查看和反馈原型。
- 缺点
- 功能深度不足:相比Axure,复杂交互和动态效果支持较弱,适合中低复杂度项目。
- 组件库与模板较少:内置组件和模板数量有限,需用户自行扩展或从第三方获取。
- 高阶协作功能缺失:缺乏实时协作、版本控制等高级功能,团队协作体验不如墨刀和Axure。
二手交易APP原型设计
在设计原型界面之初,我参考了当今一些时兴的二手交易平台如闲鱼等,对其中可能需要的功能与设计进行了参考与记录。
界面设计的考虑因素主要是为用户的使用提供足够清晰,便利的操作界面。
-
登录页
十分经典的登录页设计,输入账密登陆,并可注册,通过其他方式登陆等。
输入正确账密后点击登录按钮便可跳转至首页,点击注册按钮跳转至注册页。
-
注册页
由在登录页点击注册跳转,通过手机号注册,输入两次密码,并可选填邀请码进行注册。
完成流程后点击确认可进行下一步注册操作,
点击返回登录可退回登录页进行登录。
-
注册页2
本页主要收集注册者的基本信息,包括自定义用户名等,挑选个人兴趣为后续精准化推送做铺垫。
完成后点击进入应用便可进入首页开始使用应用。
点击跳过,可跳过个性化内容。
-
首页
展示平台上现有的部分商品信息,通过点击商品图片可实现进入对应商品界面。
上端支持商品名称搜索,扫码以及识图。可跳转至商品搜索页。
多个标签互相跳转,可进入不同内容分区。
底部移动端导航跳转至不同的功能界面。
-
商品搜索页
在首页进行搜索后跳转至商品搜索页,可不断进行搜索跳转,可通过底部导航跳转至其他界面。
-
商品详情页
在首页/商品搜索页点击商品内容跳转时详情页。
可在左上角返回上一页面,上端可继续进行搜索。
页面底部可进行对商家的留言,以及收藏,与商家交流和购买的操作。可跳转至聊天页面。
-
联系人页
通过底部导航点击跳转。
显示所有过去与用户/商家的联系信息,通过点击对应的联系人部分跳转至对应聊天页。
可通过点击设置按钮进行个性化与其他设置。
-
聊天页
与联系人进行交流的页面。
可在底部输入聊天信息,传输图片或发出语音。
通过在联系人点击对应联系人跳转,左上角可退出聊天页面,进入联系人页面。
-
卖物页
通过底部导航点击跳转。
卖出闲置物品的界面。
用户可在此页面输入物品的各类信息以及联系方式。、
完成信息填写后点击确认可完成闲置物品的上传,点击返回则退出此页面回到首页。
-
我的
通过底部导航点击进入。
可以在此界面进行用户名,个性签名,以及个人信息的编辑。
右上角设置可点击进入设置界面,帮助可联系官方客服。
中部两个功能栏可以点击跳转至不同的功能页面。
我的交易一栏可看到过往的交易信息。
-
特殊响应页
特殊功能页。
在点击了尚未开发的功能后跳转,可通过返回键返回上一界面。
流程大致:买物:登录页->首页->(搜索页)->商品详情页->聊天页