在软件开发中,最广泛使用的工具之一是原型。由交互设计师创建原型,交互设计以用户为中心的理念会贯穿整个软件产品,原型设计的好坏直接导致该产品的可用性。
原型根据用途大致分为表明技术可行性的demo,阐明用户界面或系统功能的某些特定方面的原型,确定系统构建相关的技术解答的试验原型以及描述构建系统核心的引示系统原型。
确定原型选题后还需要使用原型法,利用原型开展工作,即按照步骤完成。
原型可以是一些动态的程序,或者是一些静态的画面。较重要的表现方式是故事板,它的交互性介于静态画面和动态程序之间。
我们组原型使用手绘完成,但这种方式显然不是特别正式,不太能够清晰表达所要表达的意思。因此,要做出一副原型模板,原型设计工具就出现了。
原来市面上早已出现了众多此类工具:Axure,墨刀,Invision,Marvel,POP(Prototyping on Paper),Proto.io,Moqup,UXPin,Mockplus,Teambition,……
Axure
墨刀
Invision
由以上界面可见工具的重要性。
它们都有各自的特点,使用流程大致相同。
Axure偏向于较成熟的企业用户,它的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上可以自动生成HTML(标准通用标记语言下的一个应用)原型和Word格式的规格。
墨刀面向新手,云端操作避免与Axure相同的本地维护-堆rp文档的问题网页分享,避免与Axure相同本地维护一堆html,还需要自己建立web server才能共享的问题,对国内用户友好。
Invision是对于成熟的企业用户,满足高带宽并愿意接受基于浏览器SaaS服务的团队来说,不论你是使用PS还是Sketch,均可将设计成品,放在Invision中修改、 展示并讨论。
我们组的项目流程:邀请函附带二维码,扫描跳转到一个ar小程序,里面与海豚相关的场景和由ar字体组成的学校邀请函的目录
以下是具体的流程图
以下是ER图
通过以上两张图,使用任意一种原型设计工具,就能设计出一副较好的原型图,以便后续流程开展。