網頁設計案例:Google Translate改版給我們帶來什麼啟示

網頁設計案例:Google Translate改版給我們帶來什麼啟示 - 網頁設計, 網站設計, 網頁方案, Website Design, 網絡推廣

網站改版對SEO優化的影響可大可小,但網站運營一段時間後,為了滿足市場和用戶的需求,網站改版也是無可厚非的。而作為Google「最成功」的產品之一,本次Google Translate帶來了外觀上和功能上的改進。那麼,Google Translate的改版給網頁設計師和開發人員有什麼啟示呢?
Google Translate改版內容:
· 外觀
網頁設計案例:Google Translate改版給我們帶來什麼啟示
新版Google Translate的外觀與其他Google產品保持一致,都是採用MD風格,網頁排版、字體以及布局也比舊版更容易使用。文字翻譯旁邊新增了「Documents」的按鈕,方便用戶直接上傳文檔進行翻譯。雖然Google舊版本也有這個功能,但並沒有新版更直觀地表達出來。
· 歷史記錄
網頁設計案例:Google Translate改版給我們帶來什麼啟示
點擊翻譯框下方的「History」按鈕,右側會彈出用戶曾使用過的翻譯歷史。此外,Google還為每個保存的翻譯添加標籤,為用戶所使用過的語言對翻譯進行分組。
· 保存
網頁設計案例:Google Translate改版給我們帶來什麼啟示
「History」按鈕旁邊的星形按鈕是「Saved」按鈕,點擊後會彈出用戶個人的自定義短語庫,用戶可對已保存的短語進行搜索、排序和導出。
· 屏幕適應
網頁設計案例:Google Translate改版給我們帶來什麼啟示

新版Google Translate能根據屏幕尺寸的變化進行自動調整,方便用戶在不同終端設備上都能獲得極佳的使用體驗。
Google Translate改版對我們有什麼啟示?
一、 以用戶為鏡
產品改版可能會帶來不同類型的結果,而設計和開發人員未必能預測到改版結果。對於改版結果缺乏清晰的認知與控制力,會令設計和開發人員在項目初期感到無所適從。儘管如此,每次改版都可以利用用戶的反饋,修改產品的Bug或調整設計方案,逐漸建立成熟的產品,給用戶帶來驚喜。
二、 定性研究中的陷阱
可用性測試能幫助設計和開發人員發現產品中的重大問題,並給設計方案帶來多方面的評估。
在Google Translate的改版過程中,Google開發人員做過很多定性研究,以此發現和修改設計中的一系列可用性問題。期間Google Translate的工作人員會詢問被測對象對新舊版本設計方案的傾向性,絕大多數都選擇新版方案。但Google Translate對這類傾向性始終保持謹慎,並不想將其作為設計決策的直接依據。
事實證明,新版方案第一次上線測試時,用戶所表達出的傾向性並不像我們在定性研究中所了解到那樣,一直傾向新版方案。
三、A/B測試,可靠的夥伴
儘管Google Translate一直希望其網頁設計具有更好的色彩飽和度,但通過A/B測試中,用戶並不喜歡飽和度如此之高的視覺風格,反而會更偏向於簡潔的 Material Design 風格。
而對於使用高色彩飽和度方面,Google Translate表示會繼續在其他地方嘗試色彩更為豐富的元素,如運營內容卡片或空狀態頁面中使用的插圖等等。
產品改版通常會帶來極大的挑戰,尤其是當你無法預知改版後的結果。但是Google Translate的改版卻告訴我們,既然產品以用戶為主,自然就要讓用戶幫助我們更有效去設計產品,將用戶可能發生的反饋視為設計過程的重要組成部分,而非試圖去控制或避免那些不確定因素。


香港網頁提供一站式數碼營商方案服務,包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務,全方位滿足客戶的業務需要,歡迎隨時聯絡我們,香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk