想要提高網頁轉換率?試試這 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 跟其他網頁元素區隔開來。

產品的誕生地點

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

表單問題愈簡化愈好

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

別把選項藏起來

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

連貫順暢的頁面

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

不要分散焦點

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


【線上找中古屋】海量物件都在這,樂屋網「三大進階功能」讓看房更省力

買房時,先從網路上的找房平台篩選一輪,再去現場實地看屋,更能事半功倍。在地經營超過 13 年的網路平台「樂屋網」,房源囊括信義房屋、住商不動產等各大房仲品牌,提供全國中古屋行情資訊,還有個人化排序、找屋管家等獨家功能。想快速找到心目中理想的家,其實真的沒有那麼難。
評論
Photo Credit:TNL BrandStudio
評論

房價狂漲、薪水凍漲,小資族整天忙忙忙,好不容易存點錢想買房,在時間和預算都有限的情況下,該怎麼著手才好呢?

若還沒有明確目標,想要多方比較,「線上找屋」或許是個不錯的選擇。尤其適合想利用零碎時間的忙碌小資族,可以隨時隨地、拿起手機想看就看,省時又省力。

購屋平台的好選擇:樂屋網

相較於眾多線上找屋平台,各家網站操作模式略有不同,有些介面雜亂、有些功能並不完備。「樂屋網」提供的是房仲資訊平台服務,能同時比較很多網站上的物件,房源包含信義房屋、永慶不動產、住商不動產、中信房屋等全台知名房屋仲介,光是物件就超過 20 萬筆,不僅可以在樂屋網上瀏覽、搜尋各個不同地區,還能同時比對相關房仲資訊,例如待售、待租、新成屋、建案與土地等不動產物件資料。

樂屋網的介面簡潔,特別適合「新手買房族」,只要設定好特定條件,像是售價、坪數、格局、車位等條件,一鍵便能篩選出最符合需求的物件,並針對使用需求,將房子進行優先排序。

事實上,想要利用網路成功找出心中好房,不妨在挑選「線上找房」平台時把握以下原則:越多房源的越好、能用越多特定條件搜尋的越好、個人化服務越多的越好、交易資訊揭露越多的越好,方便比較一眼看出物件素質優劣。

而樂屋網除了有搜尋物件、瀏覽房屋詳情照片、預約看屋、即時與賣家通訊等基礎功能,還有暗藏「三大進階功能」讓看房更輕鬆有效率。

 Photo Credit:樂屋網

樂屋網獨有三大進階功能:房子比比看、找屋管家、實價登錄頻道

首先是房子比比看。同路段或鄰近區域,或多或少都會看到相似的總價、屋齡、房屋類型或坪數,挑選起來真是天人交戰。若有大量不同的房子想比較,此時用樂屋網的房子比比看功能,宛如訂房網站直接可以比一比。

之後選擇有興趣的物件,點擊「加入比較」按鈕,一次最多可加入四筆物件進行比較,哪一筆物件價格最低、坪數最大、屋齡最新,一目瞭然;也可使用「淡化相同」功能,淡化相同屬性的物件資訊,凸顯其他房子屬性。比較後的物件表格,可直接以 email 、 LINE 、 Facebook 分享給親友一起討論。

選擇自己有興趣的物件,直接點擊【加入比較】,一次最多可加入四筆物件進行比較。/Photo Credit:樂屋網

第二大進階功能是預約看房後、與屋主議價前的找屋管家。議價時最怕資訊不足,除了善用實價登錄調查房屋成交價,利用「找屋管家」列出「成交總價」及「銷售總價」範圍,一表看清該物件的售價及鄰近成交價格落差,協助分析出目前價格的議價率。

同時,也能分析曾關注過的物件特色,以圖表整理出看房需求以及看屋喜好,提供預約物件該地區的市場趨勢,讓使用者更進一步評估該區市場供需狀況。

選擇預約看屋後,直接告訴你該物建的售價及鄰近成交價格,了解議價空間。/Photo Credit:樂屋網
整理你的看房需求,幫助你整理自己的看屋喜好。/Photo Credit:樂屋網

鎖定社區後,可再利用實價登錄頻道,直接翻查細部資料,查詢當地過往的交易狀況。善用這三大進階功能,從樂屋網中挖掘出自己想像的房屋需求,衡量自己的購屋預算、看準購屋區域、了解周邊環境,可省去大部分看房的時間,輕鬆找到好房。

樂屋網實價登錄頻道介面。/Photo Credit:樂屋網

找房,原來可以不用那麼累

好物件稍縱即逝,但人生最重要的交易可能就這一次。除了平日勤做功課熟捻物件資訊之外,不妨多利用樂屋網的「房產快訊」補充相關知識,例如房產新聞、房屋百科、新屋報導、法律常識等,還有不少適合購屋族看的時事論壇、裝潢佈置、開運風水、投資理財等資訊。

或是利用一杯咖啡的時間,收聽樂屋網「一杯咖啡聊買房」 Podcast 節目,聽聽大家分享買房的歷程;另外樂屋網 APP 的介面設計簡潔、清晰明瞭,不管是在 iOS 或是安卓系統的評分都獲得了最高!善用工具、多方收集比較,小資族想要找到心目中的好物件,真的可以不用那麼累。

樂屋網有 Podcast 節目「一杯咖啡聊買房」,利用一杯咖啡的時間,聽聽大家分享買房的歷程。/Photo Credit:樂屋網