当前位置: 东星资源网 > 大学生 > 学习 > 正文

产品ui设计流程:ui设计流程图

时间:2018-08-15 来源:东星资源网 本文已影响 手机版

  UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。以下是小编为大家整理的关于产品ui设计流程,给大家作为参考,欢迎阅读!

  产品UI设计流程

  1、分析阶段

  需求分析、用户场景模拟、竞品分析(聆听用户心声)。

  需求分析:对于一个产品来说,必然有对用户需求的分析内容,更多的是从MRD与PRD获得,或者从产品需求评审会议上得到需求分析的内容,当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话,那么用户需求就是本次设计的出发点。

  用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要,了解产品的现有交互以及用户使用产品习惯等,但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户,这里我会需要什么。

  竞品分析(聆听用户心声):竞争产品能够上市并且被UI设计者知道,必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性,看到别人的设计会有触类旁通的好处。当市场上存在竞品时,去听听用户的评论,哪怕是骂声都好,别沉迷于自己的设计中,让真正的用户说话。

  输入物:MRD、PRD、市场需求文档、市场调查报告、竞品分析文档(或其一或全部)

  输出物:设计初稿(或许只是几个简单的界面)

  2、设计阶段

  设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟,模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计,一个提示框,一个提交按钮……这类都是对事件驱动的设计。面向对象,产品面向的用户不同对于产品的设计要求不同,不同年龄层的用户对于产品的要求不同,产品的用户定位将对UI设计师影响因素。

  输入物:交互文档(高保真原型)

  输出物:设计终稿(所有的设计稿)

  3、配合

  UI设计师交出产品设计图时,更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作,对于不同的开发人员的要求,切图方式也有不同,UI设计师需配合相关的开发人员进行最适合的切图配合。

  输入物:设计终稿

  输出物:设计修改稿(设计稿切片)

  4、验证

  产品出来后,UI设计师需对产品的效果进行验证,与当初设计产品时的想法是否一致,是否可用,用户是否接受,以及与需求是否一致。都需要UI设计师验证,UI设计师是将产品需求用图片展现给用户最直接的经手人,对于产品的理解会更加深刻。

  输入物:产品

  输出物:产品(面向用户最终版本)

  产品UI设计中夹杂着许多设计原则要求,统一公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点,制定符合产品生命周期的UI设计流程。每个产品的生命周期中,UI设计师应该严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可用性,提升产品质量。

  建议:UI设计师有自己的风格,同样有自己的个性,建议在时间充裕时,UI设计师做二套设计稿,一套适合企业的,一套适合自己的,当老板对企业那套设计不满意时,将适合自己的一套展示给用户,或许会有不同的效果

  UI界面设计流程和步骤

  一个通用消费类软件界面的设计大体可分为五个步骤:

  一:需求阶段

  二:分析设计阶段

  三:调研验证阶段

  四:方案改进阶段

  五:用户验证反馈阶段

  需求阶段

  软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。

  除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。

  分析设计阶段

  通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与 cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的界面。

  调研验证阶段

  几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。

  测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

  例如:

  数据收集方式:厅堂测试/模拟家居/办公室。

  测试时间:X年X月X日X日。

  测试区域:北京、广州、天津。

  测试对象。某消费软件界定市场用户。主要特征为:

  对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高;

  电脑使用经历一年以上;

  家庭购买电脑时品牌和机型的主要决策者

  年龄:X-X岁;

  年龄在X岁以上的被访者文化程度为大专及以上;

  个人月收入X以上或家庭月收入X元及以上;

  样品

  五套软件界面

  样本量:X个,实际完成X个。

  调研阶段需要从以下几个问题出发:

  用户对各套方案的第一印象

  用户对各套方案的综合印象

  用户对各套方案的单独评价

  选出最喜欢的

  选出其次喜欢的

  对各方案的色彩,文字,图形等分别打分。

  结论出来以后请所有用户说出最受欢迎方案的优缺点。

  所有这些都需要用图形表达出来,直观科学。

  方案改进阶段

  经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。

  用户验证阶段

  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

  经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。

  五、UI设计的一般工作流程

  (取自某UI设计服务公司)

  1)熟悉行业(熟悉您的软件所涉及的行业,以便制作出适合行业特征的界面风格)

  2)了解软件(了解您软件的工程进度,做出针对您进度的工作计划)。

  3)与软件开发工程师和市场人员讨论界面风格(广泛听取研发和市场人员的意见,做出最适合市场的软件)。

  4)人机分析(对您的软件进行人机分析,增强您软件的易用性)。

  5)做方案(做出设计方案,并明确细节思想)。

  6)审定方案(与技术和市场人员一起审定方案,并听取修改意见)。

  7)修改——审定(将有几次重复)

  8)细化、制作界面(开始制作软件界面)。

  9)与软件开发工程师合作把界面加入到程序中。

  10)细部修改,完成。

  11)进行软件包装盒、光盘盘面、盘套等的设计工作。

  12)后期跟踪服务

产品ui设计流程相关文章:

1.设计行业个人职业规划范文3篇(2)

2.公司年终工作会议演说词

3.ui简历项目经验怎么写

4.ui设计实习报告范文3篇

5.ui设计个人简历范文

标签: 产品ui设计流程 ui设计工作流程 ui设计流程图