想要提高網頁轉換率?試試這 16 個 UI 祕訣

好的 UI 在使用與銷售層面上形成雙贏,UI 設計師 Jakub Linowski 列出 16 點改善 UI 的訣竅,而這份清單仍在繼續累積。
評論
評論

本文原作者加拿大 UI 設計師 Jakub Linowski

優異的 使用者介面(user interface,UI)讓使用者用得順心,從而提高轉換率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。UI 設計師 Jakub Linowski 列出 16 點改善 UI 的訣竅 1,而這份清單仍在繼續累積,有興趣的讀者可以 訂閱 他的電子報,隨時獲得最新的 UI 祕訣。

單欄型式優於多欄

單欄型式讓你更能掌握自己的內容,從頂部到底部一氣呵成,用故事引導讀者,最終是要誘引他們「採取行動」(call to action,下稱 CTA,意指下載或消費等目的);而多欄反而可能導致讀者分心。

不要劈頭銷售產品

「略施小惠」給使用者,販賣的意圖不要設計得太明顯。小小的優惠或禮物,對未來的銷售會帶來大大的幫助。

統一相似的功能,避免支離破碎的 UI

瀏覽網站時,我們很常看到琳琅滿目的元素或特色,但它們的功能毫無二致,而相似的選項太多,只會提高讓使用者無所適從。倘若發現自己的網站內有以不同型式重複相同功能的狀況,不妨考慮重新設計 UI,把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯繫我們)」其實是一樣的意思,應當保留一個選項就好。

使用者見證或提出銷售實據

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

主要目的請反覆強調,別只提一次

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

清楚區別三種功能性(可點擊、已點擊、純文字)元素

可點擊的元素(連結、按鈕)、已點擊的元素、純文字三者彼此應該以顏色、深度或對比等各種設計技巧清楚區隔,讓使用者瀏覽網站暢行無阻。例如左圖,藍色字體是連結,黑色字體是使用者點擊的選項,或者是使用者正在瀏覽的頁面。

突顯推薦方案

如果服務有多種選擇,請把最推薦的方案強調出來,如左圖就將「product X」特別放大,Y、Z 縮小。

善意提醒 vs. 突兀確認

如果使用者更改了某個選項,用一行文字提醒他們可以「復原」就好,無需大費周章設計「再次確認」的跳出視窗。因為多數時候使用者的動作都具有意識,後者太突兀,可能讓使用者覺得被糾正而產生被冒犯的感覺。

清楚闡述目標客群

描繪適合使用你服務或產品的客群,可以連結到更多相似特質的人,同時也讓他們感受自己的獨特性。

肯定,避免猶豫不決

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

採用強烈對比

CTA 應該與眾不同。運用色調、深度、互補色等方式,將 CTA 跟其他網頁元素區隔開來。

產品的誕生地點

說明你、你的產品或服務來自何處,就像在自我介紹一般,賦予人性化的親切感受,而且強調產地或許也會帶來品質保證的效果。

表單問題愈簡化愈好

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

別把選項藏起來

下拉式選單雖然不佔空間,但卻讓選項更難被察覺。適合下拉式選單的問題是可預測性的或者人人皆很熟悉的時間(如出生日期)或地理位置,跟產品或服務有關的重要問題選項,最好並列在頁面明顯的位置上。

連貫順暢的頁面

不要讓使用者產生「已經捲完頁面」而實際上根本還未看到底部的錯覺。製造一種視覺型式或節奏,令使用者得以順利瀏覽完整個頁面,才不會白費苦工。

不要分散焦點

如果你的網頁唯一目的是要觸發使用者捲到底部時「採取行動」,那中間安插的任何連結都可能導致他們分心,甚至將他們帶離你的網站,因此必須小心謹慎的安排連結數量與位置。


洞見機會,創新未來──新創如何用雲端打出一手好牌:AWS Startup Day 7 月 15 日線上重磅回歸

AWS Startup Day 即將於 7 月 15 日重磅回歸,此次不只聚焦新創趨勢與數位應用,更聯合 AWS 創投新創媒合會,提供參與者豐富的資源,所有與新創生態系相關的夥伴都不容錯過。
評論
Photo Credit:AWS
評論

隨著 Web3.0 去中心化的趨勢開展與現在進行式的產業數位轉型浪潮,雲端技術早已成為許多早期新創發展產品或服務的關鍵金鑰,甚至為其奠定高速發展的穩健根基。而台灣雲端服務供應龍頭 AWS(亞馬遜網路服務公司)更自 Web2.0 時代開始就從未缺席,始終在技術新知、應用實務等方方面面致力支持新創,其中最具代表性的免費論壇活動──AWS Startup Day 也即將於今年 7 月 15 日重磅回歸,在線上和參與者相會!

今年度 AWS Startup Day 持續聚焦新創趨勢與數位應用,精心規劃八場新創專題演說,非常適合長期關注新創生態系統的相關人士,或是正要起步、成長的新創夥伴報名參加。

立即報名 2022 AWS Startup Day!

五大特色議程安排,給你滿滿新創觀點與技術乾貨

Photo Credit:AWS

「新創如何運用雲端科技打出一手好牌,投注資源延續未來業務?」這是今年 AWS Startup Day 欲探討的核心議題之一。為解答雲端科技之於新創企業的珍貴價值,AWS 以「國際市場」、「創投趨勢」、「多元創業」、「雲端技術」、「焦點產業」等五大特色精心規劃講座內容,完整收錄新創趨勢脈動、雲端技術實務、佈局策略觀點與創投媒合等新創事業歷程的重要節點。為此,AWS 不只力邀 Web3.0、電商、串流、B2B 解決方案等不同領域的新創合作夥伴,分享選擇 AWS 開展新創事業的策略考量,更毫不藏私地解析雲端技術如何快速又穩定的開拓事業。

Photo Credit:AWS

無論新創還是育成,想要洞見機會就不能錯過 AWS Startup Day

Photo Credit:AWS

任何產業或技術的發展,不單要前人的引領,也需要後繼者無窮盡的創新思維與打破框架的勇氣,缺乏其中一個環節,生態系都無法平衡永續。所以無論是天使創投、孵化器,還是剛起步或處於早期新創的企業,只要你身為新創生態系統中的一份子,渴望尋求創意突破或開展新興業務,AWS Startup Day 都是你絕對不能錯過的最佳活動。

填單取得 2022 AWS Startup Day 免費入場券!

尋找下一個新創獨角獸──同場加映 AWS 年度創投新創媒合會

本次 AWS Startup Day 除新創及創投相關講座外,AWS 更直接邀請多家國際及台灣知名創投公司,與 AWS Startup Day 同場舉辦今年度唯一的線上「新創創投媒合會」,欲透過串聯本地深具潛力的新創與創投,幫助台灣新創企業獲得更豐富的資源,孕育下一個獨角獸。

根據 AWS 釋出的消息,媒合會將以早期天使輪或 Pre-A 輪融資為主,重點關注 AI/ML工具和平台、智能零售、MarTech、Web3.0、媒體和娛樂等產業,並以快速輪流的形式替新創獲得最大的曝光。

立即報名 2022 AWS Startup Day,共構台灣新創生態系統!