App 能用卻不好用:如何從使用者任務、介面、訊息到速度一起改善

App「能用」只代表功能存在,不代表使用者能順利完成工作。 比較好的改善順序,是先確認使用者想完成什麼,再找流程摩擦、介面誤導、視覺層級、互動回饋、文字理解、升級說服與速度問題,最後才做整體刪減。漂亮的介面如果還是讓人卡住,產品只是變好看,沒有變好用。

很多 App 的問題不是「不能用」。

功能都有。

按鈕也能按。

資料可以存。

流程最後也走得完。

但使用者就是覺得哪裡不順。

可能是第一次打開不知道要做什麼。

可能是每次操作都要停一下想:「這個按鈕到底會發生什麼?」

可能是畫面很漂亮,卻找不到最重要的功能。

也可能是功能本身沒問題,但點下去要等、狀態不清楚,讓人不敢繼續。

這種「能用卻不好用」的產品,最容易犯的錯,就是直接重做 UI。

目錄 隱藏

第一步:先問使用者到底想完成什麼工作

改善 App 之前,第一個問題不該是「哪個畫面不好看」。

而是:

使用者在什麼情境下打開這個 App?

他想完成什麼?

什麼結果會讓他覺得「這次使用有價值」?

這就是待辦工作理論(Jobs to Be Done)的核心。

例如一個記帳 App,使用者最想完成的可能不是「輸入一筆交易」。

他可能想知道這個月還能不能花。

如果產品把大量力氣放在漂亮的分類圖示,卻讓「快速知道本月剩多少預算」變得很難,功能再完整也會覺得不順。

把使用者工作寫成一句話

可以用這個格式:

「當__發生時,我想要__,這樣我就能__。」

例如:

「當我準備出門前,我想快速知道今天有哪些待辦,這樣我可以安排時間。」

這句話最好不要出現產品名稱。

因為你要描述的是使用者的進展,不是你的功能。

一旦工作定義清楚,後面的介面、文字、速度與功能優先順序才有方向。

先分清楚:是第一次使用就卡住,還是每天用都很累?

這兩種問題看起來都叫「不好用」,改善方式卻不一樣。

如果大量使用者第一次進來就離開,問題通常靠近初次使用:他看不懂產品能幫什麼、第一步太多、權限要求太早,或還沒感受到價值就先被要求註冊與設定。

如果使用者已經留下來,卻每天都覺得麻煩,問題更可能在日常核心流程:步驟太長、常用功能藏太深、狀態不清楚,或每次都要重複輸入同樣資料。

前者要縮短「第一次感受到價值」的距離;後者要降低高頻任務的摩擦。不要把兩種問題混在一起,否則很容易用新手教學去修一個其實是日常流程太累的問題。

第二步:找出讓人停下來想的地方

Jakob Nielsen 的可用性原則很適合拿來做第一輪檢查。

不要只問「喜不喜歡」,要看:

系統狀態清不清楚?

用詞是不是符合使用者熟悉的語言?

使用者有沒有控制權?

介面是否一致?

錯誤能不能預防?

重要資訊是否容易辨認?

有沒有不必要的記憶負擔?

發生錯誤時,訊息有沒有告訴他怎麼修?

這些問題比「按鈕要不要換顏色」更值得先處理。

嚴重度要看「影響多大 × 出現多常」

有些問題看起來很醜,但只出現在很少人使用的設定頁。

有些問題外觀看起來不嚴重,卻每天讓大量使用者卡住。

優先順序應該放在後者。

例如:

註冊流程有一個欄位大家看不懂。

儲存後沒有任何回饋。

主要功能入口藏在第二層選單。

刪除按鈕和編輯按鈕貼太近。

這些都可能比整體配色更值得先修。

改善優先順序要有證據,不要只靠內部覺得

產品團隊每天都在看自己的 App,很容易把熟悉當成「大家都懂」。

所以排改善順序時,最好同時看幾種證據:客服工單、使用者訪談、螢幕錄影、漏斗掉點、錯誤紀錄,以及實際使用頻率。

如果一個問題在客服反覆出現、又剛好發生在核心流程,優先級就應該很高。

相反地,一個只有團隊自己在意、使用者幾乎碰不到的視覺細節,就算改起來很容易,也不該先搶走時間。

改善順序應該先看「哪個最影響使用者完成工作」,不要只挑最好改的項目。

第三步:如果大家一直做錯,先看是不是設計誤導

