什么才是正确的原型设计?

草图,线框图,设计草稿,高分辨率的可视效果:原型对交互式应用发展的作用是必不可少的。下面跟大家一起探讨一下其中的联系和区别,哪些方式适用于哪些项目。

在电子产品的开发中没有一个最终目的是原型。原型的目标是将想法,功能,内容形象地表达出来,以此得到反馈并改进产品。交互设计中最重要的挑战往往是界面:它应该是友好的,直观的,最好是一目了然的。

在开发的过程中会不断地出现一些必须用原型的方式来解释的问题:用户感知到了什么元素?组件是如何交互的,整个系统背后的逻辑是怎样的?这种逻辑用户是否能快速的理解?操作是否会令人困惑?原型能够帮助解答建立在使用价值之上的实际问题,以此做出最好的设计方案。

但是什么样的原型适合一个交互项目的什么阶段呢?它应该尽量精致还是应该简易、快速?是否还能用工具对原型做一些快速的交互呢?

从低保真到高保真

原型根据外观和功能有不同程度的保真度。Sketches或者Scribbles通常足以应付第一阶段的草稿。在这种类型的低保真原型中线框也只用保持简练和单色,只用突出框架和功能。这些简略的草图不用色彩丰富绚烂,不用太多的可视化的元素。

用Axure,Balsamiq或者Mockplus等带有许多组件的原型软件工具能让你快速地制作界面。通过进一步地集成设计元素,线框图能够打造得更为精致。

在高保真原型阶段,原型和产品同步完成

这种情况下设计稿已经充斥着色彩,图形,文本,间距和字体。对于高保真的程度是没有统一的标准的,可以用PowerPoint展示,可以用HTML,亦或是图表的形式。你也可以用Photoshop组合你找到的视觉元素。如果网站或APP是动画的,用比如说After Effects这样的软件就可以清楚地向客户展示产品的思路是怎样的。

团队讨论和概念测试中效果不用夺目

测试过程并不会像实践一般简单,合适的原型取决于几个因素:目标组,技术背景和开发阶段。“没有比手绘草图更好的了”,汉堡的UX设计师Miriam Scheibe说到,“像乒乓球一样在概念和开发之间不断来回打磨构思。”Scribbles也能用被用来展示行为和交互,比如说展示当用户完成登出的流程后会发生什么。在这个阶段只有概念需要被印证,没有视觉设计的必要。“想法有多模糊,原型就应该有多简单”,Miriam说到。这些草图应该尽量地远离产品,因为针对早期测试它们还需要修改成特殊的形态,能够形成模板,利用原型软件能够方便的变为简单的交互网站或APP。

内部细节沟通

Wireframe有助于内部沟通,以传达在设计,视觉,开发方面的架构信息。尽管这种工作可以由PDF完成,但是其自带的丰富的工具能提供更多。取代了大量难以阅读的任务列表,越来越多的的机构都在使用可以模拟应用效果的交互线框图。快速的原型工具Mockplus也能提供帮助。

视觉工作是有必要的。“如果团队在概念阶段达成了一致,想要得到部门经理的认可,展示形式需要更为具体”,Miriam Scheibe解释到,“因为这些人通常没有太多时间,你可能需要在电梯里阐述你的想法。在没有时间和预算用于Photoshop设计的情况下,Wireframe也能够用于集成背景,图案,字体和色彩。”

甚至如果代理人是代表风险投资的客户的话,最好依靠高保真的原型而不是在观众前表述抽象事物的能力。在这种情况下爆炸式的美学和令人印象深刻的触感更加为你的表达加分。

综上所述,不同的设计阶段和设计需求有很多合适的工具,线框图适用于内部细节沟通,包括页面结构/导航/交互细节等,草图用于捕捉想法,不必纠结细节的构思阶段。原型图则是针对原型测试和改进,关于行为和逻辑的验证阶段,选择适合的工具可以为极大地提高设计的效率和质量,更好地完成产品。

时间: 2024-08-09 20:23:48

什么才是正确的原型设计?的相关文章

六大步骤分解产品原型设计过程

本教程将从整体和局部实例两个部分来讲解原型设计的步骤.产品的原型设计一般是基于文档的形式所表达出来的形象设计,想要把产品原型设计做好其实并不容易,想把原型做得比文档好更不容易,这里会结合一些产品原型设计的方法以及技巧来介绍原型设计的步骤,希望可以帮到有需要的朋友. 设计原型也是讲究方法步骤的,一是要提升原型设计的合理性,避免出现头重脚轻的保真程度不一致的情况:二是要减少原型设计所占用的时间,大家各自的工作时间都是很宝贵的,不可能在原型设计上投入过多的时间,因此掌握一些原型设计的方法和技巧相当必要

