UI设计(流程/界面)标准
一:UI设计根本概念与流程
1.1 目的
标准公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进展全流程负责,使UI设计的流程标准化,保证UI设计流程的可操作性。
1.2范围
l 界面设计
l 此文档用于界面设计,本文档的读者对象是工程管理人员、售前效劳人员、UI界面设计人员、界面评审人员和配置测试人员。
1.3 概述
UI设计包括交互设计,用户研究,与界面设计三个局部。基于这三局部的UI设计流程是从一个产品立项开场,UI设计师就应根据流程标准,参与需求阶段、分析设计阶段、调研验证阶段、方案改良阶段、用户验
证反应阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计,并根据客户〔市场〕要求不断提升产品可用性。本标准明确规定了UI设计在各个环节的职责和要求,以保证每个环节的工作质量。
1.4 根本介绍
A、需求阶段
软件产品依然属于工业产品的范畴。依然离不开3W的考虑〔Who,where,why.〕也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用〔在办公室/家庭/厂房车间/公共场所〕。如何用〔鼠标键盘/遥控器/触摸屏〕。上面的任何一个元素改变结果都会有相
应的改变。
除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更适宜,更适宜于我们的最终用户的就是最好的。B、分析设计阶段
通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于
被选。
C、调研验证阶段
几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观真实的反应。
测试阶段开场前我们应该对测试的具体细节进展清楚的分析描述。
调研阶段需要从以下几个问题出发:
用户对各套方案的第一印象
用户对各套方案的综合印象
用户对各套方案的单独评价
选出最喜欢的
选出其次喜欢的
对各方案的彩,文字,图形等分别打分。
结论出来以后请所有用户说出最受欢送方案的优缺点。
所有这些都需要用图形表达出来,直观科学。
D、方案改良阶段
经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗
憾等,这样我们就可以进展下一步修改了。这时候我们可以把精力投入到一个方案上,将方案做到细致精巧。
E、用户验证阶段
改正以后的方案,我们可以将他推向市场。但是设计并没有完毕。我们还需要用户反应,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经历资料。
经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。
2. UI设计流程
2.1 概述
根据上述原那么,分析公司产品的特点,制定符合软件产品〔或工程〕生命周期的UI设计流程。每个产品〔或工程〕的生命周期中,UI设计师应该严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可用性,提升产品质量。
二:UI界面用户体验设计原那么与标准
1:应该遵循的根本原那么
无论是控件使用,提示信息措辞,还是颜、窗口布局风格,遵循统一的标准,做到真正的一致。
这样得到的好处:
1:使用户使用起来能够建立起准确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费心理解
2:降低培训、支持本钱,支持人员不会行费力逐个指导。
3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加
做法:
工程组有经历人士,确立UI标准:
美工提供调配方案,提供整体配表
界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用标准:控件功能遵循行业标准,windows平台参见?Microsoft 用户体验?
控件样式在允许的范围内可以统一修改其样式、调
参考其他软件先进操作,提取对本工程有用的功能,以使用,绝对不能盲从,漫无目的。根据需要,设计特殊操作控件,准那么为:简化操作、到达一定功能目的
界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作。
建立合理化文档?UI标准?描述上述标准,
ui设计师需要学什么
强行界面设计者理解之,并作为开发准那么,
SQA人员进展监控开发人员是否遵循,及时告诫开发人员。
2:(Color)颜使用恰当,遵循比照原那么:
1:统一调,针对软件类型以及用户工作环境选择恰当调:
如:平安软件,根据工业标准,可以选取黄,绿表达环保,蓝表现时尚、紫表现浪漫等等,淡可以使人舒适,暗做背景使人不觉得累等
2:如果没有自己的系列界面,采用标准界面那么可以少考虑此方面,做到与操作系统统一,读取系统标准表
3:盲、弱用户,即使使用了特殊颜表示重点或者特别的东西,也应该使用特殊指示符,?quot;!,?着重号,以及图标等
4:颜方案也需要测试,常常由于显示器、显卡的问题,彩表现每台机器都不一样,应该经过严格测试,不同机器进展颜测试
5:遵循比照原那么:在浅背景上使用深文字,深背景上使用浅文字,蓝文字以白背景容易识别,而在红背景那么不易分辨,原因是红和蓝没有足够反差,而蓝和白反差很大。除非特殊场合,杜绝使用比照强烈,让人产生憎反感的颜。6:整个界面彩尽量少的使用类别不同的颜
itop表
具体标准参考美术学统计学术标准。表的建立,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调起到有章可循的作用。
3:(Resource)资源
一个多姿多彩的人机交互界面,少不了精巧的鼠标光标、图标以及指示图片、底图等。1:也需要遵循统一的规那么,包括上述颜表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论