什么是产品原型?为什么要学习原型设计

一、什么是产品原型

要了解什么是原型,我们不妨从了解线框图、原型和视觉稿的区别开始。初学设计的读者可能会混淆这三者,搞不清楚他们之间的区别。了解这三者之间的区别,对于学习原型设计是有帮助的。下面我们来看下这三者到底有什么不同。
线框图又称低保真设计图,通常用黑白灰线条来表达界面,并在旁边标注说明一些解释性的文字。通常用来快速搭建产品的架构脉络,页面的信息结构以及交互行为描述。使用Axure RP9可以方便快捷的绘制线框图,系统提供了丰富的元件以便我们绘制线框图,当然我们也可以利用纸和笔绘制线框图。线框图的最大的优点在于“快捷高效”,绘制时不需要关注细节,只需要完成整体结构的绘制,表达出设计思想和产品意图即可。视觉层面的元素,在这个阶段不是重点,尽量简化,黑白灰是线框图的经典配色,当然我们可以使用蓝色表示超链接。
原型的保真程度介于线框图和视觉稿之间,是最终产品的模型,原型能够表达出产品的交互逻辑。本书主要讲解如何使用Axure RP9这款工具制作产品原型。原型对于互联网产品设计来说非常重要,主要在于原型能够做到以下5点:
1. 快速、便捷、准确的传达产品需求;
2. 降低修改成本,做到快速更新和迭代;
3. 快速有效的验证一些假设条件和早期的想法;
4. 通过可视化的方法表达产品需求;
5. 提高团队沟通的效率与质量。
原型设计需要尽可能的与最终产品保持一致。完成原型后,我们先别急着进行研发,首先我们将原型发送给项目的主要干系人进行可用性测试,大家通过体验原型,发现产品设计中的问题并提出反馈意见。根据收集的问题或建议从而调整原型,最终的原型将指导后续的视觉设计、程序开发、功能测试等项目实施工作。在原型阶段发现问题的修改成本要远远低于开发阶段。
视觉设计稿是高保真原型的静态设计图。将视觉设计稿制作成可交互的原型就是高保真原型了。视觉设计稿一般通常由团队的平面设计师或UI设计师完成,视觉设计稿可以帮助团队从视觉审美的角度审视产品,提升产品的颜值。高颜值的视觉设计稿加上符合逻辑的交互动作制作而成的高保真原型,无论是给老板、投资人看或者用于产品评审收集建议都是最佳选择。

二、先学点专业名词

在学习原型设计之前,我们希望大家了解下面的专业名词,因此这将有助于读者更加深刻的理解原型设计的知识与经验。
UI 全称User Interface,中文名“用户界面”。
UE 全称User Experience,中文名“用户体验”。
UX 全称User Experience,中文名“用户体验”。
UI是用户界面的简称,一般指数字化产品的用户操作界面,包含PC网页、移动终端的应用程序、智能穿戴设备等。UI设计主要指界面的样式设计、美观程度,与交互设计不同的是,UI设计领域的范围主要为静态的视觉化的界面设计。交互设计则是从使用角度上,对界面的人机交互、操作逻辑上的可用性与易用性设计。
2000年UI传入中国,金山是我国最早从事UI的公司,成立之初只有2人,但是之后培养了众多优秀的设计领袖。之后国内兴起各大UI公司。2003年由金山转会腾讯的唐沐主导QQ发展革命性的界面升级,在外观和人性化方面给粉丝们带来了较大改善。之后各大IT公司开始重视UI。2009年苹果公司正式把iPhone带入中国,移动UI开始红火,至今国内UI已开始大步发展。
UE与UX从中文的角度来看定义则是相同的。用户体验是指用户使用产品或服务的过程中的个人主观感受。个人的主观感受包含行为、情感、成就等各个方面。用户体验就是这些感受的整体体验,用户界面只是其中的一部分。因此用户体验则是受多方面的因素影响,包含品牌度、个人使用经验以及用户的认知等。
可用性与易用性作为衡量用户体验的两个重要指标,它们的好坏将直接影响用户体验的结果。
可用性是交互式IT产品/系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。
易用性是一种以使用者为中心的设计概念,易用性设计的重点在于让产品的设计能够符合使用者的习惯与需求。以互联网网站的设计为例,希望让使用者在浏览的过程中不会产生压力感或挫败感,并能让使用者在使用网站功能时,能够高效快速的完成任务。

