让我们一起来改造TP-Link官网,打造一款流量追赶谷歌、设计吊打苹果的新网站吧。
如何改造
根据信息传递模型,信息从发出到接受是一个编码解码的过程。本次优化对象是TP官网——即信息传递过程中的渠道【发出者 -> 编码 -> 传递渠道 -> 解码 -> 接受者】。
售前与售后的信息通过编码传入渠道,而用户则需要对网站上的内容进行解码、并选择他们需要的信息并作出行动(决策)。本优化将围绕用户的三种需求——寻找、理解、决策,以及我们的需求——推广信息来进行分析。
发出者=> | 编码=> | 渠道=> | 解码=> | 接受者 | |
---|---|---|---|---|---|
路径对应事物 | 园西工业区24栋的 TPer | 组织信息 | tp-link.com | 寻找并理解信息 | 客户 |
编码解码对应行为 | 1. 上新 2. 维护(调整产品状态、更新页面描述) 3. 下架产品/页面 |
1.理解首页/通过Google直接进入产品或支持页 2. 通过推荐、搜索寻找产品与售后服务 3. 理解信息 4. 做出决策(下一步/购买/离开) |
信息不容易取得 => 提升关键信息入口
TPer为网站准备了丰富的内容,包括产品专题、技术介绍专题、FAQ、Stories,当前较弱的搜索+无分区首页+页面之间缺乏联系使得用户难以看到我们为他们准备的丰富内容。通过提供更多搜索选项、更科学的跳转指引来将用户导向内容。
信息不容易理解 => 方便用户理解
对于大众用户而言,技术产品从表面的命名(如AC2300 MU-MIMO Dual Band Router)到内部的参数(如Airtime Fairness)不便理解,因此我们需要从一个普通用户的视角分析当前页面当中会造成理解困扰的部分,要提供平缓友好的认知逻辑(如先展示功能、后展示产品的产品展示逻辑)、在用户了解技术信息时提供充分的解释(如参数页面,可参考苹果的参数页,会对部分参数提供详细的解释,或提供链接指引)。
信息不方便决策 => 引导用户决策
“理都懂”是很多用户在浏览时候的状态,他们的最终行为(购买、加入Community、收藏)是网站转化的指标。我们到位的文案(对网站而言,依托在页面上添加反馈工具供策划听取客户意见)、精美的设计风格、以及贴心的决策组件(如优质的筛选器、对比工具、无处不在的Buy Now按钮、Notify Me按钮和Banner、新品栏)来吸引用户作出正面决策(继续浏览、购买、留下邮箱)。
三大需求
自2018年尘封多时的Forum被改造为Community重新上线,TP原网站提供的服务有三种: “产品展示”、“售后服务”与“讨论社区”。当博客提上议程,我们的网站功能可以被划为四类:
功能> | 产品展示(信息型) | 售后服务(功能型) | 内容推广(信息+功能型) | 讨论空间(功能类) |
---|---|---|---|---|
对应部分> | 首页 导航栏 产品列表页 产品页 |
技术支持首页 产品支持页 联系支持页 文档/下载页 指导视频页 其它支持页面 |
新博客首页 新博客帖子页 |
论坛 |
突出问题> | 缺乏引导,大众用户不易理解 信息组织与呈现较为混乱(筛选器、参数页) |
文字太多 架构混乱(造成了用户错误下载) 内容 |
权威内容分散在Technology-Lib、News、Stories当中, 入口不明显、人流量低、 与产品页面联动弱 |
暂时不管 |
目标> | 划分首页布局 增强引导能力,让用户可以自在地接受推荐 采用平缓友好的信息展示顺序 |
视觉减负 架构梳理 去冗余 |
信息: 提升入口 增强与产品的联动(链接) 功能: 简单快速回帖 无限滚动浏览帖子 |
暂时不管 |
更多信息[未完成]
产品展示
划分布局
通过过优化布局、尽量扩展我们的推广部分,让用户的视觉不仅仅停留在首Banner,让用户
增强引导
改善展示顺序
售后服务
视觉减负:尽量减少文字内容,收纳、归类

对以下类型文字进行删减或使用灰度降低视觉干扰:
- 警示文字,通过改进操作流程防止用户出错
- 非首级分类文字,使用图标代替文字以方便用户理解
- 重复的文字。
架构梳理:重新划分模块,从操作流出发,梳理功能分布

如:
- 在下载之前要求用户确认产品版本
- 引导用户先确认产品,再打开live chat
去冗余:配合架构梳理,将现有的重复部分进行合理的去除

内容推广
详见博客部分