原型设计工具比较及实践

目录

一、原型设计工具比较

1. 墨刀

  • 适用领域

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

  • 优点

    • 原型演示效果较好，有利于观察设计的原型

    • 各种组件丰富多样，便于使用者直接使用，无需编写

    • 拥有多线协作能力，预览速度快，方便协作者交流互动

  • 缺点

    • 系统较为简单，具有移动端的局限性，部分复杂功能无法实现

    • 免费版的限制较多，页数也较少，不利于随意创作

    • 缺少传统的UI交互组件，相较于其他原形设计工具有所欠缺

2. Axure

  • 适用领域

    Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

  • 优点

    • 可以画图和写文档，功能丰富多样

    • 交互编译器强大，可以完成复杂的模拟

    • 使用成本较低

  • 缺点

    • 学习成本高，新手需要付出一定时间的学习

    • 素材需要通过第三方导入，消耗大量时间

    • 手机演示效果差，对移动端不友好

3. Mockplus

  • 适用领域

    摹客（Mockplus）隶属于成都摹客科技有限公司，专注于一站式的产品设计及协作。依托摹客“1+2+1”（1个平台+2个工具+1个设计系统）的产品矩阵，为产品开发团队提供全流程协作、原型设计、UI设计和设计规范管理支持。摹客可以自产出原型及高保真设计，也支持多款主流设计工具（Figma/Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，使用不同设计工具，可通过摹客平台协同工作。

  • 优点

    • 相较于其他设计工具，免费版的功能更加丰富，操作简单

    • 层级分明，可以使用子界面区分，结构更清晰

    • 移动端使用也很方便，有利于多人协作

  • 缺点

    • 工具较为简单，无法适应复杂的开发

    • 演示过程中有延迟，对于演示效果有较大的影响

    • 表格功能预览效果较差，需要更多打磨

二、原型设计

1.主题名称

气泡音乐
—— 一款面向高校大学生的在线音乐软件

2.功能

  • 用户可以使用听歌识曲功能，查询想要的音乐
  • 用户可以查看粉丝列表，并于粉丝进行互动
  • 用户可以查阅自己的歌单，历史记录以及下载的音乐等项目

3.界面设计考虑因素

  • 面向群体为高校大学生，界面设计较为简洁，使功能性更加突出
  • 个人空间页面显示用户的头像，关注以及听歌识曲等信息和功能，给予用户一定的操作自由，有利于用户的个人体验
  • 听歌识曲界面没有过多的其他功能，主要方便于用户的查询操作
  • 拥有一定的交互功能，但在具体的页面上没有过多的其余功能，功能多样的同时也不影响用户的个人体验

4.切换界面

  1. 用户界面

  • 界面功能

    • 听歌识曲
    • 查看歌单，下载以及历史播放
    • 查看消息
    • 查看设置界面
    • 查看VIP界面

  • 界面组成

    • 用户个人信息
    • 歌单，下载以及历史播放的界面
    • 听歌识曲功能按钮
    • 消息界面的功能按钮
    • 设置功能按钮
    • 用户个人互动栏

  • 前置条件

    • 打开APP

  • 后置条件

    • 进入用户个人主页

  • 操作步骤

    • 点击查看用户的歌单，下载以及历史播放的界面
    • 点击查看用户消息
    • 点击进入听歌识曲界面，使用听歌识曲功能
  1. 听歌识曲界面

  • 界面功能
    • 听歌识曲，识别目前背景的音乐
    • 退出当前界面，返回上一页

  • 界面组成
    • 听歌识曲界面的背景图案设计
    • 听歌识曲功能的互动按钮
    • 听歌识曲功能的提示语句
    • 返回按钮

  • 前置条件
    • 点击图标进入听歌识曲界面

  • 后置条件
    • 点击开始听歌识曲
    • 返回到上一页面

  • 操作步骤
    • 点击听歌识曲按钮，开始识别当前的背景音乐
    • 点击退出按钮，返回上一页
  1. 用户个人消息界面

  • 界面功能
    • 查看动态、关注的人、粉丝个人
    • 对关注的人和粉丝进行查询和互动
    • 查看关注的人和粉丝的信息
    • 返回上一页

  • 界面组成
    • 粉丝和关注的按钮
    • 粉丝名单
    • 互动按钮
    • 名单目录
    • 返回按钮

  • 前置条件
    • 点击进入个人消息界面

  • 后置条件
    • 切换到相应的功能页面
    • 返回上一页

  • 操作步骤
    • 点击用户名单，跳转到个人界面
  1. 粉丝个人界面

  • 界面功能
    • 通过按钮回关粉丝
    • 取消关注
    • 通过举报按钮拉黑或者举报该用户
    • 返回上一页

  • 界面组成
    • 粉丝的个人信息及头像
    • 回关按钮
    • 关注数，粉丝数和获赞数
    • 粉丝个人主页内容
    • 返回按钮

  • 前置条件
    • 点击粉丝界面的用户目录

  • 后置条件
    • 查看粉丝的信息
    • 返回个人主页
    • 点击按钮和粉丝进行互动

  • 操作步骤
    • 点击回关按钮，对未关注的粉丝进行回关
    • 点击举报按钮，对用户进行举报和拉黑
    • 点击返回按钮，返回上一页

5.界面切换流程

    首先进入用户个人主界面，可以看到用户的个人信息以及关注，粉丝等消息，然后可以根据个人选择进入听歌识曲界面进行听歌识曲，也可以根据需要查看用户的消息界面，查看粉丝目录并和粉丝进行互动，点击粉丝目录进入粉丝个人界面，可以和粉丝进行互动，之后便可以通过返回按钮逐级返回用户个人界面。

界面切换流程图

posted @ 2023-04-24 19:47  cropaz  阅读(88)  评论(0)    收藏  举报