ui界面设计利器低保真原型图怎么制作

通常我们在给一个新项目策划和设计ui界面时,都会先进行一系列的沟通、策划、调研、草图绘制、保真图的制作与设计等。其中,为了提升工作质量并搭建实现用户需求的场景,我们通常都会对低保真原型、高保真原型进行非常认真的制作与设计。那么,低保真图一般是用什么工具来制作与设计的呢?

“保真度”是个概念化的术语,广义上来讲,它可以被定义为:重现某种事物的精确程度。换句话说,原型的保真级别回答了这样一个问题,即原型表述的最终方案到底有多精确?

快速设计的三大流程

-

快速设计的三大流程通常为手绘的低保真原型,axure、proto等工具绘制的layout,加上最终视觉完善度较高的高保真原型。

1.简单的手绘草图原型:通常可以让专业的人士很快验证产品的逻辑是否有问题,流程是否顺畅。

2.axure绘制的低保真原型:可以验证页面布局是否合理,按钮的位置是否顺手。还可以给对互联网产品比较熟悉但没有用过该产品的人进行可用性测试。

3.视觉还原的高保真原型:视觉原型已经是产品最终将呈现出来的形态,可以用于针对目标人群的可用测试。也可以验证产品的功能是否满足了目标用户的需求。

低保真原型的优点

不论产品的类型如何,所有的低保真原型都具备以下几个优点:

//在早期检测和修复主要问题

建立低保真原型可以快速接触到用户的反馈,使我们可以将问题可视化,并解决关于产品的易用性和功能上的核心问题。原型不应该被设计成会影响用户视觉和感知的最终形态(原型通常只是粗略的产品概述),用户通常只是通过他们所看到的提出想法。通过剥离不必要的装饰和设计,我们能够呈现出设计的核心想法和概念。在这个阶段,发现问题是产品最终能够成功的关键。

HigelHeaton顾问写了一篇关键的名为《为何快速原型能够解决用户界面的问题?》的论文,发表在1992年软件原型和进化发展IEE座谈会上。他称快速原型应可以解决大约80%的界面主要问题。在真正满足用户需求的产品设计过程中,低保真原型在一开始就为我们敲响了警钟。

除了帮助我们发现重大问题,低保真原型同样给予了我们解决这些问题的需求与动力。在2012年原型的心理体验研究中,斯坦福和西北大学的研究者们发现“低保真原型…引领我们重新规划失败,以此作为学习机会,培养进步意识并强化对创新能力的信念。”研究结论表明建立低保真原型不仅仅影响最后的产品,也影响着我们在设计进程中的参与程度。

//低保真原型构建起来更加容易且成本更低

不论个人或小组,只需很少或根本不需要专业技能即可构建低保真原型。只要产品和项目目标是清晰明确的,那么低保真原型的重点将不会放在形式或功能上,而是关键点上。接下来我们应把资源放在哪里?哪些地方是应该避免浪费资源的呢?哪些功能对我们的用户来说才是核心关键?这些原始设想本身的方向对了吗?我们是否需要转变方向或拓展其它选项?

//得出反馈以侧重于高层次的概念而不是执行

高保真原型将重心转向了产品的美观程度而不是验证产品的基本假设及核心价值。而外表粗糙的低保真原型从另一方面来说“强制用户去思考核心内容而不是外表”。

//更有迭代的动力和意愿

//易于携带和展示

一些高保真原型需要特殊设备或环境用于展示,而绝大多数低保真原型能够很容易地携带和展示。Rudd指出:“低保真原型易于携带,它们可以在纸上,图表中,或在白板上呈现。”

携带一张纸能有多难?需要任何特殊条件、空间或高级指令吗?纸质低保真原型将我们从技术和便携性的要求中解放出来。

