原型设计工具比较及实践

目录

  • 原型设计工具比较

    1. 墨刀

    2. Axure

    3. Mockplus

  • 原型设计

    1. 主题名称

    2. 功能

    3. 界面设计考虑因素

    4. 切换界面

    5. 界面切换流程

一.原型设计工具比较

  1.   墨刀：墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员   可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

         优点： 1.小白型工具，上手简单无难度。

              2.模版比较多，简单的后台运营或简单的产品意向书可以用它来完成

         缺点： 复杂的交互不建议使用，技术看起来会很累

        2.    Axure：Axure是美国Axure Software Solution公司旗舰产品,可以用来制作原型图、流程图以及界面文档的软件。其功能非常强大,可以实现从低保真到高保真的视觉界面以及大部分界         面交互效果。 

           优点：功能最齐全，交互最多样，基本任何想要的效果都可以实现

           缺点：1.Axure的动态面板、中继器等功能都是强大的，但是不容易搞懂。

               2.AXURE的素材也是很蛋疼的问题，大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入，需要花费相应的时间。

        3.   Mockplus：Mockplus除用于移动APP原型设计，还可以制作PC、网页的原型设计，它可以帮助UI设计师在最短的时间内完成产品原型图的设计。

                                优点：1.基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

                2.有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。

                3.mockplus有组件库和图标库，界面设计较为方便。

            缺点：1.不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的。

                2.表格功能还需要完善。

二.原型设计

 1.主题名称

       咸鱼

          ---大学生二手交易平台

 2.功能

  • 通过发布商品，来进行大学生在软件上的交易发布
  • 晒好物可以向他人展示自己喜欢的物品而不进行买卖
  • 高价回收可以通过高价搜索自己喜欢的二手物品从而进行交易
  • 发闲置可以将自身无用的二手物品发在平台上进行交易 

 3.界面设计考虑因素   

  • 用户交易：同过发闲置可以进行二手交易的发布
  • 用户买卖：通过高价回收可以搜索自己想要的二手物品
  • 搜索：可以方便用户查找心仪物品
  • 用户互动：通过晒好物可以进行朋友圈互动，满足用户交友以及分享体验

   4.切换界面

      （1）首页界面

    • 界面功能

      • 发布商品
      • 商品交易
      • 查看消息
      • 查看我的

    • 界面组成

      • 商品交易信息
      • 消息设置
      • 个人设置
      • 交易设置

    • 前置条件

      • 打开APP

    • 后置条件

      • 发布商品

    • 操作步骤

      • 点击查看商品信息进行交易
      • 点击查看用户消息
      • 点击查看我的，及其设置
      • 点击进行商品发布以及用户互动

  （2）发布商品界面

 

  • 界面功能

    • 晒自己喜欢的宝贝
    • 发布自己要交易的二手物品
    • 高价搜索心仪商品

  • 界面组成

    • 发闲置
    • 晒好物
    • 高价回收

  • 前置条件

    • 返回首页界面

  • 后置条件

    • 点击发闲置，发布自己想要买卖的商品
    • 点击晒好物，炫耀自己的宝贝
    • 点击高价回收，搜索自己想要买的二手物品

  • 操作步骤

    • 点击发闲置，发布自己要交易的二手物品
    • 点击晒好物，向朋友炫耀自己喜欢的宝贝
    • 点击高价回收，高价交易搜索想要的宝贝

 （3）晒好物界面

 

  • 界面功能

    • 晒自己喜欢的宝贝
    • 从相册查找图片
    • 添加表情

  • 界面组成

    • 相册
    • 表情
    • 打字页面
    • 保存或发布

  • 前置条件

    • 点击晒好物

  • 后置条件

    • 返回发布商品界面

  • 操作步骤

    • 发布自己喜欢的物品
    • 点击返回，返回商品发布界面

（4）高价回收界面

 

 

  • 界面功能

    • 自行搜索
    • 通过分类搜索

  • 界面组成

    • 二手商品分类
    • 搜索想要购买的二手商品

  • 前置条件

    • 点击高价回收

  • 后置条件

    • 返回发布商品界面

  • 操作步骤

    • 搜索自己喜欢的商品
    • 点击返回，返回商品发布界面

（5）发闲置界面

 

 

  • 界面功能

    • 发布自己想要交易的二手物品
    • 定价
    • 确定发货方式

  • 界面组成

    • 确定价格
    • 取件方式
    • 商品介绍

  • 前置条件

    • 点击发闲置

  • 后置条件

    • 返回发布商品界面

  • 操作步骤

    • 点击发闲置，发布自己想要交易的二手物品
    • 点击取消，返回商品发布界面

 

5.界面切换流界面

首先进入首页界面，点击下方发布商品，出现晒好物，高价回收，发闲置三个选项，可分别进入三个界面，晒好物界面，向周围人炫耀自己的宝贝，高价回收界面，搜索自己想要的二手物品，发闲置发布自己想要卖的二手物品，三个界面都可以点左上角返回发布商品界面，发布商品界面也可以返回首页界面，最后退出平台。

 

 

 

 



posted @ 2023-04-24 23:31  李欣璐  阅读(68)  评论(0)    收藏  举报