[福大软工] W班 软工实践原型设计—成绩公布

作业地址 https://edu.cnblogs.com/campus/fzu/FZUSoftwareEngineering1715W/homework/909 作业要求 详见作业地址 存在问题 1.团队成员的所有内容都一样,个人觉得组织预言上,可以自行组织.而且,小结都一样,这就说不过去了.希望之后的作业不要出现这种情况! 2.原型贴图的同时应该有详细说明,这样才会了解你们团队的想法,部分小组做的非常好. 3.只有一个小组给出了功能结构图,个人觉得功能结构图是非常重要的对一个系统的说明. 4.

一个工具就够了?原型设计没那么简单!

原型设计是软件设计开发过程中必不可少的一部分,但是现在我们能够看到的原型设计工具种类多到让人眼花缭乱.如果你只是选择了其中的一款工具,并且觉得原型设计工具只需要一个,对于整个设计开发过程就足够了,那你就大错特错了.事实上,这些原型设计工具连接起来,才是一个完整的设计流程. 草图/线框图阶段:纸笔.白板.Balsamiq.Mockplus 无论是美术设计还是用户体验设计,或者是用户界面设计,首先要做的事情就是画草图.打草稿.当我们天马行空的进行想象的时候,记录的工作交给它们就好了.纸笔和白板不用多

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

推荐两个界面原型设计工具--GUIDesignStudio 和 Mockups For Desktop

前段时间,有幸参加一次高级软件架构师的培训,授课老师介绍了两个很好玩的界面原型设计工具:GUIDesignStudio 和 Mockups For Desktop,现分享一下,截图说明,洗洗眼球,权当娱乐. 以前在做界面原型设计的时候(不多,但有时候要做的),印象中多数用Visio或者一些UML工具来大致描述一下,效果及交互性较差,不知您是否做过这方面的工作,不管有没有,我们来了解下这两个比较有意思的东西吧.GUIDesignStudio 运行后,随便画上几个控件,界面如下: 运行设计好的内容后

原型设计20条军规

第一条:原型设计的最终目的是为了准确.方便.快捷的表达产品设计人员的产品设计意图: 第二条:原型的观看者往往不是同一类对象,因此原型的设计不可避免的会有多种表现形态,每一种形态的原型都是为设计服务,没有高低之分: 第三条:如果按照产出方式,有手绘产出.软件产出之分,如果按照表现形式,有纸质.低保真.高保真之分: 第四条:如果你的产品设计周期中,原型设计时间过长,可能你需要停一下,站得远些重新审视一下自己原型设计的初衷: 第五条:原型是否要做到高交互.高仿真取决于观看者的需求和设计者的时间,如果简

结队项目--需求分析与原型设计

结对者:031402324 巫振格 031402338 解宇虹 pdf文件:http://files.cnblogs.com/files/gzwu/作业.pdf 工具:Axure Up 8.0 烦恼:1.过程繁琐,数据信息多级传递,费时费力,过程不透明2.大部分学生与老师都只能被动分配,难有自由选择3.学生无法与老师沟通,难以清楚的了解到导师的研究方向与项目,也为之后毕设埋下隐患4.难以时时了解到选每个导师的学生数,可能导致学生扎堆选某一个老师,而有的导师却少有人问津5.每个导师对于期望的学生数

《AxureRP原型设计学习笔记》之骨头班门弄斧篇

懒骨头(http://blog.csdn.net/iamlazybone QQ:124774397 青岛) ---- 前言 ---- AxureRP中的RP:Rapid Prototyping,快速原型. 这是产品经理的神奇,作为开发来搞这个东西,有点班门弄斧. 最近边查边搞了一个丑陋的app原型,一点心得,简计于此. mac下的AxureRP装完之后,默认打开是不显示程序界面的.别跟骨头似的以为没装好,重新下载安装.新建或打开即可. 这是软件界面: ---- 控件 ---- 不建议初学者首先下

2016/9/18结对编程之需求分析与原型设计。

结对学生:031402418 汪培侨 031402618 林宇晨 使用工具:Axure Rp 7.0 PDF链接:百度云 (超过10M没法上传只能百度云了) https://pan.baidu.com/s/1c282qoK 一.需求分析(采用NABCD模型) N (Need) 年级负责人: 需要向同学收集各种自己选择志愿的信息,收集麻烦 需要通过手动汇总信息,并提交给相应的分配负责人,汇总麻烦 分配负责人: 根据年级负责人收集的信息,进行相应规则的算法排序,分配好相应的老师,有时候需要一定人工分