原型设计工具比较及实践

目录

• 一、原型设计工具比较
  • 1. 墨刀
  • 2. Axure
  • 3. Mockplus
• 二、原型设计
  • 1.主题名称
  • 2.功能
  • 3.界面设计考虑因素
  • 4.切换界面
  • 5.界面切换流程

一、原型设计工具比较

1. 墨刀

• 适用领域

    墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品，用户群体包括：产品经理、设计、研发、运营销售、创业者等。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，展示产品想法，向客户收集产品反馈以及在团队内部进行协作沟通。

• 优点

  • 原型演示效果好，适合产品设计确认与交互验证

  • 元件种类丰富，使用者无需编写可以直接使用

  • 提供强大的共享创建功能，预览速度快

• 缺点

  • 事件系统较为简单，无法演示复杂的交互效果，比如需要变量控制页面，数据排序等

  • 部分便捷的操作需要购买使用，免费版对于项目、页面数量有限制

  • 组件太少，缺少传统UI交互的基础组件

---

2. Axure

• 适用领域

    Axure是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

• 优点

  • 即可以画图，又可以做文档，画图的难度较低，写文档较灵活

  • Axure有一套非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使得模拟更加真实

  • 使用成本很低

• 缺点

  • 学习成本高，高级元件的使用有一定学习门槛

  • 素材需要寻找第三方素材库进行载入，需要花费较多时间

  • 手机端演示效果差

---

3. Mockplus

• 适用领域

    摹客（Mockplus）隶属于成都摹客科技有限公司，注重一站式的产品设计及协作。摹客支持全工序的产品设计，连接从需求到开发，为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅，支持全部主流设计稿交付，帮助产品经理、设计师、开发人员高效设计协作。

• 优点

  • 原型项目层次清晰，交互上的功能性强大

  • 项目树层级分明，项目树中以分组和子页面来规定层级

  • 基础版免费使用，操作简单，上手快

• 缺点

  • 软件设计方式相对传统。无法适应复杂、高定制化的需求

  • 表格功能需要完善，预览不是很清楚

  • 不支持手势交互，功能上的细腻性有待加强

---

二、原型设计

1.主题名称

简评

—— 一款高校社区消费体验交流平台

2.功能

• 学生可对校内的商铺发帖交流，根据帖子的热度和发布时间进行排序
• 商家可通过顾客的反馈，及时了解顾客需求，推出顾客需要的消费项目

3.界面设计考虑因素

• 登录页面设计考虑QQ、微信以及手机登录等常用方式
• 主页设计以交流体验为主，用户的交流贴占主体，其他功能板块分布明确，方便用户切换
• 个人空间页面设计显示用户的昵称、头像，设计好友添加，个人相册等功能，给予用户操作自由，提供良好体验
• 关注页面设计以快捷查找为主，提供多种排序方式以及搜索功能，便捷性强

4.切换界面

1. 登录界面

• 界面功能

  • 注册账号
  • 账号密码登录
  • 其他方式登录
    
    

• 界面组成

  • QQ、微信以及手机登录按钮
  • 账号密码输入框
  • 登录按钮
  • 忘记密码按钮
    
    

• 前置条件

  • 打开APP
    
    

• 后置条件

  • 进入主页
    
    

• 操作步骤

  • 输入账号和密码登录,点击登录按钮，或者选择其他方式登录
  • 若未有账号，点击注册按钮

---

2. 主页界面

• 界面功能
  • 发表帖子功能
  • 点赞、评论以及转发功能
  • 将帖子按热度和时间排序功能
  • 搜索功能
    
    
• 界面组成
  • 发帖人的头像昵称
  • 发帖内容
  • 点赞数，评论以及分享数
  • 页面切换栏
    
    
• 前置条件
  • 登录软件
    
    
• 后置条件
  • 进入帖子评论
  • 切换到其他页面
    
    
• 操作步骤
  • 点击已发布的帖子，对帖子点赞、踩、评论或分享
  • 点击右下方的发帖按钮，可以发表自己的帖子
  • 点击搜索按钮，可对感兴趣的内容进行查找

---

3. 个人空间界面

• 界面功能
  • 查看动态、关注的人、粉丝功能
  • 查看我的动态、我的相册、浏览记录以及我的贴文功能
  • 进入创作中心以及联系客服功能
  • 设置个人喜好功能
  • 扫一扫、添加好友功能
  • 账号安全提示功能
    
    
• 界面组成
  • 各类功能按钮
  • 功能小图标
  • 个人头像、昵称以及个性签名
  • 动态、关注、粉丝统计
    
    
• 前置条件
  • 点击我的空间按钮
    
    
• 后置条件
  • 切换到相应的功能页面
    
    
• 操作步骤
  • 点击功能按钮，跳转到相应的页面

---

4. 关注界面

• 界面功能
  • 查看关注的人
  • 取消关注
  • 按优先级将关注列表排序
  • 搜索功能
    
    
• 界面组成
  • 已关注人的个性签名以及头像昵称
  • 已关注按钮
  • 粉丝按钮
  • 推荐按钮
  • 搜索按钮
  • 返回按钮
    
    
• 前置条件
  • 点击个人主页的关注按钮
    
    
• 后置条件
  • 查看已关注人的信息
  • 返回个人主页
  • 切换为粉丝和推荐页面
    
    
• 操作步骤
  • 点击排序按钮，选择排序的优先级，将关注列表排序
  • 点击已关注按钮，可以选择保留或者取消关注
  • 点击搜索按钮，可输入昵称进行查找

---

5.界面切换流程

    首先进入登录页面,输入账号密码或者选择QQ、微信等方式登录。登陆后切换进主页页面，主页推送最新的交流帖子，点击进入可以发表意见。点击主页下方的个人空间按钮，切换到个人空间页面。此页面显示用户的个人信息。点击关注按钮，切换到关注页面，此页面可以查看已关注人的列表，对已关注的人进行排序和搜索。每个页面都提供返回按钮，可以切换到上一层界面。

界面切换流程图