全栈工程师?
嗯.....目前并不是!

谷歌翻譯改版設計的3個用戶體驗要點

本文是我作者從重新設計谷歌翻譯網站中總結出來的一些經驗,一起來看看~

上個月,經過漫長的過程,我們推出了一個新版本的谷歌翻譯網站,它有了響應式布局和一個潮流的材質界面。

谷歌翻譯改版設計的3個用戶體驗要點(設計英語精讀)

谷歌翻譯的響應式新網站

考慮到谷歌翻譯在全球的流行,我們知道我們必須為改變厭惡做好準備。關於這個話題有很多很棒的文章,這些文章為最小化厭惡變化的反應提供了策略。但正如這種規模的項目經常遇到的情況一樣,有些經驗教訓只能通過事後諸葛亮才能吸取。

以下是我從重新設計谷歌翻譯網站中總結出來的一些經驗:

1. 你的用戶就是你的靈感源泉

如果你讀過有關厭惡改變的文章,你很可能看過下面這樣的圖表:

谷歌翻譯改版設計的3個用戶體驗要點(設計英語精讀)

這個圖展示出了改變設計后可能出現的不同結果,但它不能幫助你預測結果。這種缺乏清晰度和控制力的狀態最初讓我感到沮喪,但通過每次迭代實驗,我意識到我們的用戶自然而然地引導我們通過他們的行動和反饋來達到最好的結果。

在我們的實驗階段,谷歌翻譯的網站收到了用戶們提交的從讚美到吐槽的反饋意見。這本書並不總是容易閱讀,我和我的團隊花了幾個小時儘可能多的去閱讀它們,並通過修復bug和調整設計作出回復。

例如:通過閱讀評論,我們意識到我們無意中改變了一些元素的標籤順序,這降低了我們日常用戶的使用效率,所以我們把它改回來了。同樣地,當我們聽到人們更喜歡在屏幕中看到更多的信息時,我們加強了頁面的信息密度。

在向真正的用戶展示完美的設計之前,人們很容易對其着迷。 但是更好的做法是專註於設計一個分階段的實驗計劃,這個計劃允許你收集並回應用戶的大規模反饋。 只要您有這樣做的機制,您的用戶就會幫助您解決這個問題。

2. 通過可用性測試尋求問題可能是一個陷阱

通過可用性測試可以幫你找到的新設計中最大的問題,並給你的設計方向提供一個粗略評估。通常情況下,這些研究是在低樣本量的情況下進行的——只有12個或更少的參與者。 雖然通過可用性測試能知道參與者們更喜歡哪種設計,但這個結果在統計學上並不可靠,可能會誤導你產生一種錯誤的安全感。

我們為谷歌翻譯的新網站做了幾輪定性用戶研究,在早期發現並糾正了一些可用性問題。我們還統計了參與者對設計方案的偏好,他們大部分都更喜歡新版本。但是我們盡量避免從偏好數據中去總結強有力的結論,和往常一樣——在我們推出新版本之後,用戶偏好的實際分佈並不完全符合我們在早期用戶測試中看到的情況。

3. 讓A/ B 測試幫助你進行判斷

隨着新的設計,我們希望給谷歌翻譯的網站帶來更多的活力。在我們早期的設計中,我們使用了多色彩的圖標(由有才的Alexander Mostov設計),但是在我們的移動應用程序中對這些設計資源的早期實驗並沒有顯示出好的結果。所以我們放棄了多彩方案,轉而使用更簡單的 Material 圖標。

谷歌翻譯改版設計的3個用戶體驗要點(設計英語精讀)

翻譯結果的藍色和灰色背景

同時我們使用了一些個性化設計,既通過藍色背景來突顯白色文本,就像我們總是顯示在移動應用程序中使用的方法一樣。這讓較長的翻譯更容易閱讀,當用戶的查詢達到一定長度后,我們自動的將文本和背景顏色更改為黑色而非灰色。

但是我們的一些隊友仍然不相信藍色背景的作用,這時 A / B 測試起到了關鍵作用。

我們並排進行了兩個實驗:一個使用上述自適應的方法,另一個總是在灰色背景上顯示黑色文本的翻譯。最後的結果是令人信服的——藍色背景實驗中的用戶使用翻譯的次數較少,可能是因為他們不喜歡這樣。最終我很難過地放棄了藍色版本,但是我們找到了其他方法來讓網站看着漂亮,例如在宣傳卡片和空白狀態上使用插圖。

重新設計項目可能是很困難的。無法預期到用戶的反應是挺可怕的,但通過重新設計谷歌翻譯的網站,我學到的是,與其試圖阻止或控制人們對改變的厭惡,不如把它作為設計過程中的一個重要部分來接受,這樣會有更好的成效。

通過設計一個精心策劃的展示方案,讓用戶提交反饋,這樣你可以從那些最重要的人(真實用戶)那裡獲得大規模的有價值數據,從而幫助你做出更好的設計決策。

 

作者:Pendar Yousefi

原文鏈接:https://medium.com/google-design/3-ux-takeaways-from-redesigning-google-translate-3184038f43bf

譯者:湯圓,公眾號:包你嗨設計英語學習社區

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《谷歌翻譯改版設計的3個用戶體驗要點》
文章链接:https://www.pmbear.com/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%ad%af%e6%94%b9%e7%89%88%e8%a8%ad%e8%a8%88%e7%9a%843%e5%80%8b%e7%94%a8%e6%88%b6%e9%ab%94%e9%a9%97%e8%a6%81%e9%bb%9e/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们