《The Design of Everyday Things》提醒設計者,很多「使用者錯誤」其實可以往回追到介面。

如果很多人都在同一個地方按錯,就不要只叫大家看教學。

要檢查:

按鈕看起來像不像可以按?

控制項和它影響的內容是否靠近?

危險操作能不能撤銷?

不合法的選項能不能直接限制?

操作之後有沒有清楚回饋?

如果你想深入看這套方法,可以延伸閱讀 The Design of Everyday Things:為什麼不是使用者笨,而是設計讓人看不懂。

錯誤訊息不要只寫「發生錯誤」

好的錯誤訊息至少要回答兩件事:

發生什麼?

接下來怎麼做?

例如:

「付款失敗,請確認信用卡資料或改用其他付款方式。」

就比「Error 403」更有用。

能預防的錯誤,最好在發生前就處理。

例如日期欄位用日期選擇器,而不是讓使用者自由輸入任意格式。

第四步:視覺改善要先處理層級,不是先換風格

App 看起來業餘,常常不是因為缺少特效。

更常見的是視覺層級亂掉。

所有文字差不多大。

每個按鈕都一樣顯眼。

區塊間距忽大忽小。

表單寬度沒有規則。

顏色太多,每個地方都在搶注意力。

比較好的改善順序,是先用大小、粗細、間距、對齊和留白建立層級,再決定顏色。

Apple 在新版 Human Interface Guidelines 也再次強調簡潔、熟悉、一致、清楚層級與可預期互動。

每一個畫面最好只有一個最重要的動作

如果一個畫面有五個同樣顯眼的按鈕,使用者就要自己判斷哪個最重要。

可以先問:

這個畫面最希望使用者完成什麼?

那個動作應該有最清楚的視覺層級。

其他次要動作可以保留,但不要和主要動作搶注意力。

第五步:微互動要讓使用者知道系統有收到

按下儲存,畫面完全沒變。

送出表單,不知道有沒有成功。

切換開關,狀態過了兩秒才更新。

這些都會讓 App 感覺「死掉」。

微互動(Microinteraction)的價值,是在使用者碰產品的瞬間,給出剛好的回饋。

例如:

按鈕按下後立刻改成「儲存中…」。

操作成功後在原本位置顯示完成狀態。

切換設定時,控制項立即反映新狀態。

檔案上傳時顯示進度。

Apple 的介面指南也把清楚、一致的回饋視為讓人保持掌控感的重要原則。

回饋要靠近操作,不要什麼都丟到提示訊息

如果使用者按的是某個按鈕,最直覺的回饋通常就在那個按鈕附近。

例如「儲存」變成「儲存中…」,比畫面角落跳出一個短暫通知更容易理解。

通知、震動、動畫都不是越多越好。

它們要和事件重要程度相稱。

第六步:把應用程式裡的文字改成使用者會說的話

很多產品的功能本身不難,卻被太像內部文件的文字弄得很難懂。

例如:

「建立實體」

「執行同步作業」

「提交資源」

這些詞可能對工程團隊很自然,對使用者卻不一定。

好的介面文字要具體。

按鈕最好說明會發生什麼。

錯誤訊息要說怎麼修。

空白狀態要告訴人下一步。

工具提示要回答當下問題,不要寫成產品說明書。

每個畫面只需要傳達一個主要意思

如果首頁要同時解釋產品定位、教功能、推升級、發公告、邀評價,使用者很容易不知道先看哪裡。

可以先替每個畫面寫一句:

「這個畫面最重要的是讓人__。」

只要那句話答不出來,畫面通常還需要刪東西。

第七步:付費與升級介面要能說服,但不能靠暗招

付費牆、試用到期、升級提示本來就可以做說服。

但證據要是真的。

稀缺要是真的。

價格要看得懂。

取消與返回不能故意藏起來。

可以使用社會證明、權威、承諾一致性或互惠等心理原則,但前提是使用者仍然清楚知道自己在選什麼。

如果一個設計只有在使用者「沒有發現你在做什麼」時才有效,就應該重新檢查。

第八步:速度是 UX,不是工程部門自己的事

App 畫面再漂亮,如果按下去等兩秒才有反應,使用者一樣會覺得不好用。

對 Web App 而言,目前 Core Web Vitals 仍然可以作為基本參考:

LCP 2.5 秒內。

INP 200 毫秒內。

CLS 0.1 以下。

這些數字不是為了考試。

它們對應的是使用者感受到的載入速度、互動反應與畫面穩定。