如果你决定使用本文结尾列表中的任何一种软件来构建低保真原型,请考虑在屏幕上显示是否是最好的选择。研究表明,在几种有趣的方式中,纸张比屏幕更容易激励协同工作。诺丁汉大学、萨里大学和剑桥大学EuroParc研发中心的研究员们在三种不同的工作环境下进行了纸张和屏幕如何促进协作的研究,这三种环境分别为:建筑工地,医疗中心以及伦敦地铁的控制室。他们的结论是纸张具有更高的灵活性,使得个人能够以各种方式进行互动与协作。

低保真原型的类型

//2D纸质

SCAD交互设计部门的这种新网页设计低保真原型展示了提升阅读和互动张帖的初步概念

流动新媒体设计团队展示了如何从纸质原型开始,使事物回到本质,专注于重要的事情

两名交互设计专业的学生开了一家名为StickyJots的公司,该公司提供类似故事板的纸质低保真原型套件

//3D模型

如果你想更有创意,并用3D模型与用户互动,这里有几种有趣的选项可供选择。随着设计思想中实用方法论的传播,使用纸板,泡沫塑料,木材,塑料,粘土和积木变得越来越流行。

AshleyCostanzo为HealthyMade公司开发了这款3D低保真模型:将新鲜的食材和食谱打包成一个健康午餐计划,本产品回答了一个问题,“我们如何给有需要的人提供更加健康的食品选择?”

商业折纸是日立公司开发的一种折纸原型法,方便服务和系统的设计。它是在企业内部开发的,但最终引吸了其它机构的注意。纸张被折成各种物件以完善原型系统并与之互动。

乐高企管智慧游戏(LEGOSERIOUSPLAY)被用于促进创新和提升经营业绩。该游戏套件可用于建立业务和服务体验的低保真原型。例如LiquidAgency机构就使用这种方法建立问题——答案的原型,“我们期望提供何种类型的医疗保健?这将会使我们的现在与未来有所区别吗?”

草图原型、低保真、高保真三大原型的设计技巧

//草图原型的设计技巧

草图原型主要目的是为了验证设计的流程。在过程中可以贴上一些目标场景在原型下方,这样能营造一个比较贴近真实情况的思考氛围,将大家都引导到用户的角度来思考。还可能从场景中发现一些之前没有想到的细节问题,同时可以避免产品人员以及设计师在设计过程凭空为用户臆想出来许多不切实际的需求。

//低保真原型设计技巧

低保真原型主要由交互人员输出。在按钮的布局、整体页面的信息构架方面已经比较精细了,可以用ae制作一些复杂的动效与开发人员沟通。在方案评审时和产品人员讨论是否有功能缺失、与开发人员讨论交互效果实现的成本是否过高。通常一些特殊状态与错误提示都是标示在低保真原型设计稿中。

//高保真原型设计技巧

高保真原型是与最终装到手机上的效果相同的原型,通常我们也叫做视觉稿。高保真原型只是没有经开发人员实现的图片,而现在我们有了许多工具可以为高保真原型添加页面跳转效果与一些简单的交互效果。在这里大概给大家推荐几个:国外用的比较多的是invisionapp.com,国内用的比较多的是墨刀

以上提到的三个原型设计技巧未涉及到手工制作类的。

更多低保真原型图制作工具及入门方法指南

1.定义你的目标:你要展示什么?

你希望展示哪些特点给你的用户?列出两到三个你的低保真原型中包含的核心功能。在接下来的步骤中,我们将确保这些功能不会被遗忘。

你可以使用类似下面的简单表格列出你的功能:

下面列表中有一些可借鉴的示例核心功能和补充功能:

2.定义你的方法:你要如何展示?

你将决定何种低保真原型最适合你的项目。你要快速建立起怎样的原型以帮助用户传递有价值的反馈?如何简单地展示并测试你的设想,且投入最少的资源?寻找尽可能简单的方法,并不断询问自己一个问题:是否有更为简单的展示方法?直到找到一个可行的方法来描绘你的产品功能。

基于以下几个因素找出适合你原型的细节程度:

