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

原型设计工具比较及实践

时间:2023-04-26 16:47:48浏览次数:27  
标签:界面 查看 实践 购物车 点击 查找 原型 工具

目录:

一.     原型设计工具的优缺点比较

二.     原型设计作业

原型设计工具比较

1.墨刀

背景及适用范围:墨刀是一款在线的移动应用原型与线框图工具,借助墨刀,创业者、产品经理及UI/UX设计师等用户群体能够快速搭建移动应用产品原型,演示项目效果;同时墨刀也可作为协作平台,项目成员可以协作编辑、审阅。

优点:

1.操作简单

2.演示方便

3.协作高效

4.交互简单

5.丰富的模板库和素材库

6.免费版

缺点:

1)不适用于PC端,仅限移动端产品原型,交互效果、控件组合、操作面板的选择上也都不够灵活。

(2)免费版对于项目数量、页面数量有限制。

(3)必须在线操作,离线无法保存

2.Axure

背景及适用范围:Axure是一款快速原型制作软件,能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。Axure作为老牌的原型图工具,功能最齐全,交互最多杨,基本任何想要的效果都可以上实现,尤其在制作pc端原型图上有优势。

优点:Axure作为老牌的原型图工具,功能最齐全,交互最多杨,基本任何想要的效果都可以上实现,尤其在制作pc端原型图上有优势。

缺点:Axure缺点同样也相当明显,Axure的动态面板、中继器等功能都是强大的,但是不容易搞懂。AXURE的素材也是很蛋疼的问题,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,需要花费相应的时间。

3.Mockplus

背景及适用范围:摹客隶属于成都摹客科技有限公司,构建了一个高效、闭环的互联网协同合作生态系 统,它为设计师与产品、开发间的无缝对接、高效合作 提供了现实的可能。大幅度地提升互联网产品研发的效 率,让大量的设计、产品、开发资源得以释放,进而提 升了名万面资源的优化配置注重一站式的产品设计及协作。摹客支持全工序的产品设计,连接从需求到开发,为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅,支持全部主流设计稿交付,帮助产品经理、设计师、开发人员高效设计协作。

优点:Mockpuls(摩客)是一款简介快速的原型图设计工具。审核软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockpuls设计了组件、图标、收藏、母版的Tab,切换起来很方便。还筛选了一部分常用的组件固定在组件库上面,实现高频操作不用找。另外折叠面板的功能很棒,不用纠结展开和关闭的问题。

缺点:摩客的表格功能还需要完善,和它提倡的快速目标有差距,不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。

原型设计作业

1.主题名称:

购物软件-淘淘

功能:

用户可以通过该软件在网上购物

3.界面设计参考因素

参考了淘宝,京东等页面。

1.主页面

 

界面功能:

  签到得金币

  查找订阅的商品

  查看推荐商品

  搜索商品

  办理会员

 

界面组成:

  签到

  办理vip

  搜索

  订阅

  推荐

 

前置条件

  打开app

 

后置条件

  查找订阅

  查看推荐

  查看会员情况

  搜索

  点击签到

 

操作步骤

  查找订阅或查看推荐或自己搜索想要的商品

  (点击签到获得代现金金币)//非必要

  (点击办理会员)//非必要

2.我的淘淘界面

 

界面功能:

  更改个人信息

   与客服交流

  设置软件功能

  查看货物信息

 查看权益

界面组成:

  个人信息

   客服

   设置

   收藏

   订阅店铺

    待收货

    待评价

    售后

   红包

   优惠券

    金币

 

前置条件

  点击我的

 

后置条件

   点击个人信息

   点击客服

   点击设置

   点击收藏

   点击订阅店铺

    点击待收货

    点击待评价

    点击售后

   点击红包

   点击优惠券

   点击金币

 

操作步骤

  点击我的淘淘

  进入个人页面,可以点击头像更改个人信息

  (点击客服,与客服沟通)//非必要

   设置淘淘

  点击收藏,查看收藏商品

   点击订阅店铺,查看收藏店铺

    点击待收货,查看物流

    点击待评价,对商品评价

    点击售后,申请退款

   查看红包,优惠券,金币

3.信息界面

 

    

 

界面功能:

  产看信息

  查找,添加联系人

 

界面组成:

  查找信息栏

  添加好友

  查找好友

 

前置条件

  打开消息中心

 

后置条件

  点击信息栏

  点击信息

   点击好友

操作步骤

  点击信息栏,查找信息

  点击信息,与商家对话

  点击好友,添加好友

 

4.商品界面

 

界面功能:

  收藏商品或店铺

  将商品加入购物车

   直解购买

 

界面组成:

  商品信息

  收藏

  购物车

  购买

 

前置条件

  点击商品

 

后置条件

  点击收藏

   点击购物车

   点击购买

操作步骤

  当时,直解购买

  稍后,加入购物车

  将商品收藏

 

 5.购物车界面

 

 

 

界面功能:

  结算购物车

  清空购物车

 查看猜我喜欢

 

界面组成:

  查找信息栏

  添加好友

  查找好友

 

前置条件

  打开购物车

 

后置条件

  查看商品价格与数量

  点击结算或清空

  查看猜我喜欢商品

操作步骤

  勾选商品,结算或清空

界面切换流程

 

标签:界面,查看,实践,购物车,点击,查找,原型,工具
From: https://www.cnblogs.com/lcq521073/p/17356521.html

相关文章

  • 第十五章:面向对象与原型
    学习要点:1.学习条件2.创建对象3.原型4.继承ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。......
  • 原型设计工具比较及实践
    一、原型设计工具比较1、墨刀(1)、简介:墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品,用户群体包括:产品经理、设计、研发、运营销售、创业者等。(2)优点:操作简单:简单拖拽和设置,即可将想法、创意变成产品原型。演示:真机设备边框、沉浸感全屏、离线模式等多种......
  • 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......