1.7 UI界面设计的工作流程
UI界面设计的前期准备工作,依然离不开3W(WHAT、WHERE、WHY),也就是使用者、使用环境和使用方式的需求分析。只有清楚地理解软件界面的设计流程,并在实际的设计工作中按照这样的流程进行操作,设计出的UI界面才能够受到用户的欢迎。
1.7.1 市场调研/需求分析
在设计一款软件界面之前,设计师应该首先明确是什么人(用户的年龄、性别、爱好、教育程度等),在什么地方用(桌面电脑、移动设备、家庭多媒体等),如何使用(鼠标键盘、触摸屏、摇控器等),任何一个元素的改变都会使界面设计做出相应的调整。
除此之外,在UI界面的需求分析阶段,同类型的界面也是设计师必须了解的。所设计的UI界面要比同类型的软件界面更好,才会使UI界面上市后受到关注。虽然这没有一个客观的评价标准,但只能说哪个更合适用户哪个就是好的设计。如图1-51所示为市场调研流程图。
图1-51
1.7.2 设计分析/线框图绘制
通过对界面的需求分析,接下来需要提炼出几个体现用户定位的词语坐标。
例如:为30岁左右的白领女性制作的娱乐界面,通过分析得到的词汇——品质、精美、高档、女性、时尚、个性、亲和、放松等。通过对这些词汇的分析,进一步精简得到几个关键词。接下来就需要在该款软件界面的设计中着重体现这几个关键词的意境,最好能设计出几套不同风格的软件界面方案,以备选用。
根据这些关键词初步确定界面风格、颜色搭配、信息内容和构图布局等内容,然后进行线框图的绘制。线框图的绘制较为简单,还可以对UI界面进行初步的功能测试。在没有设计稿之前,如果遗漏重要的信息或功能板块,也可以及时做出调整。如图1-52所示为设计分析流程图。
图1-52
1.7.3 界面制作/调研验证
一个网站或者一款软件的所有界面一般不会出自同一个设计师之手,所以,在设计过程中必须确保这些设计方案是同一水准的。
如果用户能看出有明显的差异,那么,设计作品是失败的。完成多套UI界面方案的设计后,开发者开始进行调研验证,从而得到用户的反馈。
通过对用户反馈意见的整理和总结,得出每套方案的优缺点,便于对最终的软件界面设计进行调整和改进。如图1-53所示为界面设计流程图。
图1-53
1.7.4 测试产品/改进方案
通过对用户的调研验证,可以得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样设计师就可以有针对性地对软件界面进行修改,从而让软件界面变得更加细致、精美。
1.7.5 投入市场/用户反馈
改进后的软件界面设计方案即可在所开发的软件中应用并推向市场,但是设计并没有结束,还需要用户反馈。好的设计师应该在软件产品上市后,多与用户交流,了解用户的使用感受,为以后的版本升级和改进积累经验。