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.单位食谱安排表李先生是一个爱运动的人,他经常参加马拉松比赛。他发现通过科学规划他的饮食能够帮助他恢复体力并提升表现。他开始使用专门为运动员设计的单位食谱安排表,以确保他获得足够量必要蛋白质来修复肌肉,同时减少过度消化导致不适的情况。 王太太正在怀孕,她意识到正确选择与补充必需营养素对胎儿发育非常关键。她开始遵循专业医https://www.hgddesks.cn/mei-shi-gong-lve/554635.html
2.用小美打造美好生活,你需要这一本葵花宝典食材的时间一般绿叶菜(3-4)分,花菜之类的(4-5)分,根茎类的大概10分钟,肉类大概20分钟(具体看食谱)这里只是大致说明一下烧菜的方法和流程!其实和一般的锅子做菜没太大区别!使用几次就熟练了。新手不会做的,可以先跟着芯片来做两次,后面熟悉了就可以自己操作了。 https://www.meipian.cn/1q2r3zlj
3.各种面坯配料是对一种面点的"设计", 指面团加工前对所用主要原料,调辅料等选择与搭配过程.其目的是:符合营养, 卫生保健要求,符合品种特点,口味及质量的设计要求.配料通俗地说就是确定面团的配方,即根据品种要求确定各种原料适合的比例. 配料时应注意: 一,确定品种,严格执行配料比例. http://www.360doc.com/content/10/1115/11/4183873_69480667.shtml
4.餐饮标准化流程管理制度(通用14篇)5、设计样版,经审核符合要求后,付印刷房印刷。 6、将菜单发放使用相关部门。 菜单一定要反应餐厅经营特点,经营范围,价格或地方风味 餐饮标准化流程管理制度 篇2 迎接服务操作管理制度 1、提高服务质量,称呼客人尊姓。 2、迎宾员: (1)客人进入餐厅,主动上前,热情询问客人:“先生/小姐,您好,欢迎光临,请问几位?”https://www.unjs.com/fanwenwang/gzzd/20210601171619_3676496.html
5.卷王都在用!100款宝藏级AIGC工具分享,强烈建议收藏!!在图像生成领域,AIGC也颠覆并重塑了以往的绘图方式,“以文生图”为创作者提供了风格迥异、源源不断的灵感来源,在设计领域已掀起一场生产力革命。比如Midjourney、DALL-E等工具,不断扩展人们想象力的边界。在音视频领域,AI通过对海量源数据进行分析,能按照预设风格生成音频、视频,既缩短了创作周期,也突破了物理空间https://www.changbiyuan.cn/news/2023/news_0711/69335.html
6.警察网(二)指导基层伙食单位按照食物定量标准制定食谱,科学调剂伙食; (三)领导部属认真落实规章制度,完成工作任务; (四)监督经费开支,审定食品价格,检查食品质量,发现问题及时上报和处理; (五)领导生活服务中心的组织、思想和作风建设; (六)征求基层伙食单位意见,不断改进工作。 http://www.law-lib.com/cpd/law_detail.asp?id=315167
7.FontLabVI注册破解版专业字体编辑器FontLabVI6使用FontLab VI,我们引入了用于字体生成的Profiles。 每个配置文件都是一组用于生成特定格式的输出字体的设置。FontLab VI为我们的所有标准输出格式提供了一组默认配置文件,您可以轻松创建新配置文件以满足您的特定需求。 阅读有关导出字体的信息 5、拥抱您的工作流程 类型设计者使用各种工具和工作流程。FontLab VI不http://www.sd173.com/soft/7849.html
8.学校食堂厨具设备管理制度11篇(全文)二、学校食堂内所配厨具、用具,使用人有责任对其进行保养、维护、因不遵守操作规程和学校食堂纪律造成设备工具损坏,丢失的照价赔偿。 三、学校食堂配备的一切厨具、用具、餐具(包括零部件)不准私自带出,不准租借给他人使用。 四、学校食堂配备的一切厨具、用具、餐具应爱护使用,轻拿轻放,避免人为损坏。 https://www.99xueshu.com/w/filewyh2l1i4.html
9.AI(实用工具/绘画工具/变现思路)全景知识地图流程图模板访问地址:https://ai.wps.cn/对话型文本生成工具百度●文心一言(最懂中文的“Al段子手”)文心一言是百度开发的一款聊天机器人,主要功能包括与用户对话互动、回答问题、协助创作等,帮助用户获取信息、知识和创作灵感,使用场景包括有文学创作、商业文案写作、数理推算、中文解释、多模态生成等。访问地址:https://yiyan.https://www.processon.com/view/6614ad38690dc920351b1eb4
10.初创企业开展“客户成功”工作的21种方法罗卡使用这些数据对资格认证和销售流程进行逆向工程设计,并持续围绕产品契合度、投资回报率、客户投资和关键里程碑设定预期。 罗茜?罗卡(Rosie Roca),Hopin 公司 CRO 瑞安·西姆斯(Ryan Seams)在 Mixpanel 负责客户成功与服务,他也密切关注续约情况,不过他更愿意将产品采用率视为保持高留存率的必要条件。 https://36kr.com/p/2380255030783235
11.治多县食品药品安全事件防范应对工作规范5.上述警示信息经调查核实和分析评估,构成预案规定的事故或事件的,直接按相关预案和工作流程予以处置。 (二)警示级别的初判与调整 相关职能部门根据舆情信息的具体情况对警示级别作出初步判断并报领导小组。情况发生变化或领导小组领导有明确批示的,根据领导批示或变化情况对警示级别作相应调整。 http://www.zhiduo.gov.cn/html/848/115483.html
12.餐饮管理计划书(精选9篇)6、研发部。研究竞争对手和当前市场流行菜品的设计理念和制作配方,按规定时间,策划、创新招牌菜和应季菜,组织厨师开展创新菜评比活动。 7、后勤部。负责公司的物品、车辆、设施、环境的使用和保养。处理好环保、工商、市政、消防、公安、执法等部门的关系。 https://www.360wenmi.com/f/filecwldjfct.html
13.《餐饮服务食品安全监督管理办法》——中国食品安全信息追溯平台(三)环境卫生、个人卫生、食品用工具及设备、食品容器及包装材料、卫生设施、工艺流程情况; (四)餐饮加工制作、销售、服务过程的食品安全情况; (五)食品、食品添加剂、食品相关产品进货查验和索票索证制度及执行情况、制定食品安全事故应急处置制度及执行情况; http://www.chinafoods.org.cn/news/2014-10-30/20141030120452.shtml
14.Springboot计算机毕业设计菜谱小程序附源码开题+论文+mysql+程序+Navicat作为数据库可视化工具,方便进行数据库的管理、维护和设计。 开发环境和工具: JDK 1.8:Java开发工具包,用于编译和运行Java应用程序。 Apache Tomcat 7.0:作为Web应用服务器,用于部署和运行Web应用程序。 Maven 3.3.9:用于项目管理和构建自动化,它可以帮助您管理项目的构建、报告和文档。 开发流程: 使用Mavenhttps://blog.csdn.net/qh603/article/details/137480954