优秀的图形界面设计还需要什么

  在过去，设备界面设计领域刚刚开始的时候，我们强调的是个人的设计能力和作品品质（当然，在今天来说这仍然是设计项目成功的关键），一些有着跨行业设计经验的人通过自己的努力，建立了基本的设计标准与设计风格。

  在今天这样的产业化输出需求的背景下，靠着单人的设计能力去拼市场的做法已经变得举步维艰，这不但牵涉到个人风格的局限性，也会影响着产品的交付周期、客户定制的多样化、界面设计的跨文化适应性等多种问题和矛盾。

  那么建立一个设计团队，并通过这个设计团队来进行界面的整体开发就成为当今的主流，一个积极高效的团队可以使公司和产品的整体设计水平提高档次，一个拖沓的团队也可能扼杀公司和产品的市场竞争力。

成功的设计团队有着类似的成功经验，我们来反思一下，看看一些不那么成功（甚至最后解散）的设计团队背后都有哪些相同的问题，我称之为“失败团队的七宗罪”。

 

◎  没有根据团队实际情况确认设计流程。

◎  企图使用一套设计流程面对所有的事情。

◎  对设计流程缺乏升级，设计流程淌有经过讨论。

◎  在流程的管控、监督、实施、检查环节缺乏执行力。

◎  根据CEO的建议制定设计流程。

◎  没有对流程无法处理的情况制定补充方案。

◎  设计流程没有反复地进行操作和培训，以为团队成员会自己遵守。

 

   那么具体到一个产品，我们如何保证设计团队的每个成员的价值观一致？并有效地规范、监督、协调工作量与时间，以达到产品界面的设计要求？这就必须通过建立合理的设计流程来进行规范、疏导、并通过流程调动成员的积极性与参与度。

   而在凯欣达的手机设备项目中，我假设当前的设计团队是没有任何设计流程的，那么第一步，我首先需要一个有效的定制流程会议，下面是这次会议的模板文件。

 

制定设计流程会议纪要

1.  产品原则

◎  公司级别风格化的升级；

◎  沿用到后续所有产品中，并可实现软件版本的迁移；

◎  作为默认的设计产品；

◎  在产品策划初期作为原始数据导入。

 

2.  设计原则

◎  视觉化效果突出；

◎  交互操作效果流畅、新颖；

◎  100%原创；

◎  界面之间的设计关系清晰、有联系；

◎  成为一种普遍流行的视觉符号；

◎  流程合理；

◎  无需要修改的地方。

 

3.  项目时间

◎  06.03~08.03；

◎  共40个有效工作日。

 

4.  弹性情况处理

◎  硬件、软件瓶颈；

◎  项目冲突瓶颈

◎  时间瓶颈（节假日休息等，时间自动后延）。

 

在这样的会议中，我们要建立的是关于这款产品的整体思路和设计流程，而不是整个设计部门甚至公司PI的设计流程，明确重点以后将有效地避免我们投入多余的精力。

 

产品原则，设计原则、项目时间、弹性情况的处理是制定一个基于产品设计过程的设计流程必须考虑到的因素。

 

针对手机软件这样的小型项目中，重点在于产品开概念设计和界面设计的过程，而不是产品设计的全部组成部分，因此在设计流程的时候，有必要有所侧重，以部门为单位进行人力、资源、时间的划分通常是有效的。

   在对项目和产品本身进行了概念的阐述后，我们很容易根据部门进行流程的细节规划，这里我们将流程划分为10个步骤。

 

1.  制定流程（make it real）

◎  讨论并确定合适的设计流程并在设计部内部讨论。

◎  可邀请产品和决策人参加。

◎  仅制定流程而不讨论设计。

◎  精确的流程时间。

◎  弹性情况的处理机制。

 

2.  确定工作内容（item conference）

◎  进行项目立项会议。

◎  让所有设计师知晓流程。

◎  修正流程的不足之处。

◎  确认项目启动和结束时间。

◎  分配平均工作量。

 

3.  图标风格（Icons style）

◎  进行开放性的图标的设计。

◎  设计师分别独立完成。

◎  不限制设计方向。

◎  图标设计将进行筛选。

◎  必须考虑最终实现难度、概念、大小、通用性等。

 

4.  首次检查（1^st Review）

◎  第一次设计评审会议。

◎  设计部内部完成。

◎  可邀请产品和决策人参加。

◎  展开讨论设计方向。

◎  设计师阐述设计概念。

 

5.  界面风格（Define interface style）

◎  定义界面设计风格。

◎  界面设计将进行筛选、组合。

◎  分析最终实现难度。

◎  色彩定义、分辨率、关键界面数量、界面元素、通用性等。

 

6.  交互特效（Interactive effect）

◎  定义合适的交互效果。

◎  思考如何更好地表现交互模型。

◎  视觉化界面风格。

◎  需制作低保真演示。

◎  必须考虑最终实现难度。

 

7.  界面设计（Interface design）

◎  进行开放性的界面设计。

◎  设计师分别独立完成。

◎  不限制设计方向。

◎  设计内容按照确定的关键界面的数量执行。

◎  设计文档考虑交互效果的实现情况。

 

8.  准备演示（Get ready proposal）

◎  进行提案的准备。

◎  进行提案PPT的设计。

◎  市场趋势、竞品分析。

◎  风格说明、图标展示。

◎  界面展示。

◎  指定提案人和提案流程。

 

9.  交互模型（ Axure/Flash Hi-Fi model）

◎  制作Axure/Flash 高保真模型。

◎  设计师分别独立完成。

◎  仅演示必要风格界面（待机、主菜单、图标、二级菜单）。

◎  Axure/Flash制作要包含机型必须结合交互效果的演示。

 

10. 最终提案（Final shot）

◎  最终评审会议。

◎  图标设计文件。

◎  界面设计文件。

◎  提案PPT。

◎  Axure/Flash 高保真模型。

◎  设计、产品、市场、软件和决策人共同参加。

 

Thank you