一、认识原型
1. 为什么会出现产品原型呢?
过去我们的产品结构很单一,软件功能也不是很复杂,种类很少,那时候用户只要有软件用就可以了,不用考虑他的需求,用户很容易就满足。但是现在软件种类很多,竞争非常激烈。就拿求职类软件来说,就有智联招聘、51job、58同城等等。如果不能满足用户的需求,用户可以随时抛弃我们的软件。而我们的原型,恰恰可以快速地挖掘出用户的需求,我们可以通过制作产品原型,向用户展示产品相关信息,在展示的过程中,可以实际捕捉到用户的需求。
同时,项目组成员可以根据产品原型进行沟通。我们都知道,制作一款产品,我们需要绘制原型,进行原型评审,然后把原型给开发人员进行开发。在这一过程中,我们的原型就会起到沟通的作用。项目组的成员都拿到软件沟通的目标,这样就能大大提高项目组成员的沟通效率。降低沟通成本。
所以,原型的两大作用主要是:
挖掘用户的需求;
降低项目组之间沟通的成本;
2.原型的分类
(1)草图原型
概念:草图原型是利用一张纸一支笔来构思和记录灵感。
优点:可以简单、快捷的描述出产品的大概需求,记录瞬间的灵感。
缺点:除了自己,别人都无法理解。
(2)低保真原型
概念:利用相关原型设计工具来绘制线框图,描绘出软件的大致结构和基本交互效果;
优点:可以快速构建出软件的大致结构,可以反映出用户需求的基本功能和使用效果,可以在项目组之间作为一种沟通方式。
缺点:美观度和交互效果上与真实的软件相差很多。
(3)高保真原型
概念:高保真原型是利用相关原型工具来设计出演示性的产品或者概念性产品;
优点:原型在软件的结构、软件的界面和交互效果上几乎和真实的软件产品一样;可以作为客户层次和领导层次沟通的一种方式;
缺点:制作高保真原型需要花费大量的精力和时间。
3.绘制原型的工具
(1)白板或者草纸上手绘;
(2)画图工具进行绘制;
(3)Axure等专业的原型设计工具;
注意:绘制原型时,可以结合多种原型工具一起绘制,比如纸笔可以在初期记录创意和思路,Word适合于文字的详细表达,Axure可以作为内部沟通的一种方式,也可以向用户演示产品。
4. Axure能干什么?
Axure能制作出低保真原型和高保真原型;
低保真原型是利用线框图构建出软件的大致结构,利用交互效果来表达用户的实际操作方式,低保真原型能在耗费一定的时间完美清晰的表达出软件的实际功能;
高保真原型做出的效果几乎和实际效果一致,但是它需要投入大量的精力,才能完整的表达出设计理念和用户体验效果。
5. 哪些人会使用Axure内容?
针对负责定义需求、定义规格、设计功能、设计界面的专家;
包括:用户体验设计师(UX)、交互设计师(UI)、需求分析师(BA)、可用性设计师(UE)、信息架构师(IA)和产品经理(PM)、开发人员、原型设计爱好者等。
二、认识Axure的软件界面
1.站点地图
(1)可以用来做什么?
站点地图可以可以规划软件的功能单元;
站点地图可以清晰地展示软件的结构;
站点地图可以管理软件的页面关系;
可以让使用者快速地了解软件的结构;
方便使用者快速地找到想要的界面;
(2)使用站点地图时的注意事项
制作原型时要规划软件的功能单元;
页面的命名要有意义;
进行多人协作,不要使用总根的方式,不利于写作开发;
2.线框图
(1)线框图部件之常用组件
图像热区组件:在移动app中的应用频率非常之高。
动态面板组件常用功能:
①动态面板的显示与隐藏效果;
②动态面板的调整大小以合适内容;
③动态面板的滚动栏设置;
④动态面板固定到浏览器
⑤100%宽度
⑥从动态面板脱离;
⑦转换为母版;
⑧转换为动态面板;
(2)线框图部件之表单类及菜单类组件
线框图部件之表单类组件
菜单类组件
(3)流程图组件的使用
流程图组件
矩形组件:用作执行框使用;
叠放矩形组件:代表多个要处理的动作;我们不想把所有动作都列举出来,就用叠放矩形处理组件来代表多个执行框使用;
圆角矩形组件:代表动作的开始或结束,用作起始框或结束框;
菱形组件:代表决策或是判断,用作判断框使用;
文件组件:代表文件,用作以文件方式输入,或是以文件方式输出;例如我们上传、下载或是保存一个文件,都可以采用文件组件;
叠放组件:叠放文件,可以保持多个文件;
括号组件:说明一个流程的操作或是特殊行为(类似备注或者是特殊说明);
平行四边形组件:代表数据的操作,用作数据的输入或输出;
角色组件:代表流程的执行角色,角色可以是人,也可以是系统;
3.Axure变量及函数
(1)Axure全局变量和局部变量;
创建全局变量用于浏览器中页面切换时存储数据。如果在IE浏览器浏览原型,推荐使用25或者是更少的变量;
变量名必须是字母数字,少于25个字符,并且不能包含空格。
全局变量是公有的,可以共同使用,局部变量是私有的,只能自己使用。
(2)Axure变量在页面间的传递;
(3)Axure函数介绍;
部件函数;
窗口函数;
光标位置函数;
Number函数;
字符串函数;
运算函数;
日期函数;