SYVY

原型设计工具比较及实践

对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

Axure

AxureAxure RP是美国AxureSoftware Solution公司旗舰产品,是一款快速的产品原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具,它比一般创建静态的原型设计工具要快速、高效。它具有强大的交互效果,同时方便多人协作,有着便利的版本控制管理和动态面板,此外还有丰富的控件元素。

但相较而言,Axure的学习成本较高,熟练掌握所需要的时间更长,它的价格也是劝退我们的一个理由。

墨刀

墨刀的定位是主要用于设计移动APP原型,其控件的拖拉、大小的调整,都会自然去匹配相应的母版大小,非常人性化。再者,墨刀提供了强大的共享创建功能,方便用户的手机上预览原型。

但我们认为缺点在于对交互效果、控件组合、操作面板的选择都不如Axure灵活,内置交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用;另外,效果切换因为是采用连线的方式,有时会让用户产生错乱的感觉。

Mockplus

Mockplus是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手的特点简直是为我们这样的初学者量身打造,而且它的功能够用并能够很好地表达自己的设计,满足众多的工作需求。有别于Axure的繁复,Mockplus致力于快速构建和迭代原型,为设计者提供简洁高效的设计方式。相较于Axure的厚重,Mockplus更显轻盈。而且它的学习成本较低,学习曲线平滑,方便我们快速上手完成任务,同时它的价格也是十分亲民,假如日后有需求的话我们购买起来负担会小很多。

1.低保真原型

低保真原型是在纸上画的的草图或原型,也可以是在电脑上设计的产品页面。低保真原型的作用是表现产品中最重要的用户流程和功能所涉及的页面关系

在设计低保真前,我们会先进行用户研究并收集一系列产品需求,这些工作做完后,接下来就要考虑产品的功能。

基本功能和信息架构

在设计的早期阶段,我们都不希望陷入页面版式、图像和渐变之类的细节中,相反我们需要展示的是产品的核心功能、信息架构以及页面间的流程。

我们首先要概述页面的一些基本情况,这些设计可以帮助用户完成主要目标并满足每个功能的基本要求。

基本的布局和元素

除了信息架构和流程外,低保真还有助于定义产品UI的基本布局,例如确定页面元素和各部件的尺寸、位置以及页面中留白的使用情况。

 2.高保真原型

高保真原型展示的细节比低保真更深入细致,高保真原型是尽可能接近最终产品的样式。高保真原型具有与低保真相同的流程和信息架构,也会展示更多的细节和页面关系。

进阶的页面设计

高保真原型的目标是对最终产品的讨论,包括在最终产品中看到的所有内容,例如产品的颜色、渐变、阴影、图形以及排版等。

进阶的互动原型和功能

高保真原型会近一步展示产品的动效情况,比简单点击原型更进阶,例如展示页面的滚动效果、手风琴菜单、下拉列表、拖放等动效。

高保真原型还可能包含页面上移动的图形和动画,或者用户可以操作的元素,还包含例如错误消息和表单设计的验证等,以及在其他各种页面尺寸上存储和再现数据的能力。

3 原型设计

1、主要说明

主题名称:小说阅读程序

功能:用户可以阅读大部分电子小说,进行搜索、阅读、收藏等操作

界面设计考虑因素:考虑到市场上眼花缭乱的小说阅读软件众多,本程序可以让读者以极小的内存和不用下APP占用空间,和简洁明了的界面取胜市场。

2、界面介绍

 

界面功能:主界面,登陆注册

界面组成:搜索栏、我的书架,主页

前置条件:点击进入该程序

后置条件:点击导航栏进入我的书架

操作步骤:点击搜索,我的书架

 

 

 

 

界面功能:可以进行搜索小说,小说分类,小说排行

界面组成:搜索栏、小说分类,小说排行

前置条件:点击搜索栏,小说分类,小说排行

后置条件:右滑屏幕退出

操作步骤:点击清空或搜索历史和大家都在搜的标签、直接输入文字搜索

 

 

 

界面功能:可以小说图书

界面组成:我的书架

前置条件:点击阅读

后置条件:点击导航栏进入主页界面、搜索界面、我的书架

操作步骤:点击小说进行阅读、点击阅读历史查看已经读过的图书

 

 

 界面功能:可以进行根据分类查找小说

界面组成:小说分类

前置条件:点击小说分类

后置条件:点击导航栏进入搜索小说,进入小说分类

操作步骤:点击小说分类,根据分类查找小说

 

posted on 2021-05-30 22:56  SYVY  阅读(101)  评论(0编辑  收藏  举报

导航