如果你想拆解網站和瀏覽器效能,可以延伸閱讀 High Performance Browser Networking:網站速度慢,真正瓶頸可能不在主機。

有些延遲消不掉,就先把「等待感」設計好

網路延遲不一定能完全消失。

這時可以用:

骨架畫面。

樂觀式介面。

分段載入。

明確進度。

讓使用者知道系統仍然在工作。

但這些方法不能拿來掩蓋真的很慢的後端問題。

第九步:最後做一次「從零使用」的殘酷檢查

產品團隊每天看自己的 App,很容易對問題失去感覺。

所以最後要假裝自己第一次用。

從下載或登入開始。

不要跳步。

不要使用你腦中知道的捷徑。

記錄:

多久看懂這個產品是做什麼的?

幾步能完成第一個有價值的任務?

哪裡需要停下來想?

哪個功能可以直接拿掉?

哪些細節看起來像「做到能用就停了」?

這種冷啟動檢查,常常比再開一次功能腦力激盪更有用。

改善應用程式的順序,比改善項目本身更重要

如果 App 有很多問題,不要同時亂改。

可以依這個順序:

一、確認使用者最需要完成的工作。

二、先修最嚴重、最常發生的流程摩擦。

三、把容易做錯的地方改成不容易做錯。

四、整理視覺層級與一致性。

五、補齊操作回饋與狀態。

六、把文字改成人看得懂的語言。

七、檢查付費與升級是否透明、可信。

八、處理使用者實際感受到的速度。

九、最後從頭走一次,砍掉不必要的東西。

這個順序能避免團隊先做最顯眼、卻不一定最重要的改版。

怎麼知道改善真的有效?

每一個改動最好都對應一個可觀察結果。

例如:

註冊流程縮短後,看完成率。

錯誤訊息重寫後,看重複失敗率。

主要按鈕層級調整後,看核心任務啟動率。

速度改善後,看 INP、LCP 與實際流失。

新升級頁上線後,看升級率,也看退款與取消。

不要把「大家覺得比較漂亮」當成唯一驗收標準。

應用程式變好用,通常不是靠一個大改版

成熟的產品改善,比較像持續找出阻力。

今天修一個使用者一直找不到的入口。

下週把一個容易誤按的操作改成可撤銷。

再下一輪把最慢的互動縮短。

同時持續看真實使用者到底還卡在哪裡。

如果每一次改善都有證據、有優先順序、有對應指標,產品會慢慢從「功能都在」變成「用起來順」。

常見問題

應用程式不好用,第一步是不是先重做介面?

不建議。先確認使用者要完成的工作,再看流程摩擦、錯誤、狀態與資訊架構。視覺重做如果沒有對應真實問題,很容易只是換皮。

功能很多但使用率低,應該加教學嗎?

不一定。先看功能入口、命名、操作提示和使用情境是不是清楚。如果每個人都需要看教學才能完成基本工作,設計本身通常還有改善空間。

微互動越多,應用程式就越有質感嗎?

不一定。微互動的重點是回饋與狀態,不是動畫數量。過多動效反而會增加干擾,重要的是在需要回饋的時刻給出剛好的反應。

速度問題只需要工程師處理嗎?

不是。速度會直接影響使用者體驗、信任與完成率。產品、設計與工程應該一起決定哪些互動最重要,以及使用者能接受多少等待。

怎麼決定改善優先順序?

先看問題嚴重度、發生頻率與對核心任務的影響。讓大量使用者無法完成主要工作的問題,應該排在純視覺瑕疵之前。

參考資料

Clayton M. Christensen, Taddy Hall, Karen Dillon, and David S. Duncan. Competing Against Luck: The Story of Innovation and Customer Choice.
Jakob Nielsen. “10 Usability Heuristics for User Interface Design.” Nielsen Norman Group.
Don Norman. The Design of Everyday Things: Revised and Expanded Edition.
Adam Wathan and Steve Schoger. Refactoring UI.
Dan Saffer. Microinteractions: Designing with Details.
Chip Heath and Dan Heath. Made to Stick: Why Some Ideas Survive and Others Die.
Robert B. Cialdini. Influence, New and Expanded: The Psychology of Persuasion.
Apple. “Human Interface Guidelines: Design Principles.”
web.dev. “Core Web Vitals.”

元氣站長
元氣站長

經營網路事業,賺取持續收入!
網路賺錢修煉,成就理想人生!