[图片0]2UI设计流程
1.需求阶段:软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。
2.分析设计阶段:通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。
3.调研验证阶段:几套风格必须确保在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。
4.方案改进阶段:经过用户调研,我们得到目标用户喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。
5.用户验证阶段:改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。
3ui设计项目流程
主要负责人:产品经理或交互设计师
早大家开始讨论用户体验流程,在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论,而且主要讨论的是流程和主要功能,因此手画故事版快方便并易于修改的。
此环节要敲定Userflow,用户流程及其中的关键步骤,每一步骤都是一个主要界面。
2.关键界面线框图
主要负责人:交互设计师
在确定的用户流程中,选出几个关键的,有代表性的步骤,做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计,包括其大小和位置。我们做的线框图是1:1的,也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。
此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。
3.重要界面设计
主要负责人:UI设计师
此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计,进行配色、样式不同风格的尝试。
此环节要确定产品界面的视觉设计风格。
4.原型线框图
主要负责人:交互设计师
此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。
5.原型设计
主要负责人:交互设计师
此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点,那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型,特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过(PPT的开发工具+VB)几乎接近成品界面的可动原型。
此环节的确认同上一步,团队的理解会更精准。
6.所有产品UI界面视觉设计
主要负责人:UI界面设计师
完成全部界面的UI设计。
到这个环节,UI设计基本全部完成
4ui设计师的工作流程
[图片1]5ui设计流程规范
设计规范:
1.项目组有经验人士,确立UI规范;
2.美工提供色调配色方案,提供整体配色表;
3.界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范;
4.控件功能遵循行业标准,windows平台参见《Microsoft 用户体验》;
5.控件样式在允许的范围内可以统一修改其样式、色调;
6.参考其他软件先进操作,提取对本项目有用的功能,以使用,不能盲从,漫无目的。
7.根据需要,设计特殊操作控件,准则为:简化操作、达到一定功能目的;
8.界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作;
9.建立合理化文档《UI标准》描述上述规范;
10.强行界面设计者理解之,并作为开发准则。
人员进行监控开发人员是否遵循,及时告诫开发人员。