原型设计工具比较和实践

目录

• 一、原型设计工具比较
  • 1. 墨刀
  • 2. Axure
  • 3. Mockplus
• 二、原型设计
  • 1. 主题名称
  • 2. 功能介绍
  • 3. 界面设计考虑因素
  • 4. 切换界面
  • （1）视频界面
  • （2）视频播放界面
  • （3）个人信息界面
  • （4）编辑个人信息界面
  • 5. 界面切换流程

一、原型设计工具比较

1. 墨刀

• 优点

  • 新手小白型工具，操作难度较低

  • 模板较多，可以快速进行产品设计

• 缺点

  • 交互相对复杂

  • 自定义组件支持较弱

  • 切换效果的体验感较差

• 适用领域
  • 适用于平台和企业协作

2. Axure

• 优点

  • 功能齐全，操作多样性

  • 交互灵活多样，交互效果良好

  • 拥有强大的编辑能力

• 缺点

  • 组件方面不完善

  • 操作繁琐，上手难度高

• 适用领域
  • 商业分析师、信息架构师、产品经理、IT咨询师等

3. Mockplus

• 优点

  • 功能多样，操作简单

  • 支持团队协作，组件资源丰富

• 缺点

  • 不支持手势交互

  • 组件属性较少

• 适用领域
  • 适合软件团队、个人在软件开发的设计阶段使用。

二、原型设计

1. 主题名称

• 在线听歌

2. 功能介绍

• 用户可通过此平台进行搜索、听歌、收藏、上传歌曲以及修改个人信息等活动

3. 界面设计考虑因素

• 该原型设计参考了网易云音乐PC端的界面设计，在其基础上增添个人元素，给用户

  以简单清新的体验感

4. 切换界面

（1）视频界面

• 界面功能
  • 选择喜欢的MV视频进行观看
• 界面组成

  • 导航栏

  • 视频及MV选择键

  • 歌曲播放栏等

• 前置条件
  • 点击左侧导航栏中的“视频”
• 后置条件
  • 播放视频MV
• 操作步骤

  • 用户可以在这个界面选择喜欢的MV视频，然后通过点击视频

    进行观看

（2）视频播放界面

• 界面功能
  • 观看MV视频
• 界面组成

  • 基础导航栏

  • 视频播放界面

  • 返回键

• 前置条件
  • 在视频界面点击任意“视频”
• 后置条件
  • 返回“视频界面”
• 操作步骤

  • 用户可以在此界面中点击播放键或声音调节键及其他按键对视

    频播放进度、音量等功能进行调节

（3）个人信息界面

• 界面功能
  • 查阅、修改个人信息
• 界面组成

  • 基础导航栏

  • 用户头像等基础信息

  • 编辑个人信息键

  • 歌单

• 前置条件
  • 在主界面右上角点击“我的”
• 后置条件
  • 返回主界面
• 操作步骤

  • 用户可以点击“我的”进入个人信息界面，对用户信息进行查

    阅或修改，也可通过点击返回键来返回主界面

（4）编辑个人信息界面

• 界面功能
  • 编辑个人信息
• 界面组成

  • 基础导航栏

  • 昵称、个性签名、性别、生日、地区、头像编辑框

• 前置条件
  • 点击编辑个人信息按钮
• 后置条件
  • 跳转至个人信息界面
• 操作步骤

  • 用户可以点击“我的”进入个人信息界面，对用户信息进行查

    阅或修改，也可通过点击返回键来返回主界面

5. 界面切换流程