Project Description

导航改进

A/B测试下的优化

当我们设计了N个方案,每个方案可能都有优缺点,每个人的偏好可能也完全不同。我们需要科学的确定一种方案,而不是拍脑袋决定。

最科学的决策,只有两个依据,市场和用户。对于交互与体验设计,当然最重要的是用户,对于市场,当然是最快的信息传递效率。因此,一个方案的最佳信息传递效率和最佳的用户体验,非常非常重要。

幸好,我们可以通过点击测试来对信息结构进行测试。

 

备选方案

我们设计了三种导航结构(下图点击可看大图)。

设计师认为方案一的逻辑最完整,同时展示信息完整,倾向于方案一;

电商运营认为方案二只有2层,展示信息符合需求,倾向于方案二;

交互与产品认为方案三最干净,但是展示信息没那么完整。

 

方案一

方案二

方案三

进行一次测试

我们进行了一次投票决策,方案2和方案3各占比40%,方案1只有20。 当然,从我的角度看都不够完美的客观。

所以进行一次点击测试。测试的方法可以参考本文:对原型进行可用性测试

三个方案将随机顺序出现在测试者面前,用户需要完成指定目标的点击,如“以最快的速度点击Performance”。该测试的链接:Navigation测试

测试过程如下

 

而后我们得到了测试结论。

你认为效率最高的是方案3,当然不是。但是其依旧是最佳的。

 

方案一的测试结果

方案二的测试结果

方案三的测试结果

对方案3的改进

很显然,方案3是客观科学的方案。但是其信息展示会略低,所以我们需要解决该问题。

Desktop端我们将更多信息隐藏起来,当用户初次进入的时候看到的剪短导航。当滚动时,其需要的整个页面的菜单锚点会展现出来。

移动端仅仅并不展示更多的菜单,用户始终智能看到2级菜单。我们最大的核心卖点在用户发生滚动时就可以看到,同时移动端滚动底部的概率比PC端更大。

 

勾搭我们

Previous
Next

探索更多

一个趋于零的世界

当下在进行的是,物质世界的数据化进程。衔接人工时代与智能时代的最重要环节——构建计算机能理解的世界。