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

http://www.itjxue.com  2015-08-07 22:07  来源:未知  点击次数: 

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

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

总结一下要点

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

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

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

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

一、外观设计比较

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

(责任编辑:IT教学网)

更多