原型的目标用户

用户是否能够基于你提供的原型提出有意义的反馈?该原型是否需要一定的细致程度以令用户理解?

你可以获得怎样的资源?

灵活性对于低保真原型是至关重要的。当你的想法形成时想想看在你周边的可使用的工具和资源。有创造力地用聪明的方式使用你现有的东西。

用以下方式去思考:

注:以上展示原型为MartaFioni为appFoursquare设计的支付界面解决方案

还在苦苦找寻适合你项目的原型方法?下面有一些建议:

下载这张图片并将它挂在你办公室显眼的地方,它将作为一种动力,使你将低保真原型作为你设计中一以贯之的部份。

3.执行:展示你的原型

别一开始就被“我在XX方面的技能不够好”的心态打败了。低保真原型不在于你的模型看起来多复杂,它只需要形成对产品未来形态的交流。记住,不在乎形式和功能,只在乎关键点。

来自不同设计领域的低保真原型样本:

尝试以下数字软件和模拟工具以加快你的原型设计速度:

4.测试:将如何评估你的原型?

抛弃“用户肯定会讨厌这种粗糙的原型”的想法。向用户解释原型的限制是很正常的,也是符合预期的。引导用户理解项目的目标,并提出探讨性的问题。如有帮助的话,在展示原型之前准备一份简短的指南,列出一些你想要在会议期间提出的问题。并写一份简介,你可以读出来以帮助用户理解他们看到的是什么。以下有一些问题类型:

关于感知到的好处

“通过这个概念产品你能看出来它能为你提供的关键性的好处是什么呢?”“从你今天看到的这些功能来看,哪项功能会令你使用这款产品?”“哪项功能会使你想要使用本产品却在原型中没有看到呢?”

关于积极和消极的反应

“从1到5来衡量的话,你有多喜欢这个设想?”“为什么?”

关于意识

“看完今天这款概念产品,令你印象最深刻的是什么?”“你还记得哪些?”

关于比较优势

(如你向用户展示了超过两个以上版本的原型,询问他们哪种版本最好)“哪个版本最吸引你?”

关于情绪反应

“这个概念产品令你感觉如何?”(通过列出情绪列表来帮助用户——高兴、沮丧、生气、兴奋、无聊等等,或画出描述这些情绪的面部插画。让用户选择一个或以上的被你的原型触发的情绪选项。)

关于使用意向

“从1到5来衡量的话,如果今天看到的这款概念产品最终被开发出来,你有多想要使用它?”“为什么?”

普通反馈

“如你感到有任何可以改进这个设计的地方,请随意更正和修改并注释出来。”

5.学习:展示完毕,接下来如何?

收集用户的反馈并找出他们对该原型相似的评价,建立一个亲和图以识别出最常见的建议。结合这些反馈用于建立一个在细节上有更完善的外观和更好用户体验的高保真原型。根据需要,募集尽可能多的用户重复测试。

