首页 > 其他分享 >原型设计工具比较及实践

原型设计工具比较及实践

时间:2023-04-26 15:44:23浏览次数:48  
标签:界面 实践 商品 点击 原型 购买 设计 工具

一、原型设计工具比较

1、墨刀

(1)、简介:墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品,用户群体包括:产品经理、设计、研发、运营销售、创业者等。

(2)优点:

  • 操作简单:简单拖拽和设置,即可将想法、创意变成产品原型。
  • 演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。
  • 团队协作:与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。
  • 交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

(3)缺点:

  • 墨刀的缺点就是在交互效果、控件组合、操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。

2、Axure

(1)简介:Axure是一款专业的原型设计工具, 让负责定义需求设计;功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图;web网站的线框图,并且能导出说明文档。

(2)优点:

  • 即可以画图,又可以做文档,无使用成本。 有许多插件可以下载使用,资源较为丰富。

(3)缺点:

  • 自身所带的插件较少,响应较慢,自带的组件不美观。
  • 学习成本高,高级元件的使用有一定学习门槛。

3、Mockplus

(1)简介:Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

(2)优点:

  • 基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
  • 有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。

(3)缺点:

  • 不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。

表格功能还需要完善。

二、原型设计

1、主题名称:得物——购物app

2、功能:

  • 进入个人界面可以查看收藏的商品,历史浏览,购买的商品的运输情况等一系列问题。
  • 探索界面可以和客服联系,还可以进行鉴别、拥有借钱、上门服务等丰富功能。
  • 购买界面可以浏览丰富的商品,也可以按照需求搜索想要的商品。
  •   最后是交易界面,可以购买并支付你所心仪的商品。

3、页面设计考虑因素

  • 页面的简洁性,可操作性强,可以让用户一目了然的明确页面布局,从而找到自己所需要的板块。
  • 要对用户具有友好性,把用户可能经常用到的板块放在醒目的地方。
  • 操作上要具有简单性。

4、切换界面

我的页面

  •  界面功能
  1. 查看收藏的商品
  2. 查看物流情况。
  3. 查看优惠券、借钱的额度等。
  4. 申请个人商家。
  • 前置条件:打开得物APP,点击我,进入我的个人主页。
  • 后置选项:来到我的个人界面以后,点击想要查看的选项。
  • 操作步骤:打开应用软件后,点击我,进入到我的个人界面。

  •  界面功能
  1. 可以查看客服消息或者主动联系客服。
  2. 可以鉴别一些名牌系列是否是真品。
  3. 可以回收你的一些闲置物品
  • 前置条件:打开得物APP,点击探索,进入此界面。
  • 后置选项:来到探索界面以后,点击想要进行操作的选项。
  • 操作步骤:打开应用软件后,点击探索,进入到探索界面。

  •  界面功能
  1. 浏览商品。
  2. 按照分类寻找想要购买的商品。
  3. 直接输入名称查找想要的商品。
  • 前置条件:打开得物APP,点击下方的购买,进入此界面。
  • 后置选项:来到购买界面以后,寻找喜欢的商品。
  • 操作步骤:打开应用软件后,点击购买,进入到购买界面。

  •  界面功能
  1. 对心仪的商品进行操作、可以进行购买、收藏等操作。
  2. 直接购买想要的商品,支付功能。
  • 前置条件:在购买页面挑选心仪的商品然后进行点击即可来到此界面。
  • 后置选项:来到购买界面以后,决定是否购买此商品或者添加收藏。
  • 操作步骤:打开应用软件后,点击购买,进入到购买界面,点击喜欢的商品后即可来到此界面。

5、切换界面流程

 

 

标签:界面,实践,商品,点击,原型,购买,设计,工具
From: https://www.cnblogs.com/huochunbo/p/17356278.html

相关文章

  • SuperTools是一款图片处理工具,提供图片压缩、图像识别等功能
    SuperTools是一款非常实用工具,既能压缩图片,也能识别图像文字,具有很高使用价值,由天津雍博科技有限责任公司提供技术支持服务。访问网址:tool.yongbosoft.com欢迎大家试用品鉴,也请大家提出宝贵意见注意:目前SuperTools仅支持电脑PC端的图像处理。工具首页  登录首页图片压......
  • 原型设计工具比较及实践
    目录一、原型设计工具比较墨刀使用领域优点缺点Axure使用领域优点缺点Mockplus使用领域优点缺点二、原型设计主题名称主题名称功能界面设计考虑因素切换界面我的红包奖券认证招商申请入驻界面切换流程一、原型设计工具比较......
  • 数据同步迁移工具
    mongo的迁移使用mongoshake实现mongo的单向迁移。MongoShake是一个以golang语言进行编写的通用的平台型服务,通过读取MongoDB集群的Oplog操作日志,对MongoDB的数据进行复制,后续通过操作日志实现特定需求。日志可以提供很多场景化的应用,为此,我们在设计时就考虑了把MongoShake做成通......
  • web前端开发常用的代码编写工具有哪些?
    不同类型的开发人员使用的工具大有不同,所以说没有绝对好,对任何人员都适用的工具,我们只能以友好度,功能性,扩展性,界面/体验,跨平台等等这些来作为评判标准。下面我们就给它分类并一一介绍:大师级别vivi对于使用过unix的朋友来说,绝对是再熟悉不过的代码编辑器,有多少伟大的程序和代码......
  • 面向车载通信的TSN网络原型下篇:效果验证
    前言  在上一篇文章中,我们概述性地介绍了北汇信息的面向车载通信的TSN网络原型上篇:原型概述。本篇文章将基于该原型,通过在多个场景中验证TSN协议的效果,向读者展示TSN在车载网络中的价值。通过实验验证,我们将深入了解TSN技术在车载网络中的实际应用和性能表现,为读者提供更为深......
  • Etcd 可视化管理工具,GUI 客户端。
    EtcdAssistant——Etcd可视化管理工具,GUI客户端。下载地址:http://www.redisant.cn/etcd主要功能:支持多标签页,同时连接到多个集群以漂亮的格式显示JSON、XML、MessagePack、十六进制等数据格式浏览、创建、编辑、删除键导出和导出数据键的展示支持多种视图:树状视图或列......
  • 产品原型19-20230425
       ......
  • 数据库实践课
    一、实验目的:掌握使用SQL语言进行数据定义和数据操纵的方法。二、实验要求:建立一个数据库stumanage,建立三个关系表student,course,sc。向表中插入数据,然后对数据进行删除、修改等操作,对关系、数据库进行删除操作。三、实验步骤:1、开始→程序→MicrosoftSQLServer→SQL......
  • 蓝牙调试工具
    学习蓝牙协议栈可以看其交互数据,所用到的工具如下: airpacketsniffer:如ellisys(是个仪器)这是一个仪器,能抓取两个蓝牙设备之间的数据;将这个仪器和PC相连,在PC上通过ellisys、frontline、wireshark等软件可以看到两设备之间的交互数据。 hwhcisniffer:也是一个仪器......
  • 原型设计工具比较及实践
    墨刀适用领域: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部......