被吐槽后,阿里旗下Teambition真把官网改了!

UI设计达人 2022-11-25 08:20

之前我发过一篇,为了说明一个网页只有10秒时间留住用户以 Teambition 官网为反面案例,不但分析了问题,还随手画了一下解决方案:《阿里旗下Teambition官网设计令人费解》。

最近我找B端案例时再次打开 Teambition 官网,发现居然改版了!

而且似乎……改的方向和那篇文章说的设计思路相近

具体如何,还是大家自行判断吧,请接着读


当时的版本

这是我写那篇文章当时的版本

一个新用户看到官网,通常会进行四步判断

  1. 基本判断:这是什么?
  2. 价值判断:这是好的选择吗?
  3. 风险判断:没什么问题吧?
  4. 操作入口:好,那我试试?

Teambition 之前那个官网首页的问题是:

  1. 基本判断:不管是图片还是文字,都看不出这是一个什么产品。
  2. 价值判断:看不出这个产品和竞品相比的优势在哪?
  3. 风险判断:不确定这种通用的SaaS工具是否能满足我的行业和工作方式?
  4. 操作入口:输入框那里文字有点长。

所以,我根据这四方面的问题,一步一步修改,最终改成了这样:

对于这个方案,评论区整体反馈时比较正面的:
还得到 Teambition 前设计师的回复:
其实可以理解,虽然每个产品的长期目标通常都是高转化高营收,但每个公司/团队,在不同阶段都有不同的短期目标
虽然当时的设计方案从外人的角度看有槽点,但并不代表设计师做错了,说不定当时的情景,那个方案确实是迎合短期目标的最优解。

现在的版本
现在的 Teambition 官网长这样:
我之前提到的四步判断问题,几乎都得到解决
1. 基本判断
“简单好用的项目协同工具”,标题写得明明白白。
2.价值判断
“阿里巴巴旗下”、“项目管理、任务协同灯解决方案”,描述里写很清晰了。
3. 风险判断
“目前已服务千万全球用户,1000+付费企业”看起来挺可靠。
而且底部滚动的合作伙伴 logo,有能给人安全感。
4. 操作入口
之前提到过的手机号输入框占位符过长的问题得到解决。
而且还比我当时想的更进一步,右下角增加了电话咨询预约演示的入口
对比一下我之前随手改的方案:
基本上和我的设计思路挺接近的,虽然局部样式有很大区别
因为我毕竟不是内部员工,Teambition 很多价值点想不到,用户除了试用之外还能做什么也不清楚,所以我当时那个方案其实很粗糙
所以现在 Teambition 的方案,虽然很多优化方向跟我之前的想法接近,但比我做得好多了
要说最大的不同,那就是没用使用UI图

首页要不要放UI图?
用户的角度看,我是希望有UI图的~
因为要判断是否用一个产品,直接看界面很重要。如果看介绍业一直没有UI,我会很不耐烦😓。
我发现国外的官网首页很喜欢用UI图,随便找几个案例:

其实国外这么设计是有理由的,他们在B端C化比较有经验,之前我在《B端产品C端化,抱歉我想的太简单!》里详细介绍过。
但是国内的官网,大多喜欢放插画
预算普通的放2D插画,预算较高的放3D插画,甚至厉害的会做成动画……基本都是在往这个方向卷。
P.S. 之前 Teambition 那个官网,就是3D动画,从炫技的角度来看,可以说是很厉害了……
不喜欢放UI图的原因,我猜测是国内产品设计改版太频繁,官网如果放界面图,会需要经常替换
而且首页展示的UI图也不能直接截图,还得经过处理,这样以来更换成本就高

最后
你对这次 Teambition 有什么想法,欢迎评论~
还有对于官网要不要展示UI图这个问题,有什么看法?
希望对大家有所启发,请记得把文章转发到你的朋友圈点个在看,咱们一起加油吧!

推荐阅读

(点击标题可跳转阅读)

麦当劳自动点餐系统UI/UX案例分析
淘宝订单页改版分析,这个页面改得真好!
APP太难用了!该如何通过设计降低认知负荷?
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断


推荐阅读