用户体验:网页设计与网页内容呈现关系

有时候，规划师（或需求、交互）把内容呈现的框架草图搭建好后，就直接“丢”给了设计师，让设计师在画好的框架里去美化内容，出来后的效果，往往达不到规划师（或需求、交互）预期的目标效果，然后就是反复的修订和磨合。如何改变这样的局面呢？我想首先规划师（或需求、交互）的目标要定义清楚，然后要做完善的信息架构分析，内容的主次位置、版块结构、所占面积都要细化考究，交给设计师的是一个尽量完善完整的框架方案，而设计师呢，必须全面理解目标及内容划分的原因，几方面结合，才能做出精美的设计作品。

举个例子，我们把规划比作“导演”，把需求和交互比作“编剧”，而他们最终输出的内容及框架图比作“剧本”，把设计师比作“演员”；好的导演会选最好的“剧本”（符合目标消费者心理需求的故事），选最符合剧本角色风格的“演员”去演绎，在拍摄前，会让演员“熟读剧本”，体会剧本中角色的气质及内涵，充分了解剧本的主题思想及精髓，完全投入到剧本的情节中去，整个剧组中的人齐心协力，最后才能成就一部优秀的影视作品。假如，导演或剧本不好，不管演员演得多职业多卖力，读者也不会买单；反过来，导演或剧本都很棒，而演员演绎能力很差，部分读者也许会咬牙坚持下去，但他们绝对体会不到故事的精髓。

总结一下要点：

1. 规划（需求、交互）一定要理解并找准目标用户群体的心理需求，框架图不仅仅是草图，要方方面面更加完善的考虑，而不是一边写剧本，一边让演员去表演，感觉不对，再改剧本。
2. 设计师一定要和规划、需求、交互充分地沟通，要清楚设计目的，清楚内容的组成及理由，读透并理解整个规划的思想精髓，在具体设计的时候，才能更好更直接有效地把内容传递给目标用户。

下面，我举一案例来辅助说明：

支付宝和财付通的目标诉求及功能需求是基本一致的，我们来看看他们的首页设计，分别有什么不同？

初步的整体感觉：财富通比支付宝的内容要多，布局要复杂一些，界面要美观。

一、外观设计比较：

• 财付通：单从设计角度来分析，色彩和图形的美观度要比支付宝的好。Banner的色彩搭配漂亮，图标的处理有特色。
• 支付宝：banner的左右两块过渡较生硬（人物和橙色区域）；整个界面缺乏细节设计，不够耐看。