项目背景 广点通改版之前有三个投放端各自面向不同类型的客户,在用户日常使用过程中还是遇到很多问题,版本复杂,功能规划不统一,用户体验细节不佳,影响工作效率。 同时,从内部来看,多版本的存在也带来很多问题,版本混乱,重复建设、维护成本高,产品功能、权限机制散乱,没有统一的产品规划约束。 同时,经过调研分析,对比参考了多个成功的主流广告系统:Google Adwords、Bing AdCenter、Yahoo Panama、Facebook、Baidu新凤巢之后,我们发现广点通投放系统在各个方面还有较大的提升空间,是我们的挑战也是机会。 由此可见,经过特定产品历史条件下的野蛮快速生长之后,广点通投放端系统必须进行一个"收"的过程。即:回归产品设计主导、统一系统版本、清理积弊、完善功能、优化用户体验。 相信经过改版优化之后,我们的投放系统将最终走向"精品"。 设计方向的探索 现有问题分析 由于广点通广告投放平台前期主要还是处于摸索阶段,缺少系统性的规划。功能的不断增加与尝试,在用户体验方面也暴露出了很多问题。 通过对用户调研,以及平时产品运营过程中发现: 问题一:页面结构、信息展示效率低下 具体体现在:1:页面固定宽度,对于大屏显示器来说浪费了显示空间。2:核心信息展示不够,需来回切换页面才能查看(比如:账户信息、广告效果等) 问题二:功能分布不合理,用户行为混乱 具体体现,创建广告操作频繁,但需每次返回首页才能操作。 问题三:视觉设计层次不明、缺少明显的风格特征 内在需求的挖掘 作为一个上线2年的产品,广点通投放端发展的诉求已经和当初上线的时候不一样了,产品经理、设计师、老板对它的诉求都有区别。产品经理希望能够实现 更多的功能:比如广告定制化、个人信息、账户信息、强调广告效果的展示等,设计师希望即使是后台类的管理产品,也能够照顾用户的使用感受,同时希望界面简 洁高效。老板的意见则是目标导向的,即高效、加强品牌。 竞品分析 通过对 "百度推广"、"腾讯效果推广"、"Google Adwords"等多个具有代表性的广告投放后台做了详细的分析。 发现并总结了以下几点设计上的共性特点 1:信息布局全屏化,提高信息展示效率 2:数据图形化,数据展示更加直观易懂 3:信息展示模块化、定制化 当前趋势的研究 在参考、研究了一些当前比较前沿的后台管理类界面设计风格后 我们发现一些设计上的共同点: 1:图形化,信息、数据直观易懂 2:响应式,兼顾移动端使用体验 3:扁平化,内容优先、去除多余质感 设计方向的确立 通过前面讲的 自身问题的查找 内在需求的PK 竞品分析 趋势的研究 这四个不同的维度来帮助我们全方位的理解网站,找准定位,最终提炼出以下设计关键词,确定了以效率优先、人文关怀作为我们此次改版的设计方向。 设计的实施 效率优先 因为广点通广告投放端是一个后台管理类产品,每一秒都直接关乎营收,需求方对效率尤为关注,效率的提升第一时间想到的是可以通过技术手段来实现,比如优化后台逻辑,提高运算速度,降低响应时间等等。从设计侧的角度出发,那我们能够做点什么吗? 1:信息布局全屏化,充分利用屏幕的空间,让用户能够在一屏内查看更多的信息。这里就要求我们在设计网站结构的时候加入响应式的设计思想。 2:核心信息、频繁操作的全局化,让信息结构更加扁平化,提高用户的使用效率。 3:用户自定义展示关注的广告效果,内容定制化,做到千人千面。 响应式设计&扁平化设计 关键信息、频繁操作全局化 内容定制化 人文关怀 当初一开始看到广点通投放端后台管理界面的时候,感觉这个界面刻板、枯燥,没有从用户的使用角度来设计,顿时萌生了一个 想法:即使是后台管理类的界面,用户的使用感受是否应该被照顾到?从人文关怀的角度来说,之前我们的网站是做的不够的,以下是我们在广点通V2改版的时候 基于人文关怀做得一些努力。 1:信息图形化,一改过去后台界面刻板、枯燥的信息呈现方式 2:操作人性化,奖复杂功能操作分步完成,且可中断,操作可逆可持续 3:新手引导,帮助用户快速适应新版的变化 信息图形化 信息图形化,加强用户和信息之间的互动,让数据不在枯燥乏味 操作人性化 新建广告过程可中断,已填数据不丢失,操作可逆可持续。方便用户多线程使用网站 新建广告复杂耗时,分步骤进行可避免对用户造成大的心理负担 新手引导 新的版本必然会改变很多用户的固有使用习惯,我们希望把这种不适降到最低点 后续计划