優異使用者介面(UI)讓使用者用得順心,提高轉換率,形成使用與銷售雙贏。UI 設計師 Jakub Linowski 列出 16 點改善 UI 訣竅(清單持續更新中),有興趣可訂閱電子報獲取最新秘訣。
單欄讓你掌握內容節奏,從頂至底一氣呵成,用故事引導讀者,最終誘引「行動呼喚」(CTA:下載/消費等);多欄易分散注意力。

「略施小惠」給使用者,銷售意圖別太明顯。小優惠/小禮物,對未來銷售大有幫助。

常見琳瑯滿目元素功能卻毫無二致,相似選項過多只會讓使用者無所適從。發現網站有不同形式重複相同功能,應重新設計 UI 整合。如圖:「Customer Service」與「Contact Us」實為同義,保留一個即可。

「社會認同」是刺激轉換率好策略。自己再天花亂墜終究自吹自擂,使用者見證或數字實據才有效。

希望使用者點擊的連結/按鈕(購買/下載),別只出現一次。可放在單欄頁面頂端與底部,或多頁呈現。

可點擊元素(連結/按鈕)、已點擊元素、純文字三者應以顏色、深度、對比等清楚區隔,讓使用者瀏覽暢行無阻。例:藍色字體為連結,黑色為已點擊或當前頁面。

服務有多種選擇時,請強調最推薦方案。如圖將「Product X」放大,Y、Z 縮小。

使用者更改選項時,用一行文字提醒可「復原」即可,無需大費周章設計「再次確認」彈窗。多數操作具意識,彈窗太突兀,易讓使用者覺得被糾正而產生冒犯感。

描繪適合使用你服務/產品的客群,能連結更多相似特質的人,同時讓他們感受獨特性。

語氣直接肯定,優柔寡斷是大忌。訊息中出現「也許」、「有趣嗎?」、「想要嗎?」等疑問字眼,在顯示自信與權威上還有進步空間。

CTA 應與眾不同。運用色調、深度、互補色等,將 CTA 與其他元素區隔。

說明你/產品/服務來自何處,如同自我介紹,賦予人性化親切感,強調產地或許也帶來品質保證效果。

註冊表單太雜,使用者易不耐煩半途放棄,問題盡量少而精簡。

下拉選單雖不佔空間,但讓選項更難被察覺。適合下拉選單的是可預測或人人熟悉的項目(如出生日期、地理位置);與產品/服務相關的重要選項,最好並列在頁面明顯位置。

別讓使用者產生「已卷完頁面」卻實際未見底部的錯覺。製造視覺型式或節奏,令使用者順利瀏覽完整頁面,不白費苦工。

若網頁唯一目的是觸發使用者卷到底部「行動」,中間插入的任何連結都可能導致分心、甚至帶離網站,必須謹慎安排連結數量與位置。

原文:Jakub Linowski | 譯文:Inside