卓麒互动官方博客
卓麒互动 > 卓麒互动官方博客 > 永夜极光的博客 > 网站建设研究 > 原创:谈一谈网站策划、UI和设计之间的关系(Kotani)
观点
原创:谈一谈网站策划、UI和设计之间的关系(Kotani)
2008-05-05
  相信很多朋友都听过"100万"的故事,讲的是一个有名的工程师去检修一个高科技仪器,最后他就在一个地方画了一条线,却要价100万。结果付钱的人不满意了,一条线值100万吗?最后这个工程师给出的回答是:"找出这条线在哪里999999元,画线1元"。

  这个故事很巧妙地说明了策划和UI的关系。不少人都认为,UI不就是把客户给的"公司、产品介绍"等内容,在WORD中画一画框架,定一下位置吗?其实,这是一种比较肤浅的认识,因为UI只是网站策划一种最简要的表现形式,但却远不是网站策划的全部。

  网站策划要做的是,对客户的需求进行全面翔实地分析、采集、整理和创意提升,在之中要考虑到设计制作、技术开发上的难点要点和亮点。一个优秀的网站策划人员要具备市场、网站制作、管理、广告等很全面的知识,并要有很强的学习能力、针对客户和项目组的双向沟通能力。

  而这正是业界销售、技术型人员经常忽略的问题,他们中的很多人喜欢把客户的需求进行"学舌式"的传达,客户说怎么做我照单全收或单纯抵制。但客户并非专业的网站建设人员,他想要什么样的东西,他自己有时并不清楚。所以如果什么都去依赖客户,客户会觉得公司不够专业,而公司也总会围绕着客户改来改去,很显然,这会一方面大大降低公司完成项目的效率,另一方面在无形中还极大增加了公司的成本。

  网站策划的作用,就是要脱离这种片面地思考,站在全面的角度去引导和帮助客户,去发掘整理和提升他的需求,这样做出来的产品才会是客户真正想要的。也因为这种合作是建立在引导、沟通的基础上,所以就会很具有延续的商业价值。这也正是专业广告公司在做方案之前,为什么要做相当大量市场调查的原因了。

  所以,UI看似只是简单的框架,但在背后支持它的却是繁杂的网站策划。事实上,没有一个好的策划,做出来的UI也是没有多少价值的。

  而在设计的过程中,设计师也要根据策划和UI,充分发挥自己的设计特长进行网站创作,将策划的思路通过设计的形式表现给客户,这样才会有的放矢。我们认为,好的设计作品,一定是经过网站策划和设计师反复沟通、不断磨合制作而成的。

  由此,就不难看出三者之间的关系了:策划是根本,UI是手段,设计是工具。简单来说,在大客户市场的激烈竞争中,经过专业网站策划的设计作品不一定有最强的竞争力,但没经过专业网站策划的设计作品一定没有竞争力!

  因为没有客户会喜欢与自己的需求不符的产品,他们总喜欢我们能为他考虑更多!

一、UI示意图

苏州科技文化艺术中心网站UI示意图1 苏州科技文化艺术中心网站UI示意图2

二、实战案例分享

苏州科技文化艺术中心网站


1、接到项目后,我们的策划和设计师去苏州科技文化艺术中心,亲身感受整体建筑和各个主体功能区域的设计风格。经过设计师的理解,确立了以下内容:

  •  页面整体色调采用该中心在实际建筑和VI中通用的咖啡色;
  •  提出金鸡湖畔的整体设计思路。

2、策划通过分析客户需求,提出首页的定位,即信息量要丰富,品牌的表达也要突出。策划将这个定位传达给设计师,所以我们在首页的设计上可以看到:

  •  包括新闻、剧目信息、检索、活动等在内的内容;
  •  主体位置突出了大剧院的整体形象展示;
  •  策划和设计反复沟通,确定内容板块的大小和位置,一方面保证内容展示到位,另一方面保证不影响设计的美观。

3、 策划在客户需求的基础上,进行了创意提升,发掘出客户没有主动提出但会对客户有足够吸引力的需求。

  • 从客户的实际应用去发掘新的创意需求:
      因为苏州科技文化艺术中心结构庞大,在演出旺季的时候演出信息众多,如果按照常规的在后台编辑发布节目信息的做法,会给工作人员带来很大压力。所以,我们提出了"节目自动上架下架"的功能,即让系统帮助工作人员自动去完成这个繁杂的工作。

  •  从市场运作和广告的角度去发掘新的创意需求:
      我们注意到会员的互动在原有网站上做得很不够,而这也正是一个网站在建好后,能否发挥其市场价值的重要保障。所以,策划将会员的互动从以前的一个栏目扩展到整站,并且提出了邮件直投的功能。

  •  从用户体验的角度去发掘新的创意需求:
      经过策划和设计师现场考察后,我们认为该中心规模宏大,各个功能区域都很有特色。如果单纯靠图文介绍的形式去向用户展示,用户的体验度就会大大降低。所以,我们提出了3D全景展示和IMAX影厅动画展示的思路。
三、其它案例分享:

张江高科网站卓麒设计效果1

案例:张江高科
上图设计稿是:策划人员与客户沟通之前,卓麒所出的设计效果

张江高科网站卓麒设计效果2

张江高科网站卓麒设计效果3

案例:张江高科
上图设计稿是:策划人员与客户沟通之后,卓麒所出的设计效果

 三一科技网站策划效果展示

案例:三一科技
说明:产品的展示方式、活动展示等内容都是客户没有明确说明,完全由策划人员提出。

光明乳业网站策划效果展示

案例:光明乳业。说明:客户相当看重网站品牌的传达,
但是客户提交的资料并没明确具体内容,完全由策划人员发掘和提升。

   如果您有任何疑问或者建站需求,欢迎联系我们,卓麒互动愿为您提供高品质的建站服务。

  本文系卓麒互动结合8年的网站建设商务实践心得而创作,由公司专业的网站策划师Kotani撰写,转载请注明出处

相关文章:


转载注意事项:本观点栏目文章均为卓麒策划部门原创的网站建设研究成果,转载请注明作者和详细出处,否则谢绝转载!
报刊杂志等传统媒体刊载请先与我们取得联系并获得许可。违者卓麒保留法律追诉之权力!
   
 
作者:永夜极光     阅读数:19847