Axure高级动设计.docVIP

Axure高级互动设计 1—设定逻辑条件 摘要: 设定逻辑条件 1. 认识Condition (逻辑判断) 2. 认识Condition Builder (逻辑判断编辑器) 3. 用Condition Builder建立逻辑判断 4. 秘技(Quick Tips) 设定逻辑条件1. 认识Condition (逻辑判断)2. 认识Condition Builder (逻辑判断编辑器)3. 用Condition Builder建立逻辑判断4. 秘技(Quick Tips) 1. 认识Condition (逻辑判断)虽然可以用文字来描述Prototype操作的动线或互动方式，但有的时候，您还是会需要一个更逼真(High Fidelity)、更互动、更有亲和力的Prototype 。比如，当您在操作Prototype，模拟会员登入帐号，如果能在按下登入按钮时，直接显示登入成功或失败的讯息。是不是比您口头解说或文字描述，还要来得清楚明白呢？在Axure RP的互动设计中，「逻辑判断」是最有挑战性，但是也最有趣的一件事情。因为当您在设计网站Prototype时，可以不用寻求程序设计师或Flash设计师的协助，就可以独立完成您想要表达的互动效果。清楚的逻辑观念胜过互动设计技巧学习Axure RP的条件逻辑设计之前，您必须先知道一个重要的观念：成为称职的网站企划人员，不一定要学会Axure RP的高级互动设计技巧，却一定要有清楚的逻辑观念。否则，不只造成网站开发工作上的困扰，更严重的还会造成糟糕的网站使用者经验。只有清楚的逻辑观念，才能带来准确合理的互动设计。 如果您不想学这些高级互动设计技巧，绝对无损于您利用 Axure RP进行网站企划及Prototype 设计。换言之，即使您学会Axure RP的高级互动设计，但是您的逻辑观念如果不清楚，仍然无法成为一位优秀的网站企划。要是您希望将Prototype拿来进行 Usability Test，或者在各种沟通讨论会议上，让大家更充分理解操作的互动效果，那么透过Axure RP提供的逻辑判断设定，可以让Prototype更进一步接近真实完成的网站接口与动线。物件值(Value of Widget) / 变数值(Value of Variable)接下来，您要学习使用变数值/对象值，这两种类型的数值应用于逻辑判断： a. 对象值(Value of Widget) – 使用Widget本身的值来进行逻辑判断，有4种不同的数值可供应用：* Checkbox或Radio Button的核取状态* Droplist 或 Listbox的选取值* Text Field或Text Area中的文字* Text Field或Text Area的文字的长度b. 变数值(Value of Variable) – 使用自定变数的值来进行逻辑判断，有2种：* value of variable – 自定变数的值* length of variable value – 自定变数值的长度附带补充，Axure RP本身存在一个全局预设变数(Global Default Variable) – OnLoadVariable，除此之外，变数名称可以自订，最多可以有25个自订变数。您可以透过主选单Wireframe Manage Variables来检视并编辑所有的自订变数。 您可以在Prototype设计里，将对象值及变数值的逻辑判断加入互动设计，在操作Prototype时，将会根据Web Form Widget所输入的数值，或是变数的值来进行判断。比如，当使用者登入帐号时，自动检查输入的帐号或密码，登入成功则导到欢迎页面，登入失败则显示错误讯息。表单型态的物件 (Web Form Widgets)由于逻辑判断牵涉到不同对象值的判断，因此经常与表单型态的对象结合运用。 Axure RP的表单型态的物件(Web Form Widgets) 如下图。 2. 认识Condition Builder (逻辑判断编辑器)如果您具有程序设计的基础，要学习 Axure RP的变数或逻辑判断，一点都不困难。毕竟Axure RP不是程序开发工具，并没有太多的程序语言要学习。为了让没有程序设计基础的 Axure RP使用者也可以设计逻辑判断，因此Axure RP透过三个不同的功能视窗，来协助使用者设定变数以及逻辑判断，这些功能视窗包括： *?Annotation and Interactions?(互动设计)*?Interaction Case Properties?(互动状况设定器)* Condition Builder (逻辑判断编辑器)这三个功能视窗的关连及开启顺序如下图：为了让没有