专题模板(v4.0)视觉升级随笔

0 评论 2203 浏览 0 收藏 8 分钟

什么是专题模板?
专题模板是个工具,有了它,就可以比较方便的制作专题网页,当然它是个内部工具。专题模板自从网站业务建立时就开始存在,也同样经历了几次改版,而上一次视觉改版(v3.0)是比较重要的一次,可以说经过v3.0的改版后,它就开始向系统化的正规工具迈进了一大步。专题模板同样也是一块试验田,从无到有,不好到好。这决定了它的成长路线是一条不断完善的迭代的曲线。所以随着时间的推移和迭代设计的规律,接下来我们又要准备开始v4.0的改版设计了。


一、调查使用情况和接收反馈意见

我们先对网站各大频道做了对模板v3.0使用情况的普查,主要围绕以下三个阶段进行展开,主要方式以访谈和焦点小组为主。

专题模板主要目标用户可以很快定义成为各频道编辑,由于大家都工作在一起,做调查也比较方便,通过用户(编辑)的使用普查可以发现:

1、用户(编辑)使用模板可分找模板、加模块、改模块、内容灌注、代码处理这五个步骤,而且大部分用户(编辑)不太愿意每次制作新网页都按照流程去制作,导致了后期产出物无论从代码或者视觉都很规范,这个问题一直在困扰我们,用户也迫切的需要一个无代码操作的生产体验,似乎可视化模板势在必行了(关于可视化模板概念下面还将提到)。

2、焦点小组、竞品分析讨论:

可以看出视觉、可用性、功能还是比较欠缺的,主要意见为:
1、模板样式过于单一并且一致性较弱,整体版式视觉感受不太适应各频道特点;
2、可用性方面分数最低,最大原因是模板系统功能欠缺,比如具体模块、样式组合不能实现工具化;
3、功能方面分数也偏低,这方面主要表现为大多数用户指出无法形成流畅的页面生产流程(过程);

通过了前期的调研和分析后我们初步制定了以下的升级实施方案:

● 调整了主视觉样式,更突显网站一致化
基本上对所有样式进行了修改,最大限度地把网站频道页样式整合到其中,使专题网页与网站形成一个有机的衔接;

● 通用、共享
通过对模板皮肤的拆分和更细的模块化的处理,使模板模块实现全站通用。提高模板、模块和样式皮肤资源的利用率

● 建立风格样式库和素材库
提供各种风格的样式皮肤供选择,使专题模板不再乏味,能够在统一规范的页面架构中体现比较个性化的配色方案。

● 提升系统可用性
对模板系统中的界面、功能、内容、和可用性进行全面的优化。使系统界面更加友好,模块分类更加详细,整个系统框架的逻辑关系更加严谨和更具扩展性。

二、计划实施
结合改版首页视觉样式特点,适当地在专题模板中引入,比如导航、各分栏和通栏栏目条样式、整体页面布局、常规文字样式以及大小等等。

1、视觉样式


2、布局


3、通用的,多样的样式

通用的、多样风格化的样式库也是这次改版的要点之一,决定加入该项是为了较好地节约用户(编辑)生产页面时的美术成本,以往大多数页面的皮肤样式都需要请求设计中心支持,如今有了样式库,则大多数情况下可以在当中挑选合适的样式来搭配页面了,目前样式库已有大约60套以上的风格皮肤可供选择了。



4、系统
针对系统的改进是一个比较大的问题,起初做完调研后的想法是要做一个比较智能化的系统,里面最少涵盖用户使用时的基本功能,其实像这类换肤换模块的功能早已不是什么新技术,但是我们的专题模板系统到目前还没有这些功能,如果要开发这些功能,则要重新开启项目计划,时间紧迫,所以本次的可视化系统方案只能留着下一版再来实现了。

可视化系统方案设想搞:

不过除了可视化方案以外,还是有其他改良空间的,比如对系统中的界面、内容、和可用性进行最大程度的优化。使系统界面更加友好,模块分类更加详细,整个系统框架的逻辑关系更加严谨和更具扩展性等。

三、不断完善

现在,v4.0模板系统已经上线差不多半年了,在这半年里我们继续收集用户(编辑)的使用反馈意见并建立了专门项目组持续对系统进行定期的更新,到目前为止系统已经进行了5次以上的更新,各类模板、皮肤和模块都日趋完整了。说到这里v5.0似乎又要开始启动了,因为可视化模板系统目前已经正在处于测试阶段,很快将会到beta版的测试,这是一个重大的革新,伴随着可视化系统的应用,咱们的专题界面也会做相应的改良升级以适应当前的视觉格局,要做的事还很多啊!好了,以上便是对于这个项目的一点随笔,内容不多,写得不好,多多包涵~

来源:http://uedc.163.com/1527.html

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!