建议你学点原型设计的知识

产品原型

Axure RP是一款经典的快速原型设计工具,在学习原型设计时,我们需要了解线框图、原型和视觉稿的区别。初学设计的读者可能会混淆这三者,搞不清楚他们之间的区别,因此在正式的学习教程之前,我们需要了解清楚这三个概念,对于后续学习教程的内容是十分有帮助的。

线框图又称低保真设计图,通常用黑白灰线条来表达界面,并在旁边标注说明一些解释性的文字。通常为产品的大纲,页面的信息结构以及交互行为描述。使用Axure RP可以方便快捷的绘制线框图,系统提供了丰富的元件以便我们绘制线框图,当然我们也可以利用纸和笔绘制线框图。线框图的最大的优点在于“快捷高效”,绘制时不要关注一些细节的问题,完成整体结构的绘制,表达出设计思想和产品意图即可。视觉层面的元素,在这个阶段不需要过多关注,尽量简化,黑白灰是线框图的经典配色,当然我们可以使用蓝色表示超链接。

原型的保真程序介于线框图和视觉稿之间,是最终产品的模型,原型能够表达出产品的交互逻辑。本书主要讲解如何使用Axure RP这款工具制作产品原型。原型对于互联网产品来说非常重要,对于产品设计来说至关重要,主要在于原型能够做到以下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设计产品原型。因此在很多中小企业,原型设计已经为产品经理的必备技能。


产品经理招聘.png
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容