一、项目背景
千库网为超过千万人次提供了设计素材内容下载服务，因千库素材站业务（原创素材+共享素材）内容整合需要，整体业务往商用版权原创站方向发展，之前版本暂未能满足商用+版权化的新业务目标，因此对产品到品牌优化升级，希望逐渐感知到产品的变化，让设计师、非设群体对千库版权素材站的提高商用认知，溢价增值。
二、设计思考
before →
在着手设计具体的优化方案前，我们对需求进行分析拆解，思考了以下问题：
1. 从构建视觉规范，产品方向统⼀，到粗放式向精细化设计转型，如何做差异化区别于同类内容设计产品？ 旧版本未建立细颗粒度的视觉规范，导致界面细节的不够，界面样式不统一，字体大小，字重，粗细浏览体验不佳，交互不一致、及导航功能优化等易用性问题。
2. 品牌设计如何建设整体的视觉风格体系？未建立品牌体系，视觉调性不一致。风格缺乏活力陈旧古朴，各模块颜色杂乱不协调。
3. 从品牌视觉、产品交互、推广活动等多维度，如何传达千库slogan：设计不抠图，正版敢商用的核心价值？极简趋同的同时，仍能保留千库核心品牌基因。让整体的设计更系统，并具有较强的可延展、复用性。
三、优化目标
通过思考梳理升级方向，我们明确了本次的优化目标：强化商用品牌定位、建立信任与认可、为高品质设计赋能。
1. 解决存在的不统一，不一致等易用性问题，界面清晰简洁，使用场景下保持高效。让产品操作便捷，浏览更加舒适流畅。
2. 增加各模块和推广内容曝光位置，和对用户搜索体验等功能优化。
3. 为千库升级视觉体系，强化品牌商用版权述求，从品牌色，品牌字体，品牌标识出发，提升商业版权的认知信任、情感信任。
四、升级方案
全面升级是个巨大的工程，我们由内而外步步优化，按照各类目模块和其他产品线，梳理了界面及交互流程。业务方向、用户至上的前提下，从品牌维度，产品易用性出发，深入到升级方案的每个细节。选取以下部分做说明。
# 品牌redesign
品牌设计的过程中，产品同质化严重的时代，首先明确千库商业版权化定位，接着围绕定位提取：版权素材、商业保障、轻蓝极简等关键词，再进一步构思视觉表现元素，包括颜色、视觉符号、字体、辅助图形等。最后转化为具象的品牌logo，再延伸到用户与产品的各个接触点，加深品牌印象同时，将版权素材理念层层渗透到用户心里。
1. 品牌颜色
对产品场景提取同类色系，结合情绪板，提炼并定义了轻蓝色系。新的品牌颜色相对之前的颜色，更明亮轻快和现代极简轻蓝色，也代表乐观向上和轻快便捷。
2. 品牌logo
从创意设计行业属性出发，以K字形（库）与©（版权）为设计方向，对关键词进行idea发散，抽取具象笑脸 c 和意象 k 设计图形。产出具有共鸣的意象 ok 图形。
字体保留原始结构，选取相似的字形，在字体的粗细、切角位置做变化。
整体视觉风格趋向扁平、轻质感。有识别度、记忆点。理性和感性结合，与品牌商用版权背书耦合。体现千库的品牌的亲和力、包容度。
3. 氛围换肤
希望通过换肤渲染浓厚节日气氛，引起用户的关注，用情感化设计来提升好感度。围绕热点主题，节日氛围进行设计，给用户带来的新鲜和惊喜。在节日氛围界面保持热度，提高用户活跃和用户粘性。
#提高产品认知， 强化功能易用
对用户常用关键性界面，借助数据分析，帮助决策设计方案。作为千万级设计素材内容型产品，多数用户已养成使用习惯，我们尽量再不影响原有用户的使用习惯下，进行优化改进，帮助提升产品认知，强化功能易用。
1. 首页
首页优化的模块有搜索，导航，热门搜索，消息推送，登录框等。
a. 对比之前界面PV、UV数据发现，以内容为主导的产品，多数用户会在首页使用搜索功能。搜索是使用频次最高的重要功能之一，所以首页在不变动搜索位置的情况下对样式优化改进。
b. 导航承载了设计分类素材选择，帮助用户快速的找到需要内容。千库轻蓝背景强化品牌，迎合当前流行的设计风格，对banner、图标细节重新优化，希望提升用户对导航区域及内容的关注。保持原有的位置，同类色系，避免影响用户的使用搜索效率。
c. 消息推送在旧版中为只是单一的评论点赞及阅读推送。因此在此版改进中，用户之间互动评论的功能，使其社区氛围活跃。
d.优化登录框广告，从第一眼入口强势曝光，快速提升品牌认知。
2. 搜索结果页
before →
after →
a. 分类内容展示优化，精选专题推荐增加运营配置的空间。导航区域增加各个模块切换，方便设计师用户从不同模块，轻松查找所需的素材。
b. 精选专题素材推送，不定期的向设计师用户推送契合时事、节日热点的素材内容。
after →
c. 元素、艺术字板块的样机下载按钮做了全部展示调整，无需hover后按钮出现再下载，希望通过调整，用户对其素材进行直接下载操作。
3.专题集合页
a. 原有的界面上，增加了热门 / 最新更新专题分类切换，和直达各模块的集合页的导航，方便浏览各风格的素材内容。紧跟趋势热点潮流，满足设计师用户在作图的灵感收集诉求。并对展示细节样式做优化。
b. 集合页详情内页，增加原创设计师的入口互通，链接到个人作品主页社区。在被浏览作品的同时，还能为创作设计师们加人气，并激励激发上传者，创作出高质量的设计素材作品。
五、设计验收
设计验收会涉及到：界面还原度、界面的适配、动效交互流畅等问题，选取以下部分做说明。
1. 界面还原度
设计走查是上线前十分重要的环节，因为前端不一定100%还原视觉稿，所需精细的走查。本次走查改进的问题不下百个，不忽视任何问题，并逐一去改进。
2. 界面适配
电脑上各类屏幕尺寸适配的问题，与前端沟通解决方案，为我们用户提供优质产品体验。
3. 交互走查
无论是产品设计还是运营活动，体验流畅度至关重要。对个别界面增加转场动效，提升流畅度、新鲜感。
六、数据跟踪
数据说话的时代，产品升级迭代完需要全面的数据来复盘，数据有业务数据、和用户行为数据两类。千库v3.0上线后，分析数据来自于百度统计，取上线前后7-15天的数据，对比热力图点击和基础数据，以下选取部分粗略说明。
1. 首页
历经多次的优化调整，由数据结果易知，导航及搜索对比之前，有2%的提升，跳出率降低。数据30天后无较大浮动情况，基本趋于平稳。
2. 搜索结果页
导航区对比之前，增加切换模块分类，缩短用户的操作流程，减少用户操作成本。易用性效率明显提升。但推荐专题点击数据不理想。用户对此需求估计偏弱。
七、复盘小结
以上是从粗放式向精细化设计转型，优化升级的复盘内容。年末梳理一年来的过往经验，本次升级不尽完美，有评审、走查环节的缺失。后续会优化推动流程的合理性，进而提升效率。还要特别感谢开发、运营、产品的同学们支持与配合。我们会不断的关注升级后的反馈和数据、持续迭代，力争更优的体验、解决方案。
Powered by Froala Editor
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册