三、为什么需要原型

当我们掌握了原型设计的一些技能后,可以快速将心中所想的方案与创意通过可视化的界面呈现出来。如果没有直观的可视化原型界面,我们将很难向别人阐述我们的完美方案与绝妙创意。正是因为有了原型,我们能够高效、准确的向别人展示我们的想法与创意,极大地提升了我们的沟通效率与沟通质量。
当我们真正开始原型设计时,我们会对我们的产品功能与流程理解的更为深刻,甚至是发现我们最初想法的不足之处以及一些细节问题。原型设计的过程,其实也是在检验我们的产品功能。原型设计过程中,能够确定产品的结构,进一步明确需求范围;通过原型设计,还可以梳理清楚产品功能之间、页面之间内在的逻辑关联,验证业务流程的合理性。
原型作为产品上线前的仿真模型,基本与上线后的产品在功能、交互上保持一致。我们可以通过查看产品原型,来检验产品的可用性与易用性,并发现一些产品细节设计上的不足之处。通过体验产品原型,可以收集用户的反馈建议,这些用户建议对于改进我们的产品设计、提升用户使用体验,提供了很大帮助。

四、哪些人会看原型

投资人或者老板通过原型能够看到产品上线后的样子,根据原型进行判断项目是否值得投资,一份优秀的原型能够清晰的描绘出产品的发展蓝图,能够促使投资人尽快作出投资决策,对项目更有信心。
项目经理根据确定的原型,可以清晰的知道需要哪些资源完成哪些项目工作,参照原型界面项目经理可以完成工作分解、任务排期、工作量评估、项目验收等项目管理工作。
有了原型,产品经理据此确认产品需求及交互逻辑,编写需求文档时插入原型图,可以更清晰的说明功能需求。原型设计一旦得到产品经理的确认后,就成为了后续工作的指导准则。
有了原型后,UI设计师们的工作将会变得更明确、更轻松,将精力专注于视觉层面的配色及阴影等立体效果,界面的布局和信息展示在原型中已经完成。有了这样的规范流程与专业分工,最终完成的产品设计质量将会更高。
一份专业的原型能够让研发工程师清晰的了解产品需求,明确接下来的主要工作。研发人员参照原型,进行技术框架选型,设计数据库结构与接口、完成接口参数的定义、制定数据传输规则等相关内容。
有了产品原型,测试工程师可以明确产品的功能需求并据此编写测试用例。测试工程师更关注产品功能的细节问题以及特殊场景下的使用需求,常常会在边界测试中发现原型设计的一些问题,促使我们完善原型。

五、谁需要学习原型

交互设计师是指参与完成对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程的设计师,即定义人造物的行为方式的工作者。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。交互设计师的工作紧紧围绕着人机交互的各种行为,原型是最能够直观反应交互行为的设计载体,因此,原型成为了交互设计师的主要产出物。
很多中小型的互联网公司没有交互设计师岗位,因此交互方面的工作都由产品经理完成,比如交互行为的分析与研究,原型的制作等。各大招聘网站对产品经理的岗位要求也明确写明了需要熟练使用Axure设计产品原型。因此在很多中小企业,原型设计已经为产品经理的必备技能。
熟练使用Axure设计产品原型已经成为交互设计师和产品经理的一个必备基础工作能力,从招聘网站中各大公司对这两个岗位的任职要求我们能够看出这一趋势。如果你正在从事或即将从事这两个岗位,那么学好Axure设计产品原型已经成为必须要做的一件事。

作者 祁兴华

THE END