乾貨:值得學習的谷歌翻譯軟體的ui

只要有不同語言的存在,人類就會對能夠突破語言上的障礙的神奇生物或設備著迷。在Google Translate中,就有這麼一個應用能夠神奇的改變您在語言上的障礙。

谷歌翻譯的魔力谷歌翻譯的即時相機翻譯和實時對話模式已經讓我們驚歎不已。但除了令人驚歎的本質之外,它們確實也非常有用,可以幫助語言學習者,學生,遊客等快速突破語言上障礙。

發現問題很遺憾,許多用戶並不知道谷歌翻譯有這些功能。在一項用戶調查中,38%的用戶不知道谷歌翻譯有這些工具。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

第一次改良設計設計師發現,這些功能的入口的圖標設計得太小而且非常隱蔽。第一個直覺就是讓圖標變得更大更明顯。所以,嘗試用新的UI進行改良設計。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

令人驚訝的是,這樣的改良設計卻起到了相反的效果!相機和對話的使用率更低了。

究竟是怎麼回事呢?當我們進行深入挖掘後,發現許多人忽略了主功能下面豐富多彩的東西,人們通常認為這些並不重要,更像是推廣的廣告。

第二次改良設計,迴歸輸入框第二次改良我們重新把關注點聚焦到輸入框,對現有熟悉的用戶界面進行哪些最小更改?以使這些功能更清晰可見呢?所以我們調整了圖標,添加了文本描述,並將語音功能分成了兩個重要但獨立的使用場景:聽寫和對話。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

通過這樣到改良後,所有功能的使用率全面增加,手寫的使用量比以前多出25%!我們甚至開始看到那些認為這些是新功能的人的自發宣傳,儘管他們已經存在多年。

再次改進對話的界面設計師並沒有滿足上面的改進,在Google翻譯中,改善用戶的產品體驗是一直在進行的。所以,對話模式的用戶界面應該設計得更簡單,更直觀。

舊對話模式用戶界面有3個按鈕:左右兩個語言按鈕,中間有一個大麥克風圖標。麥克風是實時的,它知道人們在說什麼,他們說什麼語言,什麼時候停止說話,什麼時候翻譯,所有這些都沒有用戶的任何額外輸入。所以我們稱它為魔術麥克風。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

對於某些語言來說,魔術麥克風不如其他語言那麼精確。由於用戶界面強調魔法麥克風,許多人只使用它,甚至沒有意識到有兩個其他手動語言按鈕給他們更好的控制和準確性的指導。因此,一但用戶遇到了困惑,只能放棄了語音模式,而選擇輸入模式。

改變-改變-改變前面我們學到了只通過簡單的修改來提高用戶的識別率,所以我們反問自己:為了使體驗更直觀,我們可以對UI進行哪些最簡單的修改?

我們首先想到的是形狀和顏色!通過改變它們的形狀和顏色,我們使手動語言按鈕更加清晰可見。仍然保留了魔術麥克風,給它一個描述性的文字標籤,讓它不再是畫面裡最大的那個圖標。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

與此同時,我們與硬件團隊合作,確保與無線耳機Pixel Buds的結合體驗。我們對用戶界面進行了小小的調整,例如,與Pixel Buds連接時顯示耳機圖標。

一個新點子是增加“打破沉默”的彈出頁面的巧妙構思。

在用戶研究中注意到,互動中最尷尬的是如何開啟一段對話。所以我們用一個標準的模版做了一個頁面,用插畫生動的告訴用戶可以這樣操作。

乾貨:值得學習的谷歌翻譯軟件的ui/ux改良設計全過程分享

通過界面設計的改良,以及技術上改進,使對話模式更方便使用,我們看到語音翻譯的使用率顯著增加。儘管我們對改進這些功能和其他功能的追求並沒有結束,但這卻是讓我們的充滿魔力的功能更易於使用推廣。


分享到:


相關文章: