【文思不藏私】Google UX Playbook～新聞內容類設計指南

https://services.google.com/fh/files/events/pdf_news_ux_playbook.pdf

最近看到 Google UX Playbook 很有感，也來跟風翻譯一些重點。因為 KKTV 也算是一個內容應用產品，所以我就來整理一下 Google UX Playbook 中對新聞、內容類產品的設計指南。

新聞內容類設計指南重點摘要

Google UX Playbook 將設計指南分為六大區塊，分別是：首頁／著路頁面、選單／導覽頁、搜尋、分類頁、新聞/文章頁、登入／註冊／訂閱。

請特別注意，在 Google UX Playbook 中一直提醒『All recommendations should be A/B tested!』（設計指南中的建議都需要做 A/B 測試），因為不同的產品模式，不同的使用者習性就可能有不同的結果，千萬不要一窩蜂照本宣科。

首頁／著路頁面（Home / Landing Page）

1. 提供單一頭條新聞，並且移除自動動態版位（Feature a single top story and remove automatic carousels）：【實作易】【成效高】【衡量指標：跳出率】（ Bounce rate）
2. 將 Call To Action (CTAs) 置於版位區塊之下（Additional CTAs below the fold） ：【實作易】【成效中】【衡量指標：轉換率】（ Conversion Rate; CVR）
3. 顯示非干擾式廣告（Display ads non-intrusively）： 【實作易】【成效高】【衡量指標：跳出率】
4. 讓新聞內容更容易被快速瀏覽（Make news easily scannable）： 【實作中】【成效高】【衡量指標：停留時間，瀏覽次數】。【建議作法】：列表式清單呈現方式比網格式清單更容易被快速瀏覽。
5. 將新聞內容分門別類（Organize news by section）：【實作中】【成效中】【衡量指標：停留時間，瀏覽次數】。【建議作法】：提供獨立區塊呈現即時新聞。

選單／導覽頁（Menu & Navigation）

1. 提供綜合的選單（Show consolidated menu）： 【實作中】【成效高】【衡量指標：瀏覽次數／深度】。【建議作法】：不要站超過 1/5 版位。
2. 讓登入／註冊更明顯（Login / register easily accessible）：【實作中】【成效高】【衡量指標：註冊率／回訪率】
3. 增加類別到主選單中（Add categories to main menu）： 【實作中】【成效中】【衡量指標：瀏覽次數／深度】
4. 增加次要隱藏式選單（Add secondary hidden menu）： 【實作中】【成效中】【衡量指標：點擊率／深度】
5. 增加重點區域到首頁以便快速檢索（Add key areas to homepage for quick access）： 【實作中】【成效中】【衡量指標：瀏覽次數／點擊率】
6. 建立可展開區塊或分類選單（Organize expanded menu by sections or categories）： 【實作中】【成效中】【衡量指標：瀏覽次數／深度】

搜尋（Search）

1. 加入搜尋（Include search）：【實作高】【成效高】【衡量指標：搜尋貢獻的流量／轉換率】
2. 讓搜尋更明顯（Make search visible）：【實作易】【成效高】【衡量指標：搜尋貢獻的流量／搜尋深度】
3. 加入自動填字／歷史紀錄建議（Enable auto-complete (history-based search suggestions）：【實作易】【成效高】【衡量指標：搜尋跳出率／搜尋深度】
4. 增加搜尋建議（Add search suggestions）：【實作中】【成效高】【衡量指標：搜尋跳出率／搜尋深度】
5. 顯示搜尋結果筆數（Display number of search results）：【實作中】【成效中】【衡量指標：搜尋跳出率／搜尋深度】
6. 實作拼字檢查（Implement spelling correction）：【實作中】【成效中】【衡量指標：搜尋跳出率／搜尋深度】
7. 就算沒資料也要有相關資料（Always return search results）：【實作中】【成效中】【衡量指標：搜尋跳出率／搜尋深度】

分類頁（Category Pages）

1. 在區塊上方顯示明顯的類別標題（Display clear category title at the top ）：【實作易】【成效高】【衡量指標：停留時間／跳出率】
2. 讓類別相關頭條更明顯（Highlight top story related to the category） ：【實作易】【成效高】【衡量指標：停留時間／跳出率】
3. 允許使用者更容易切換子類別（Allow user to switch easily between sub-categories）： 【實作中】【成效中】【衡量指標：瀏覽次數／點擊率】

新聞／文章頁（News / Article Pages）

1. 增加社群分享選項（Add social share options）：【實作易】【成效高】【衡量指標：點擊率】
2. 連結到相關內容（Link to related content）：【實作易】【成效高】【衡量指標：瀏覽次數／點擊率】
3. 讓內容連結更易於識別（Make links easily identifiable）：【實作易】【成效高】【衡量指標：瀏覽次數／點擊率】
4. 實作 AMP（Implement AMP technology）：【實作中】【成效高】【衡量指標：跳出率／停留時間】
5. 採用 AMP 和 PWA（Consider AMP & PWA）：【實作高】【成效高】【衡量指標：跳出率／停留時間】
6. 增加估計閱讀時間（Add estimated reading time）：【實作中】【成效中】【衡量指標：停留時間】
7. 便於在文章中切換（Easily switch between articles）：【實作中】【成效中】【衡量指標：瀏覽次數／點擊率】

登入／註冊／訂閱（Sign In/Up & Subscribe）

1. 實作一鍵登入／註冊（Consider implementing One Tap Sign In & Sign Up ）：【實作中】【成效中】【衡量指標：註冊率】
2. 讓試用者可以使用 ：【實作中】【成效高】【衡量指標：轉換率／離開率】
3. 採用 Google Pay（Simplify payments with Google Pay）？：【實作中】【成效高】【衡量指標：轉換率】
4. 增加社群登入功能（Enable social login）：【實作中】【成效中】【衡量指標：點擊率】
5. 減少填寫表單數量（Reduce number of fields）：【實作中】【成效中】【衡量指標：表單完成率】
6. 即時資料驗證（In-line real time validation）：【實作中】【成效中】【衡量指標：表單完成率】
7. 實作自動填入功能（Enable auto-fill）：【實作中】【成效中】【衡量指標：表單完成率】
8. 讓付費升級選項更明顯（Make premium option visible）：【實作中】【成效中】【衡量指標：轉換率／點擊率】

Google UX Playbook 建議指南

Retail（零售業）

• https://services.google.com/fh/files/events/pdfretailux_playbook.pdf

Travel（旅遊業）

• https://services.google.com/fh/files/events/pdftravelux_playbook.pdf

Finance（金融業）

• https://services.google.com/fh/files/events/pdffinanceux_playbook.pdf

RealEstate（不動產業）

• https://services.google.com/fh/files/events/pdfrealestateux_playbook.pdf

News & Content（新聞 & 內容）

• https://services.google.com/fh/files/events/pdfnewsux_playbook.pdf

LeadGen（潛在客戶）

• https://services.google.com/fh/files/events/pdfleadgenux_playbook.pdf

【請用你的掌聲來投票與支持】
感謝你認真的讀完這篇文章，你的支持會是我持續寫作的動力
如果你還喜歡這篇文章請給我 1~4 個『掌聲』
如果這篇文章對你有幫助請給我 5 個以上『掌聲』
【文思不藏私 Facebook 粉絲專頁】
如果你對我這一系列文章有興趣歡迎『Follow』我或『分享』給你的朋友
也歡迎你將你的看法『回覆』給我
【2018 書坑待辦清單】
【誰是文思？】