THE END
1.美食教程app排行榜前十名十大相关软件专辑 手机美食app有哪些?好用的手机美食软件推荐围棋教程app美食外卖app美食相机软件画画教程软件初中课程视频教学软件美食照片软件找附近美食软件美食优惠券app附近美食软件初中课程教学软件人气美食app摄影教程app拍美食专用app免费课程教学软件健身教程app吉他教程软件美食折扣app拍美食相机软件美食订餐软件https://m.pianwan.com/s/zj-1744769
2.2023年最实用的宝宝做饭食谱APP推荐,让育儿更轻松!在现代育儿中,选择健康、营养丰富的食谱对宝宝的成长至关重要。然而,面对市场上琳琅满目的食谱APP,许多父母可能感到无从选择。为了帮助各位家长轻松找到适合宝宝的健康食谱,本文将推荐几款值得下载的宝宝做饭食谱APP,并提供相关的使用建议与技巧。 为什么选择宝宝做饭食谱APP? https://www.beijingcanyin.com/56472.html
3.cookAIfood–AI烹饪平台,输入食材描述或照片创造个性化食谱cookAIfood是什么 cookAIfood 是创新的AI烹饪平台,基于 AI 技术帮助用户创造和发现个性化食谱。用户可以通过输入食材、上传食物照片或描述菜肴来生成食谱,AI 会提供详细的食材清单和烹饪步骤。平台提供菜单规划工具、购物清单生成器和社区分享功能。cookAIfood 的视觉内容生成器能够为食谱制作高清食品图片,增强用户体验。 https://ai-bot.cn/cookaifood/
4.情绪版是什么?15款设计师爱用的情绪版推荐功能价格评比借助情绪板,你可以更快速传达重要但难以用口头表达的设计概念和感受,情绪版将简化与队友和客户之间的沟通。 那么,要如何创建一个很赞且成功的情绪板呢?这篇文章将告诉大家有关情绪版的完全指南,包括: 情绪板是什么? 14 款适合设计师的情绪板软件和工具 http://cn.eagle.cool/blog/post/mood-board-tool
5.TowardsDataScience博客中文翻译2020(九百八十)上图显示了一条蓝线,这是一条多项式回归线。黑色的直线是线性函数的直线。虽然多项式函数是一个完美的拟合,线性函数可以更好地推广。因此,我们可以说多项式函数是过拟合,另一方面,直线是最佳拟合。想象一条几乎不通过这些点的假想线。那将是不合适的。 https://blog.csdn.net/wizardforcel/article/details/142709697
6.卷王都在用!100款宝藏级AIGC工具分享,强烈建议收藏!!息流是一款专注于为小型组织和个人提供服务的知识管理和协同办公软件,将写作文档、知识存储、多维表格、思维导图等多种功能集成到一个平台上,其用户以高校学生群体为主,占比超过总用户人数的1/3。息流与目前也已与ChatGPT进行了适配,用户可以使用FlowUS AI来根据自身需求实现写作、续写、翻译、润色等功能。https://www.changbiyuan.cn/news/2023/news_0711/69335.html
7.食谱设计在线食谱制作食谱图片模板在线设计平台Canva可画提供了海量的食谱设计模板,覆盖绝大多数食谱设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的食谱。https://www.canva.cn/create/recipe/
8.适合厨房小白的app厨房小白学做饭app厨房小白必备软件厨房小白app可以让一些零基础入门的小白们轻松学习如何做饭菜,通过一系列的基础学习,让你从厨房的小白变成大神,还可以慢慢挑战高难度的食谱,让你的厨艺越来越高。今天小编就给大家带来了一些适合厨房小白的app,你可以按照自己的需求来进行选择。在一些软件内会提供新人必做的菜谱,通基础的家常菜开始练习,一般菜谱上都http://www.downcc.com/k/chufangxiaobaiapp/
9.FontLabVI6.1.4.7044破解版含patch补丁FontLab VI破解版旨在为用户提供了一个全新的字体编辑操作,借助于软件,你可以快速的进行字体设计和字体编辑,快速制作一个属于你的字体,软件可从头到尾灵活的创建你的字体,并拥有创建,打开,修改,绘制,空格,kern,提示和导出桌面,Web,颜色和变量OpenType字体,从拉丁语,西里尔语和希腊语,到阿拉伯语,希伯来语和印度语,一http://www.sd173.com/soft/7849.html
10.多功能美食菜谱APP方案设计毕业设计论文.pdf多功能美食菜谱APP方案设计毕业设计论文.pdf,摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容https://max.book118.com/html/2021/0107/8062106036003035.shtm
11.设计体系:数字产品设计的系统化方法假设我们在界面中用到了一个名为“序列”(sequence)的元素。当将它呈现在界面上时,我们想通过它向用户传达的信息是,应以特定的顺序按步骤走完流程(见图 1-6)。 图1-6 “序列”模块的例子 理想情况下,参与产品创建的每一个人都应该知道这个元素是什么:它的名称和目的是什么,为什么会被设计成这样,应该如何使用https://www.ituring.com.cn/book/tupubarticle/28448
12.新课标信息技术教案7篇(1)注意观察一下这幅图上的三艘帆船有什么相同点,异同点? (2)在画这幅图的时候,我们如果能灵活运用复制粘贴的方法,也能很快完成。下节课,我们交流。 设计意图:每一节课的结束应该是下一节课的开始,要给学生留下无尽的思考余地,余音绕梁而不绝。对于学有余力的学生,要大胆的给他们留下思考的空间,给他们以http://www.jiaoyubaba.com/jiaoan/25513.html
13.十大平面设计软件平面设计常用软件好用的平面设计软件有哪些一款好用的平面设计软件不一定能带来优质的设计作品,但优质的设计作品,往往离不开性能稳定且功能丰富的设计软件。本文中,maigoo小编为大家筛选了一批最受欢迎的平面设计软件,其中有Photoshop、illustrator、CorelDRAW、InDesign、3D Studio Max、Freehand、Fireworks等https://m.maigoo.com/top/419702.html
14.菜鸟编辑器微信图文设计软件菜鸟编辑器支持微信公众号(微信公众平台)图文消息排版文章美化,提供微信模板一键排版、一键采集、文章采集导入、自动排版、伪原创(去除原创保护)、二维码生成美化、微信图片去除水印、无版权图片、封面\动图制作等功能素材模板每天更新!https://www.fzneditor.com/
15.幼儿园膳食营养工作总结12篇(全文)六、运用营养计算软件科学分析餐前评估 随着生活水平的提高,运用科学合理的营养计算方法来做餐前营养的评估。因手工计算的繁琐耗时,越来越多的幼儿园更多的能接受运用营养计算软件来营养分析。只要输入人数和食谱,自动分析获得符合国家标准的分析报表台账。市面上营养分析软件繁多,归根究底做既专业又符合国家标准的。有智https://www.99xueshu.com/w/fileaph13nns.html
16.免费食谱Logo设计DesignEvoLogo制作软件DesignEvo的在线食谱logo设计软件提供了很多精致的模板,帮助你轻松制作出令人惊叹的食谱logo。我们所有的模板都是专业设计且可自由定制的。你随时可以使用我们精美的模板,丰富的图标和形状等为餐厅饭店、食疗中心、养生会所等设计一个专业的食谱logo。即使你对设计一无所知也没关系,我们将竭诚为你服务,赶快来试试吧! http://www.designevo.com/cn/create/logos/recipe.html
17.减肥软件哪个好用免费手机减肥瘦身计划app有哪些咕咕轻断食是一款由优量(郑州)科技有限公司推出的健康减肥瘦身APP,通过轻断食来达到不用运动不用节食也能够健康减肥的方法。软件内为用户提供有丰富的健康减肥资讯。 减肥食谱app 2024-07-03 / 21.95MB 下载 减肥食谱app是一款由上海蔓雯信息科技有限公司发行的专门为减肥健身人士使用的减肥食谱,该软件中的是食谱是分https://www.87g.com/zhuanji/1261.html
18.苏少版六年级上册综合实践第二单元主题活动二《设计一周营养食谱第二单元 社会服务主题活动二 设计一周营养食谱活动目标1.通过学习与活动,遇到学生对营养食谱有正确的认识,形成合理设计营养食谱的生活技能。2.以学习活动为载体,促使学生克服偏食等陋习,养成科学饮食习惯。活动准备学生1.上网搜索或查阅书籍,了https://www.renrendoc.com/paper/295717146.html
19.每周营养食谱创意字体艺术字设计图片千库网为设计者提供每周营养食谱创意字体,为您省却艺术字设计制作时间,优质而新颖的艺术字素材为您的设计提供便捷高效和灵感创意https://588ku.com/ycwordart/10532174.html