超五億用戶的螞蟻森林是如何做好體驗設計的？

螞蟻森林是一款讓設計師幸福感爆棚的產品，畢竟這個朋友們都在用、不為消費娛樂、讓世界變得更好。順便，還得了個聯合國“地球衛士獎”。那麼超5億用戶的螞蟻森林是如何做好體驗設計的？

四年前螞蟻森林正式上線，無數用戶在其中踐行自己的“ 低碳美學 ”。如今，當產品使用用戶數已超5億，在這樣的高度和廣度，需要給到用戶一些更新的體驗。

那麼，設計在其中能做些什麼呢？

今年螞蟻森林升級之初，設計團隊就定下了三個關鍵目標：

「真實」：建立更多真實世界的映射，讓用戶更有沉浸感；

「細節」：融入更多故事和彩蛋，讓場景活起來，傳遞“天更藍，心更暖”的體驗；

「高效」：讓用戶體驗更輕鬆。

風格，讓螞蟻森林更真實

每一個螞蟻森林的設計師，在做設計前都被要求到真正的森林地塊去走訪。

初到螞蟻森林時，“ 荒蕪 ” 是對大環境的第一印象，代表著造林所麵對惡劣條件。“有序” 是邁入林地後對螞蟻森林的又一感受，代表著人類在其中穩步推進。

然而真實世界的天空、地麵和植物與手機屏幕相比，有著更多細節，也意味著巨大的視覺差異：

上麵兩張圖是很好的對比案例，那麼，通過設計語言怎麼表達真實還是虛擬？我們在抽象和真實之間，到底選擇誰？

為了便於描述畫麵，我們可以用圖形、配色、質感和視角這樣四個要素來進行設計：

如上圖所示，圖形、配色和質感越往右邊走，我們的視覺感官就會愈發真實。

但100%的真實往往細節過多、成本高昂，對產品設計來說未必是好事。因此，經過多版本嚐試，我們把改版的視覺風格定位在了“微質感”上。

用最焦點的主樹及主場景來說，是這樣的：

通過減少大麵積幾何色塊，並合理增加陰影、高光反射麵，可以有效塑造層次感和真實感。同樣的手法還被應用在界麵中的其他視覺元素：

除了這些場景元素以外，產品中還有很多功能以按鈕的形式出現。

作為畫麵的一員，他們同樣需要在不影響固有認知的前提下，配合做一些視覺改變，使得界麵中所有元素互相配合，形成統一的視覺感官。

在阿拉善，設計師一路坐著吉普車從沙漠邊緣進入，穿過層疊的沙丘之後又突然來到一片綠洲，可能是對螞蟻森林演變的一種最好的體驗。

因此，運用“時間”和“空間”技巧，我們想把這種真實感受送到用戶麵前。首先在構圖和透視上，我們使用更具縱深感的平行透視，將用戶目光焦點送到遠方。

隨著用戶種樹的進度，畫麵會從沙漠慢慢變成綠地。

大色塊的做法隻能通過顏色表達變化，差異性有限，給人的視覺衝擊並不夠強。通過由近及遠的視覺變化，搭配微質感，可以讓用戶明顯感受到種樹如何為沙漠帶來綠色，同時白天和夜晚的差別也會更大。

細節，讓螞蟻森林更有趣

在最初設計頁麵時，就有構想一隻可愛的小青蛙。

想當然地，我們認為綠地裏會有青蛙。但當實地去螞蟻森林地塊探訪後（是的，每個螞蟻森林的設計師都必須要去現場走訪一次），才發現沙漠環境裏那麼幹燥，完全不可能出現青蛙。

雖然被現實打了臉，不過在最終的方案裏，我們還是保留了這隻青蛙，並且還為它配上了一隻白色的蝴蝶， 許願在螞蟻森林將沙漠真正變成綠洲的時候，這些小動物都能自由自在地生活在其中。

未來，也許保護地的小夥伴們也可以來這裏做客：藏狐、黑頸鶴、菲氏葉猴……畢竟，有樹、有動物、有雞，才是我們熱鬧的螞蟻森林。

隨著視覺縱深的擴展，橫向能否也給用戶更多探索的空間？

常見的交互方式是“左滑右滑”，但實驗下來因為不容易被用戶發現和誤操作概率高，所以最終選用了“ 陀螺儀 ”這種更有趣的交互方式來實現橫向場景的用戶感知。與此同時，還為其他的彩蛋留出了餘地。

白天，通過左右晃動陀螺儀可以在頁麵最左側發現一對放風箏的小朋友。而在晚上，頁麵的右上角還能看到沙漠的銀河。大家可以自行打開支付寶，點進螞蟻森林裏麵去體驗一番。

我們希望通過這些有趣的小彩蛋，為用戶營造出更多開放性故事感，讓整個產品“活”起來。

整合，讓螞蟻森林更高效

除了視覺升級之外，此次螞蟻森林改版還對產品功能進行了整合。四年來，不斷迭代的功能已經讓我們的森林變得“不堪重負”：6個能量球、能量保護罩、好友澆水、紅包、營銷資源位……

當極限情況下，可能連基礎的用戶體驗都無法保障。為了給界麵減負，我們從數據出發，首先將一些不常用的功能進行收納整合。

比如放話被挪到了與好友互相收能量的模塊附近，更符合用戶動線；攻略更適合作為新人引導融入在產品試用過程中，因此收納起來讓出了寶貴的空間。

現在森林主頁就有“ 螞蟻莊園 ”的入口，並采用了場景化（非功能化）的方式來呈現。

我們相信遊戲化產品更適合把事物融入場景中，並不會影響點擊率。所以，我們把“合種”從icon按鈕拿了下來，當作畫麵裏的一部分去展示。經過線上測試，合種的點擊率提升非常明顯。

細心的小夥伴肯定已經對界麵右下角的“找能量”功能很熟悉了。

當觀察了無數位用戶每天反複穿梭在好友列表和好友主見之間，少則數十次多則上百次點擊後，我們就在思考有沒有更高效的用戶互訪方式。

通過“找能量”，用戶可以快速訪問一個有“行動點”的好友主頁：有能量可收、有能量快消失、有紅包未領取……借助算法，整個體驗過程變得更加 “傻瓜” 和 “快捷”。從數據上來看，用戶活躍度和使用深度都有了明顯的提升。

回歸公益初心，給用戶更好的體驗

遊戲化的方式做產品，不代表要做一個真的遊戲。

公益產品是互聯網環境中難得的一片淨土，讓設計，給它更好的用戶體驗。因為螞蟻森林，我們選擇每天早起收能量，選擇騎共享單車而不開車，又結識了一個個一起種樹的人，在螞蟻森林的每一秒，每一克能量，都因設計變得真實、有價值。視覺化的升級並不單純隻有感官的改善，進而也會帶來產品體驗和業務數據的提升。

當然，新的視覺風格上線後，是不是所有人都喜歡？

答案是否定的，我們也收到了不少用戶的寶貴建議，到現在也依然在持續優化顏色、細節。所以，屏幕前的你，對螞蟻森林有什麼好的建議？

作者微信公眾號：「AlibabaDesign」