原型设计工具比较及实践

发布时间 2023-04-22 10:27:08作者: 9YuKai9

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

1.墨刀

  • 适用领域

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

  • 优点

    • 免费试用,学习成本较低。
    • 操作简单,页面相对简约,适合初学者。
    • 墨刀包含丰富模板和素材库,同时可自动生成页面流程图。
  • 缺点

    • 无法离线保存,必须在线操作。
    • 组件较少,无法适应大型应用需求。
    • 专门为移动端打造,有一定局限性。

2.Axure

  • 适用领域

    Axure是一款专门用来画原型的工具,也可以用来画流程图。其受众群体也非常广泛,除了产品经理外,还包括产品专员、产品助理、产品经理、需求分析师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关岗位者。

  • 优点

    • 功能齐全、资源丰富、基本上想要的效果都可以实现。
    • 编辑功能强大,制作素材库会更加便携。
    • 可以项目共享,可以随时找到历史版本的项目文档。
  • 缺点

    • 学习成本高,深入学习了解需要一定学习门槛。
    • Axure默认元件以及样式不及墨刀和mockplus美观。
    • Axure的大部分PM需要寻找相应第三方素材库,需要花费相应的时间。

3.Mockplus

  • 适用领域

    Mockplus(摩客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用,帮助设计师“关注设计,而非工具”。

  • 优点

    • Mockplus自带组件库和图标库,界面设计方便。

    • 左侧项目层级分明,有多种页面供设计者选择。

    • 控件组合交互简洁明了,对初学者友好。

  • 缺点:

    • Mockplus表格功能有待完善,在使用时有细微影响。
    • 深入学习成本较高,需要较高知识储备和经验。
    • 不支持鼠标悬停,同时在手机端预览不太直观。

二.原型设计

1.主题名称

  • catch音乐 ——一款听歌播放器

2.功能

  • 一款音乐app,在听歌界面中,用户可以通过点击心形按钮加入喜欢的音乐,可以观看歌词,对当前歌曲进行评论,同时可以将自己喜欢的音乐分享给QQ好友、微信好友以及微博分享等。

3.界面设计考虑因素

  • 音乐app的目地是服务于大众,让用户在喧嚣浮躁的世界中得到慰藉,那么此app页面需要清爽简约,一眼就可以找到自己想听的音乐。
  • 功能齐全用户才会喜欢,将大部分功能放在一个界面中,这样用户不必多次翻找,降低无用时间,增加市场竞争力。

4.界面切换介绍

  • 1.听歌界面

  • 界面功能

    • 在当前界面中,可以将歌曲添加为我喜欢的音乐,可以进行暂停和播放,以及切换自己喜欢的听歌模式。
  • 界面组成

    • 音乐进度条,歌词,听歌模式,开始暂停,上一首下一首音乐以及听歌列表。
  • 前置条件

    • 点击选择页面中的听歌界面。
  • 后置条件

    • 点击开始按钮,开始播放音乐。
  • 2.评论页面

  • 界面功能

    • 在此页面中,可以进行编辑文字后输入,同时可以看到其他人的评论并进行点赞,在此页面也可以进行分享。可以根据不同的选择对评论进行不同的排序。
  • 界面组成

    • 当前播放音乐的专辑照片,对歌曲进行评论的人的头像,评论时间以及昵称,点赞数等。
  • 前置条件

    • 点击听歌界面中右下角的评论小图标。
  • 后置条件

    • 编辑文字,评论发送成功。
  • 3.歌词页面

  • 界面功能

    • 此界面可以浏览当前播放音乐的歌词。
  • 界面组成

    • 当前播放音乐的歌词,听歌列表等。
  • 前置条件

    • 点击听歌界面的圆形唱片。
  • 后置条件

    • 歌词弹出。
  • 4.分享页面

image
image

  • 界面功能
    • 此界面可以将音乐进行分享,可以分享给QQ好友、微信好友以及微博。
  • 界面组成
    • QQ图标、微信图标、微博图标共同组成分享页面。
  • 前置条件
    • 点击主页面、听歌界面、歌词界面的听歌列表。
  • 后置条件
    • 打开分享页面。
  • 操作步骤
    • 点击分享图标后,选择想要分享的聊天软件,即可进行分享。

5.界面切换流程图

  • 首先进入主界面后,点击主界面左上角的"更多"导航键,进入选择页面,在选择页面中根据自己的喜好选择所需要的功能。如音乐黑名单歌手及歌曲、边听边存、听歌界面、评论界面、歌词界面以及分享界面。