Skip to content
← 文章目次 HCYTLOG / 文章與筆記

快與深同路:把「不打擾」與「有話想說」設計成同一個動作

cosGlint 的回饋介面:點一下分數,30 秒後自動送出,想補充的人也能寫文字或撤回。這篇記錄我如何用倒數、動畫和 A/B 測試,讓兩種需求放在同一個流程裡。

快與深同路:把「不打擾」與「有話想說」設計成同一個動作
Photo by Towfiqu barbhuiya / Unsplash
本文目錄

引言

設計回饋機制時,我常在兩個需求之間拉扯:希望使用者能快點完成,也希望想寫的人有地方寫。

大多數人沒有空,也不想被打擾;有些人則願意把心裡的話寫下來。我想讓兩種人都能用同一個介面:只想評分的人可以快點完成,想補充文字的人也不會被攔住。

我在 cosGlint 的回饋機制裡試著兼顧這兩件事,下面是目前的做法。

cosGlint 的設計前提

cosGlint 的後端採用模組化與獨立紀錄,每一個模組、每一筆紀錄都能單獨送出,也能追蹤與回溯。

有了這個基礎,前端的預設操作就能簡單一點:點一下分數,倒數 30 秒後自動送出;你不必等,可以直接離開。

這樣就不用為了送出評分多停留一步。我也在分數下方保留文字框,只要偵測到你開始輸入,就會重新倒數 30 秒。

想補充文字的人也有空間,不必趕在原本的倒數結束前寫完。

可預期性,讓眼睛讀出因果與時間

有人問:既然自動送出了,還需要提醒「你可以離開」嗎?這個問題提醒我,介面要讓人知道接下來會發生什麼。對多數人而言,「自動送出」不一定代表「可以離開」,還得靠提示文字、狀態與出現時機說清楚。

在 cosGlint,我希望畫面能讓人看懂操作之後會發生什麼,不只是顯示秒數。點擊分數後,狀態切換成「已排程送出(30 秒)」,倒數圓環開始轉動;若你輸入文字,倒數重新計時,以明確動效告訴你「你的心聲在優先」。

倒數結束時,會出現送出完成的勾選動畫,再短暫凸顯「可補充/撤回」入口,讓使用者知道還能修改或撤回。提示文字也直接說明下一步:「已記錄你的評分。30 秒後自動送出,你可以直接離開。」

如果你願意寫:「輸入任意文字即可補充,倒數會重算。」這段提示把系統會怎麼做說清楚,使用者就不用自己猜。

微互動的三種提示

這些微互動是為了讓人看懂介面:倒數顯示還剩多久,勾選動畫表示已經完成,短暫凸顯撤回入口則提醒使用者還能改變決定。

這三者,分別對應「時間感」、「因果感」、「掌控感」。

如果把這些感覺拿掉,介面會變得冷淡,使用者知道有東西在發生,但不知道何時、為何、能不能介入。

當介面把時間、操作結果與可修改的選項說清楚,使用者就能自己理解:我可以走;如果我想寫,系統會為我停下;如果我改變心意,還有後悔藥。

這些微互動把系統邏輯變成看得懂的提示。cosGlint 幫使用者解讀保養品成分時,我們也想用同樣的做法,把複雜的資訊說清楚。

邊界情況

願意多寫的人和不順利的使用情境,也得一起考慮。網路不穩時,轉換為「已排程,恢復後送出」,並提供重試;重複送出的內容用雜湊值判斷並排除,前端顯示「已收錄」,避免重複操作。

長文回饋也值得照顧,因此我提供草稿自動儲存與送出前預覽,讓願意多寫的人不用擔心白寫。

cosGlint 目前沒有用積分鼓勵回饋,我擔心那會讓人為了積分而寫。未來是否導入,我還沒決定,也還在找更適合的方式。

願意寫下正評或負評的人,通常也是希望事情變好。我習慣在版本更新紀錄裡標註「依社群建議改進」,讓他們知道自己的建議有影響。

用指標檢查設計是否清楚

我會看幾個指標:無文字的自動送出率、文字補充率、倒數中途離開率、撤回率、送出失敗率。

我用這些指標檢查設計是否清楚,不是評斷誰是「好使用者」。例如如果「等到 30 秒」的比例偏高,可能不是使用者「求安心」而是「可離開」訊息不夠明確。

這時候我會做文案 A/B(加入「你可以直接離開」與不加入)或視覺 A/B(在倒數期間顯示「已排程」標記與只顯示秒數),甚至調整動效出現的時間點(倒數結束才顯示核取 vs. 點擊即顯示「已排程」)。這些微調想讓忙的人能快點完成,也讓願意補充的人知道自己還有時間。

目前的做法:在同一個流程裡兼顧兩種需求

回到一開始的矛盾:快,與能寫。

我目前的做法是把兩種需求放在同一個流程裡:點一下分數就能完成,想多寫的人也看得到文字框。提示要清楚,動畫要能說明操作結果,也要保留撤回、補充和出錯時的處理方式。至於這樣做是否有用,就繼續看指標、做實驗,再調整。

這樣,使用者可以只點一下就離開,也可以留下來多寫一些。

這個設計還會隨著回饋繼續調整。

也因此在 cosGlint,每一個願意寫下意見的人,都是我們的共同設計師。

把保養變簡單,從理解自己開始
• 先認識膚質:透過 Findskin 分析,得到可理解的膚質判定
• 成分比對挑選:針對敏感成分與功效,給出詳細的分析報告
• 天氣與環境提醒:依紫外線、濕度、溫度與空汙,給每日保養重點
• 事後修護建議:依當日天氣給出事後修護的緊急指引,讓狀況迅速回穩
現在就試試 cosGlint,把每一次選擇都變得更準、更安心