之前寫了一篇,為了說明一個網頁只有10秒時間留住用戶,以Teambition 官網為反面案例,不但分析了問題,還隨手畫了一下解決方案:《阿里旗下Teambition官網設計令人費解》。
那篇文章的閱讀量上萬了,相比我這個公眾號兩千多的平均閱讀來說,可以說是比較火🔥了。

最近我找B端案例時再次打開 Teambition 官網,發現居然改版了!

而且似乎……改的方向和我那篇文章說的設計思路相近?
具體如何,還是大家自行判斷吧,請接着讀。
當時的版本
這是我寫那篇文章當時的版本:

一個新用戶看到官網,通常會進行四步判斷:
操作入口:好,那我試試?
Teambition 之前那個官網首頁的問題是:
基本判斷:不管是圖片還是文字,都看不出這是一個什麼產品。風險判斷:不確定這種通用的SaaS工具是否能滿足我的行業和工作方式?操作入口:輸入框那裡文字有點長。
所以,我根據這四方面的問題,一步一步修改,最終改成了這樣:

我還做過一個短視頻,把過程快速展示出來:
其實可以理解,雖然每個產品的長期目標通常都是高轉化高營收,但每個公司/團隊,在不同階段都有不同的短期目標。雖然當時的設計方案從外人的角度看有槽點,但並不代表設計師做錯了,說不定當時的情景,那個方案確實是迎合短期目標的最優解。「阿里巴巴旗下」、「項目管理、任務協同燈解決方案」,描述里寫很清晰了。「目前已服務千萬全球用戶,1000+付費企業」看起來挺可靠。而且底部滾動的合作夥伴 logo,有能給人安全感。我之前提到過的手機號輸入框占位符過長的問題得到解決。而且還比我當時想的更進一步,右下角增加了電話諮詢和預約演示的入口!基本上和我的設計思路挺接近的,雖然局部樣式有很大區別。因為我畢竟不是內部員工,Teambition 很多價值點想不到,用戶除了試用之外還能做什麼也不清楚,所以我當時那個方案其實很粗糙。所以現在 Teambition 的方案,雖然很多優化方向跟我之前的想法接近,但比我做得好多了。因為要判斷是否用一個產品,直接看界面很重要。如果看介紹業一直沒有UI圖,我會很不耐煩😓。我發現國外的官網首頁很喜歡用UI圖,隨便找幾個案例:其實國外這麼設計是有理由的,他們在B端C化比較有經驗,之前我在《B端產品C端化,抱歉我想的太簡單!》里詳細介紹過。預算普通的放2D插畫,預算較高的放3D插畫,甚至厲害的會做成動畫……基本都是在往這個方向卷。P.S. 之前 Teambition 那個官網,就是3D動畫,從炫技的角度來看,可以說是很厲害了……不喜歡放UI圖的原因,我猜測是國內產品設計改版太頻繁,官網如果放界面圖,會需要經常替換。而且首頁展示的UI圖也不能直接截圖,還得經過處理,這樣以來更換成本就高了。你對這次 Teambition 有什麼想法,歡迎評論~還有對於官網要不要展示UI圖這個問題,有什麼看法?設計改版後,想確認到底好不好,最好的辦法還是埋點數據分析。下個月有一場數據分析課程,用21天時間從零到一教會你做出數據分析儀錶盤並根據結果優化一個頁面,還附贈案例文檔:如果你只是想要多認識一些同行,也可以加入我們無廣告的純粹體驗研討微信群: