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.50个设计简约的移动APPUI设计作品设计达人吉他APP 来源 个人简介手机版 来源 Keroessa 来源 启动页、step by step 界面设计 来源 家庭智能 APP 来源 APP 注册和登录页 来源 家居Ios App 来源 Minimal Weather App 来源 简约日程安排 APP 界面 来源 iPhone时间 APP 来源 计算器 APP 来源 食谱、食品类 UI设计 https://www.shejidaren.com/50-simple-app-ui-designs.html?wd&eqid=b04a95880013a78100000005648eb88a
2.多功能美食菜谱APP方案设计毕业设计论文.pdf摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容为主,简要介绍了系统的功能, 根据需求对整个系统进行总体设计,然后做出手机界面,最后进行系 统开https://max.book118.com/html/2021/0107/8062106036003035.shtm
3.2D游戏引擎范文6篇(全文)四、项目的设计与实现 1、游戏常量头文件AppMacros 该类的主要作用是在游戏启动时初始化游戏中的常量信息,这样其他的类就可以引入该常量头文件来访问游戏中的常量。 2、游戏辅助类 (1)游戏水果类Fruit 在父类Fruit中声明水果形态的枚举类型。因为游戏界面中玩家可以通过点击水果来切换水果不同的形态,声明枚举类型可以https://www.99xueshu.com/w/ikeyupbtjslb.html
4.美食/餐厅/外卖点餐类APP界面设计合集为了便于设计师更好地查找美食/餐厅/外卖/点餐APP设计案例,小编特地将设计小咖现有已经发布的一些关于“吃”的APP界面设计UI套件。希望对有这一块需求的小伙伴有帮助,enjoy!https://www.iamxk.com/collection/601416/
5.app功能需求分析报告本项目开发的目标是实现一个生活管理类的安卓端app,具有时间管理、收支记录、报表分析等功能,并且实现一个分享平台用于分享数据和相互监督。功能类似于爱今天、口袋记账本等已有app,并在其基础上增加特色功能,具体参见功能需求。 2.1.功能需求 2.1.1功能结构图 2.1.2功能详述 (1)【登录界面】:为保证用户私人信息的https://www.360wenmi.com/f/file29nk3x8i.html
6.APP列表菜单图片免费下载APP列表菜单素材APP列表菜单模板免费下载音乐APP播放列表页 免费下载UI设计手机app菜单移动界面 免费下载简洁视频APP分类菜单页 免费下载app菜单栏制作 免费下载音乐app播放列表页面设计 免费下载运动健身训练APP列表页面UI界面 免费下载美食APP菜单食谱教程页界面设计 免费下载app菜单分类 免费下载酒店点菜单列表模版 https://www.58pic.com/tupian/APPliebiaocaidan.html
7.食谱类APP竞品分析(下厨房,美食杰)根据调查发现,目前食谱类app种类较多,主要使用者都为一二线城市20-35岁年轻上班族和家庭主妇,但相对于整个目标用户群来说真正使用者数量占比仍然较小,而正常上班情况往往日常饮食都是随意解决,为什么还是有一大部分人不愿意借助其达成使用目标,作为也是下厨房等食谱APP的用户,我想弄明白怎样的食谱软件更能受用户的欢迎https://www.jianshu.com/p/3a2e0c8aa597
8.学习计划App排行榜华为手机学习计划app推荐【高度评价】滴答清单是一款不可多得的GTD效率工具,它有着清晰明了的界面设计、恰到好处的功能设置、这是一款以【日程计划】为主、兼具各种【记录】类功能的APP。 您所有的日常记录需求都可以靠这款APPhttps://www.diandian.com/phb/1471/
9.APP界面设计下载排行榜我图网APP界面设计下载排行榜榜单,为您提供了过去一年最受欢迎的APP界面设计作品合集,快来看看是否符合您的心意吧,找APP界面设计作品就上我图网https://www.ooopic.com/paihang-1-5501.html
10.暗色系简约大气ChatGPT人工智能聊天对话APPUI界面设计.fig素材这是一款暗色系简约大气ChatGPT人工智能聊天对话APP UI界面设计,包括50+个页面,凭借翻译、写作、搜索等高级功能,释放了人工智能应用的潜力。您可以使用设计组件轻松编辑和自定义所有元素,这可以加快项目的设计过程。一切都与设计系统集成在一起,所以你只需要在设计系统中更改颜色、徽标、文本等,整个设计屏幕就会自动更改https://www.uther.cn/27443.html
11.“轻卡”减脂轻食向APP交互与界面设计APP《靳埭强设计奖UI类命题》-参赛作品 2022-10-29原创作品APP443142200 LI1003关注 “轻卡”——减脂轻食向APP交互与界面设计 生活质量提高,肥胖病、高血脂等疾病异常突出,人们对健康的需求越来越强烈,特别是年轻群体中对美的追求使他们加入了减脂瘦身的队列中来,随之而来的“轻食”生活也受到了关注。轻卡APP是一款主打https://www.ui.cn/detail/638892.html
12.苹果iOS人机交互界面开发指南我们曾经介绍过《iPhone应用界面设计指南》,我们将介绍iPhone应用界面设计指南的一个章节——《苹果iOS应用人机交互界面开发指南》。 我们曾经介绍过《iPhone应用界面设计指南》,我们将介绍iPhone应用界面设计指南的一个章节——《苹果iOS应用人机交互界面开发指南》。 https://mobile.51cto.com/hot-246659.htm
13.NikCollection2破解版Photoshop/Lightroom插件套件2、专为精确而设计 所有Nik Collection 2插件都包含我们独特的U Point Control技术,可以根据您的需要进行选择性调整和编辑。 可以在照片的最小区域进行更改要:\ Users \ <user_account> \ AppData \ Local \ DxO \ Color Efex Pro 4 \ UserPresets 二、图像在Analog Efex Pro 2界面中无法正确显示 当我http://www.sd173.com/soft/8266.html
14.资料分析考点公式以及解题思路总结?在现代社会,人们越来越关注健康和养生。养生食谱app应运而生,为人们提供了方便快捷的健康饮食指南。然而,就像任何其他科技产品一样,养生食谱app也存在一些缺点。本文将对养生食谱app的缺点进行分析和总结。 1: 界面和用户体验 养生食谱app的界面设计和用户体验是使用者最直接感受到的方面。然而,许多养生食谱app在这方面https://www.lnky.net/gthq/59331.html
15.家常快手食谱app下载家常快手食谱免费版下载家常快手食谱app,您的私人厨师!无论您是烹饪新手还是寻求快速烹饪方法的厨艺高手,这款app都能满足您的需求。简单易用的界面设计,丰富的食谱选择,让您在繁忙的生活中也能轻松享受美食。 家常快手食谱app软件更新 1. 新增了数十款热门家常菜谱,满足用户多样化的口味需求。 2. 优化了搜索功能,用户能更快速、准确地找https://m.greenxf.com/a/698324.html
16.紧急呼救app界面ui设计sketch素材下载颜格视觉提供精品app设计下载,当前预览的商品为紧急呼救app界面ui设计sketch素材,源文件格式:sketch,容量:7.58 MB ,分辨率:矢量https://www.youngem.com/detail/3107
17.设计体系:数字产品设计的系统化方法在这本书里,我们将不停地讨论如何清楚地阐述、记录和共享数字产品的模式语言。并且,我们将重点关注两类设计模式:功能性模式和感知性模式。功能性模式表现为界面上的具体模块,如按钮、标题、表单元素、菜单等。感知性模式则是描述性的样式,以可视化方式表达和呈现产品的个性,如配色、排版、图标、形状、动画等。 https://www.ituring.com.cn/book/tupubarticle/28448
18.UIApp界面设计绘梦视觉设计工作室的UI App界面设计画板,该画板属于花瓣网未知相关类别的资源,其中共收集了30关于UI App界面设计相关的图片素材资源,共被1人关注。花瓣网, 设计师寻找灵感的天堂!https://m.huaban.com/boards/27422726
19.APP这样设计才好卖PDF电子书下载带书签目录高清日本**食谱网站COOKPAD资深设计师来告诉你答案。 《App,这样设计才好卖》第0~1章介绍了移动应用设计的基本概念与背景知识。第2~7章对基本UI组件、导航控件、列表及表单等各类界面元素做了分类详解,并配以大量实例,帮助读者深入理解各种界面设计模式的特性与适用情景。第8~10章说明了图标选用、界面切换动画设计及https://www.iteye.com/resource/lzx9176-9564898