alignaxis 的世界

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://alignaxis.blogbus.com/logs/7742617.html

在新设计中创建一个可点击pdf原型,不是什么新概念,但它是一个有价值的工具,虽然常常被忽略.多年来,工作中与设计师,信息架构可用性和专业人员协作,我发现很多同事都相信关于ＰＤＦ的同样的谬误.

不同与通常的做法,你不仅可以建立PDF链接和互动;还可以加入动态元素,如滚动和可拖动的菜单,嵌入音频和视频文件,验证表单数据,进行计算,以满足用户需要.pdf原型可以省时省力的复制大多数的交互性设计元素。 

揭露常见的误解暗示
误解一:pdf不能创造内动态元素.
pdf文档里的滚动图片和类似的动态效果,必须依靠代码来实现.一个pdf可以轻松模拟,前景和背景色的变化,提示,弹出框和其他常见的dhtml脚本,或许不够典型,(以一个电子务网站pdf的原型为例) .


误解 #2: Pdf只对基于纸模型的应用有用.

许多人认为,pdf不能用基于屏幕原型的应用程序,但根本就没有这回事. 你可以很容易模仿某些类似Ajax的功能,只需更新部分的pdf,而不是用一个文件. pdf也能根据用户的操作,显示或隐藏区域和层. ( 以一个pdf原型的电子商务结算表单为例 ) .

注: pdf层只支持InDesign,autocad中,或visio 制作的原文件,兼容acrobat 6 ( pdf 1.5 ) ,在输出中选pdf对话框,"创建acrobat层".上面的例子没使用层;只有隐藏表单域.

 #误解3 :不能包括多媒体.

音频和视频文件(包括flash动画)可以直接嵌入PDF,加强互动.并且,你可以选择让这些文件自动响应指定事件(如,当用户点击"产品演示"按钮). 这是个小创新,你可以利用这一特点模仿一个互动的界面.在pdf可用性报告中加入视频片段是一个阐述观点好办法.(例:一个结合录像的可用性报告).

注:查看本pdf原型需要6.0以上的acrobat或adobe reader.请获取最新版本.当你选择在pdf加入电影或声音片段时,要注意它支持的acrobat版本.arobat 6可以嵌入任何格式的电影片段.


用pdf原型做远程用户测试

pdf原型的最大的优点是它可以进行远程测试.纸原型虽好,但它不能远程测试.我们用可操作的pdf文件,把纸原型变成活的,还能做远程用户测试.对于早期开发阶段的网站或应用软件,这非常有效,因为往往用户对纸模型缺乏想象空间;他们更需要,真实的使用环境和最终的产品.

pdf原型整合了纸原型和远程测试所有优势.无论用户身在何处,你都能收集他们正常工作环境下的反馈信息,为你的产品编码和设计节省大量的时间和金钱.

何时使用pdf原型

在开发早期,想尽快收集产品设计反馈,使用pdf原型是明智的选择.如果你能写一点代码,有flash或平面设计技能是最好的.要记住,pdf原型就像纸原型是低保真度原型.如果你想要实现一个更为详细和功能样机,我推荐css,dhtml或其他编码的原型.

创建pdf原型

创建一个交互pdf不容易.你需要安装acrobat reader,把你的现有文件转为pdf.创建交互表格需要adobe acrobat专业版.

创建pdf的方法很多.你可以从首选wireframe开始.打开wireframe,选择PDF打印机打印文档。文件转换完成PDF后，使用PDF提供的高级编辑工具（选择 “工具栏”）加入你想要的交互效果到转换得到PDF中。


如果您喜欢方便和快速的手绘纸原型,可以把图扫描转为交互Pdf.( 手绘pdf原型 ).


在Pdf原形内创建一个页和页的连接很简单..连接也可以设置为打开一个文件或网页.以下步骤只是众多方式之一.
1.选择工具" >高级编辑>链接工具,或选择连接工具( ) ,在高级编辑工具.
2.在希望链接的地方画出一个方块,这个区域就被激活.
3.在建立连接的对话框里选链接的外观设置.
4.设定页到页链接的动作,选择到跳到某页,或点下一页,设置页码,在当前文件或其它文件放大化显示,然后点链接设置.

图片滚动

加入一个滚动效果,你需要有现成的图片和Pdf.Acrobat能显示或隐藏表单元素的效果,事实上是通过鼠标动作控制的按钮交替呈现.以下步骤将引导你通过一个按钮,改变其外观(把你的按钮加在输入图片上) ,并添加鼠标控制的按钮动作.

1.选择工具 > 高级编辑 > 影片工具,或者从先进的编辑工具选择影片工具().
2.当前页,拖动或双击你需要的影片出现的位置.添加影片对话框.在对话框中,选择的Acrobat 6支持的媒体格式直接到插入你的pdf原型.
3.链接特定的影片,在地址框键入路径或url,或者点击浏览器,双击电影文件.
4.点OK,然后双击影片与手工具( )播放.

添加表单

pdf文件中包含交互表单区是可填写的.它们可以收集来自用户的数据并发送到电子邮件或提交到网站的数据库.还可以选择打印出来.

创建交互Pdf必须用Adobe Acrobat专业版.你也可以用Adobe Designer创建一个新表单.Designer是基于Adobe Acrobat专业版.让你从零开始输出表单(动态交互元素以外的静态部分),或用表单模板.下面步骤将讨论在一个已有文件加入表单区域.


1.选择工具 > 高级编辑 > 显示表单工具栏.
2.在表单工具栏,选择你想加入PDF的区域类型.
3.拖动表单区控制点达到所需的尺寸,表单区会出现参数话框.
4.在对话框中,设置表单区的参数选项,点击关闭.

你会看到,在性能对话框取许多选项都取决于你的创建的元素.你的pdf表单元素可以被标识为需要进行客户端纠错的类型.文本域可以检查拼写或指定输入数据格式(如数字,百分比,日期,时间等) .

提示

能够添加动态内容和多媒体,使pdf成为一个快速,低保真原型强大的工具.对我来说,pdf原型最好的部分就是它的方便快速地作出改变,这特别适合我在用户测试的间隔中推敲设计.

Pdf不是适合所有项目的完美的原型工具,但我希望你知道的pdf能做什么,它可能为您提供了另一种原型工具.

VIA: boxesandarrows