網站改版後,畫面變漂亮了,功能也重新整理。企業原本期待使用者能更快完成操作,上線後卻開始收到這些反應:
「原本的功能跑去哪裡了?」
「我只是照平常的方式按,怎麼送出了?」
「以前一下就找得到,現在每次都要重新看。」
這些反應不一定代表新版設計比較差,也不能只歸因於使用者不願意適應。
當網站已經累積固定用戶,改版需要處理的,除了新介面是否好用,還包括使用者如何從原本的操作習慣,順利轉換到新的流程。
對會員網站、企業後台、線上申請與預約系統來說,這件事尤其值得在規劃階段一起考慮。
- 就像品牌換 Logo,網站改版也需要保留辨識線索
- 功能換位置,就像超市重新擺放商品
- 哪些改動,影響很大?
- 不過有些功能難找,可能是因為不希望你使用
- 測試時,新版時,讓新用戶與舊用戶都參與
- 測試新版時,不要過度仰賴廠商
- 好的改版,會把新舊流程之間的銜接一起規劃
本文章目次
就像品牌換 Logo,網站改版也需要保留辨識線索
假設你經常購買的品牌,突然把 Logo、顏色、字體與包裝全部換掉。
商品明明就在眼前,你卻可能找了一圈,還以為店家沒有進貨。因為你原本熟悉的辨識線索,已經不見了。
品牌更新時,可以透過保留代表色、圖形輪廓或名稱的呈現方式,幫助老客戶把新舊形象連在一起。
網站也有類似的情況。
使用者記得的,可能是「右上角可以登入」「左邊可以查訂單」,或「填完資料後,按右下角就能儲存」。
這些位置、名稱與操作順序,都是使用者認識網站的方式。
這不代表 Logo 或網站只能小幅調整。當原本的設計已經不符合需求,大改也可能有必要;只是改變越多,越需要考慮如何讓使用者重新辨認與適應
功能換位置,就像超市重新擺放商品
你經常去同一家超市,知道牛奶在哪一排、衛生紙在哪個角落,不用特別看指標,也能找到。
某天超市重新裝潢,商品全部換位置。新動線也許更合理,但熟悉原本擺設的你,還是得重新找。
這時,如果原本的位置放了一張告示:「牛奶已移至冷藏區入口」,就能少繞一些路。
網站改版也是如此。
例如,原本首頁就能下載的文件,改版後統一整理到「資源中心」。分類可能更完整,但老用戶不一定知道新的名稱代表什麼。
除了設計新入口,也可以依需求在原位置保留連結或提示,讓使用者知道功能移到哪裡。
重新安排功能時,也要把前往新位置的引導一起規劃。
對新用戶來說,這是一個第一次接觸的網站;對老用戶來說,卻是一個需要重新學習的網站。兩種使用情境,都值得在改版時納入考量。
哪些改動,影響很大?
買進、賣出、結帳:
找不到一篇文章,與不小心送出一筆交易,影響差很多。
因此,改版時特別需要注意兩種功能:使用者經常操作的,以及操作後影響較大的。
經常使用的功能,容易形成習慣;影響較大的功能,則需要讓人清楚理解操作結果。當一個功能同時符合這兩個條件,就更值得思考,修改真的好嗎?
買進與賣出,按鈕位置交換可能讓結果完全相反
假設你每天使用同一個交易介面,已經習慣左邊是買進、右邊是賣出。
改版後,兩個按鈕的位置對調了。你照平常的方式點下去,原本想增加持有的股票,卻進入賣出流程;如果後續也沒有留意確認,就可能送出與原本意圖相反的交易。
這類介面除了要讓文字清楚,也需要考慮按鈕位置、目前的交易方向,以及送出前呈現的確認資訊。
畫面上只是交換兩個按鈕,對使用者來說,卻是兩個完全不同的決定。
如果確實需要調整位置,就應一起評估如何讓變化容易被發現,以及使用者能否在送出前確認交易方向、標的與數量。
儲存、發布、取消與刪除,也需要清楚區分
企業後台同樣有需要小心的操作。
例如,原本右下角是「儲存草稿」,改版後同一個位置變成「立即發布」。使用者依照平常的習慣點下去,才發現內容已經公開。
又或者,「返回上一頁」與「取消申請」的文字、位置太相近,使用者只是想回頭修改資料,卻結束了整個申請流程。
這些功能需要讓人清楚理解:操作的是哪個項目、按下後會發生什麼,以及是否還能修改或復原。
「確定」「送出」「取消」雖然簡短,但放在不同情境中,意思可能差很多。適當寫明「儲存草稿」「確認送出申請」「取消這筆訂單」,能讓操作結果更容易判斷。
不過有些功能難找,可能是因為不希望你使用
前面談的是改版時,沒有充分考慮使用習慣而造成的困擾。但還有另一種情況:某個功能不好找,可能正好符合經營者的期待。
想像一個購物網站,「加入購物車」「立即結帳」非常醒目,退貨入口卻藏在好幾層選單裡;或是一項訂閱服務,加入只要幾下,取消卻得反覆尋找、確認,甚至另外聯絡客服。
當購買很容易、退出卻很困難,就值得反思:這些步驟是在協助使用者確認決定,還是在增加阻力,希望他最後放棄?
當然,退貨需要確認商品、訂單與退款資訊,有些步驟確實有必要。單憑入口難找,也不能直接認定網站刻意阻擋。
UI/UX 設計會影響使用者的選擇,也反映企業如何對待這些選擇。
讓人容易購買,也讓人看得懂如何退貨;清楚說明加入的方式,也提供能找到的取消入口。這些體驗,都可能影響使用者是否願意再次信任這個品牌。
測試時,新版時,讓新用戶與舊用戶都參與
測試新版時,不要過度仰賴廠商
第一次使用的人,可以幫助確認入口與文字是否容易理解;熟悉舊版的人,則能協助找出哪些調整會影響原本的操作習慣。
測試時,可以設定具體任務,例如「找到某份文件並下載」或「修改資料後儲存為草稿」,觀察使用者能否自行完成。
比起只問「新版好不好看」,更值得記錄的是:他在哪裡停下來?第一次點了哪裡?有沒有誤按?出錯後,能不能自己找到解法?
這些測試,需要網站製作團隊與企業端共同參與。
製作團隊需要檢查功能、流程與不同裝置的操作是否正常;企業窗口與實際使用者,則更熟悉日常工作、業務規則與舊版習慣,能協助確認網站是否符合真實使用情境。
因此,專案規劃時,應預留企業端試用、彙整意見與調整的時間,並由窗口協調相關人員參與。
製作團隊完成必要的測試,企業端也帶入實際情境驗證,才能更完整地找出上線前需要調整的地方。>>兩邊都要執行測試,才能避免悲劇。
好的改版,會把新舊流程之間的銜接一起規劃
從 Logo 更新、功能移位,到買賣、結帳與退貨,看似不同的情境,都與使用者能否理解眼前的選擇有關。
改版時,要考慮老用戶能否找到熟悉的功能;涉及交易與付款時,要讓人清楚知道按下後的結果;當使用者想取消或退貨,也應提供容易理解的處理方式。
網站規劃除了確認「使用者能不能完成企業期待的動作」,也值得多問一句:
當他想修改、取消,或做出不同選擇時,這個網站是否同樣清楚、好用?
這些細節,會逐漸累積成使用者對網站、也對品牌的感受。
如果企業正在規劃網站改版,夏木樂可以協助您,先從常用功能與重要操作開始,盤點既有使用習慣、流程變更與測試需求,讓新版網站更貼近實際使用情境。