020-29815005
预约专线时间:09:00-23:59

【广州UI设计培训】:原型是设计的表达,都有什么特点?

新闻来源:本站 日期:2022-03-14
什么是原型图?基本概念:原型是对一个产品的可视化呈现,主要传达一个产品的信息架构、功能、内容和交互方式。产品原型是设计方案的表达,是产品经理、交互设计师的重要产出物之一。
      什么是原型图?基本概念:原型是对一个产品的可视化呈现,主要传达一个产品的信息架构、功能、内容和交互方式。产品原型是设计方案的表达,是产品经理、交互设计师的重要产出物之一。

广州UI设计培训:原型是设计的表达,都有什么特点?

      让我们先来简单回顾一下吧,因为原型设计是建立在设计规划的基础之上,根据需求来设计相关的信息和任务,通过组织信息结构、引导用户完成任务得到一系列相关联的界面草图;然后细化草图为具体界面,在这个过程中考虑如何让用户轻松、愉悦、高效地浏览和操作;

  最后,我们要赋予界面一些魔力,让用户难以忘记使用产品的体验。

       原型的意义

  追根溯源地去探究一些本质的东西,才能够让我们在所有的抉择面前进行理性地判断,而不是依靠生物的本能反应,或者只是简单地执行命令。今天的第一个话题,让我们先来探究一下原型的意义之所在。

  原型重要性

  原型可以说是我们产品经理最主要的产出之一了,尤其是对于初级产品经理来说,画原型,或许占据了自身工作的大部分时间和精力。

  但归根结底,原型只是我们设计思想可视化的呈现。从这一层面来说,原型本身并没有那么重要,重要的是我们的设计思想,是每一次设计决策的过程。

  画原型的工作,就好比将橙子榨成橙汁的过程,如果把画原型当做我们主要工作的话,那我们只不过是一个榨汁的“工人”,这种“工人”是随时可以被替换的。

  而设计决策的过程,就好比我们通过用户调研,能够判断出用户更喜欢的是橙子,而非苹果,进而我们接下来要榨的是橙汁,而非苹果汁。这才是产品经理安身立命的根本之所在。

 原型必要性

  既然原型并没有那么重要,那我们还画它,或者说耗费精力来画好它有什么意义呢?

  虽然原型本身没有那么重要,但它却是必要的,其必要性存在于两方面。

  一方面是因为再好的设计思想,也需要合适的载体去呈现,不然只是空洞的想法,即使这个想法再好,再惊世骇俗,恐怕也会让人觉得虚无缥缈、难以落地。

  另一方面是因为,在实际工作中,原型会流转于业务部、设计部、研发部等各个部门,它是项目开发的标准和依据。如果表达不清晰,那么在各个环节的流动过程中,就可能出现“蝴蝶效应”,对项目造成极大的影响。

  结论:原型本身并没有那么重要,重要的是我们的设计思想;但原型又是必要存在的,它是项目开发的标准和依据。

  三、原型的内容

  生活中,我们会经常提及一个词语:“换位思考”。

  原型既然是一个在不同人员之间流转的产物,那我们不妨也从传递者和接收者的不同角度来梳理一下,传递者想要传递一些什么样的信息,以及接收者想要接收一些什么样的信息。

  1.传递者

  关于“静态的界面样式”,以及“动态的操作效果”,我们在上一篇文章中已经沟通了“信息摆放原则”、“任务引导原则”以及“捕获用户放心的八种方法”。

  另外,在之前的文章《以“封装”的思维,来做原型》,也做过专门性的总结。

  我会在本文结尾处加上相关链接,大家可自行查阅。

  这里呢,我们需要重点沟通一下第三个方面:“隐藏的逻辑说明”。

 (1)限制:包括范围值、极限值。

  范围值:主要指数据的取值范围。比如下拉菜单、筛选按钮等,我们在原型上需标注清楚它们的选择范围。

  极限值:主要指数据的显示范围。比如,文本框的一行最多可以显示多少字数,超过这个字数时,是换行,还是用“...”显示。

  (2)状态:包括默认状态、常见状态、特殊状态。

  默认状态:主要指默认显示的文字、数据、选项等。比如搜索框中通常默认展示查询条件“请输入xxx。”

  常见状态:主要指对于某一个模块,经常遇到的一些状态。比如积分模块,常见的状态包括未登录状态,登录后未签到状态,登录后已签到状态。

  特殊状态:主要指非正常情况下的样式、文案、说明等。比如数据加载失败时,界面展示背景图,并加上文案提示:“加载失败了,下拉刷新试试吧”。

  (3)操作:包括常见操作、特殊操作、错误操作、手势操作。

  常见操作:主要指正常操作时得到的反馈状态。比如分页控件,常见的“鼠标悬停”、“鼠标按下”的效果。

  特殊操作:主要指一些极端情况下的操作。一般用户不会这么操作,但是一旦遇到极端情况,还是要想好应对措施,因为对开发人员来说,不管是正常的还是极端的操作情况,他们都要去编写对应的代码。比如类似于微信的功能,用户添加自己为好友时该怎么办。

  错误操作:主要指用户操作错误时的情况。首先我们应当根据防错法则,尽量避免用户出现错误。如果有些错误无法规避,或者是遗漏了,比如库存数量只剩下5件的时候,用户购买时输入了数字6,这时应该怎么办,需要在原型上说明清楚。

  手势操作:主要指用户使用移动产品时的操作方式。常见的手势包括点击、滑动、拖动、放大、缩小、长按、双击、横扫、摇晃等。

  (4)反馈:包括提示、跳转、动画。

  提示:主要指操作后,系统反馈给用户的文字说明。比如在手机号的输入框中,输入了非11位的数字,这时需给出提示信息“格式输入错误”。

  跳转:主要指点击某个链接后,页面跳转到哪里。原型上需注明跳转时是“原页面刷新”还是“新页面打开”。

  动画:主要指用户操作后,系统通过动画的方式反馈给用户。尤其是对于没有专业交互设计师的团队来说,产品经理和前端工程师应该共同承担起这部分工作。  

  以上就是优漫教育小编为大家介绍的“广州UI设计培训】:原型是设计的表达,都有什么特点?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !