互動工程 · 10 / 10

互動驗收清單:上線前的第二張清單

審美篇收官交付了第一張清單管「好看」,這一章交付第二張管「好用」。好看管第一眼,好用管接下來的每一天,而且互動的病更隱蔽:截圖看不出來,要點起來才露餡。14 項,每項一個動作,點頭之前過一遍。

14 項清單驗收演練三張清單接力延伸閱讀
互動的病,驗收時怎麼查

審美的驗收看截圖就行,互動的驗收必須上手點:把網路調慢、把列表清空、把危險按鈕按下去、把流程從頭走到尾。下面 14 項就是這套動作的清單,按本章九節的順序分組,每項都能直接當打回理由原話發給 AI。勾選進度存在本地,下次帶著新產品回來接著用。

動手 · 互動驗收清單:14 項過一遍
互動驗收清單 0 / 14
狀態 · 3 項
防錯與可逆 · 3 項
流程 · 2 項
習慣用法與控制項 · 3 項
文案 · 2 項
體貼 · 1 項
當前瀏覽器禁用了本地儲存(可能在隱私模式),勾選照常可用,但重新整理後進度不會儲存。

最後一項的出處:《About Face 4》第 8 章把好軟體比作體貼的人,列了一整張體貼清單,「記性好」是裡面最省事也最見效的一條。使用者選過一次的城市、填過一次的發票抬頭,第二次還要重填,就是軟體在裝失憶。

驗收演練 · 這頁藏了五處互動事故

清單是冷的,演練是熱的。下面這個雲筆記應用是按「AI 一次做完」的真實水平做的,五處互動事故分別踩了本章五節的雷。拿剛才的清單當地圖,找到就點。

找出五處互動事故 0 / 5
提示:回饋方式、按鈕位置、流程步數、控制項長相、按鈕文案,各有一處出了事。
notes.example.com
我的筆記 全選 清空全部
週會紀要 0810
昨天 22:41 · 1.2k 字
工作
讀書摘錄:互動設計精髓
週六 09:15 · 3.4k 字
閱讀
購物清單
週五 18:02 · 0.1k 字
生活
新建筆記 · 第 1 步 / 共 4 步:選擇筆記類型
下一步 雙擊分享本頁
操作已完成
您的請求已被系統處理
確定
從最扎眼的開始點。找不到就回清單裡翻對應組。
體貼速判 · 第 8 章的三道快題

體貼那一項展開就是第 8 章的整張清單:體貼的軟體關心使用者偏好、有求必應、記性好、不拿自己的問題煩使用者。三個真實場景,判一判體貼還是失禮。

體貼還是失禮 0 / 3
考一下:打回理由怎麼寫
驗收沒過要打回,哪條理由 AI 改得最準 單選
A互動不太好用,再優化一下
B刪除沒有撤銷,只有確認彈窗。改成:立即執行 + 5 秒撤銷 toast + 回收站保留 30 天
C使用者體驗有待提升,參考大廠產品
D整體重做一版,這次注意細節
三張清單,配成上線前的一套

到這裡三個專題的三張清單都齊了:審美管好看,互動管好用,心理學管感受。上線前按順序過,誰也不替誰。

回顧 · 9 節串成三句話
識別

1~5 節的四個判斷要點:狀態三件套齊不齊、危險操作可逆嗎、流程還能砍一步嗎、有沒有發明奇怪互動。看一個產品好不好用,按這個順序上手點。

細節

6~7 節摳介面零件:互斥單選鈕、多選核取方塊、立即生效開關、超一屏才下拉;按鈕動詞說清後果,標籤說使用者的話。

翻譯

8~9 節把要求寫給 AI:需求用人物加目標加場景講,規格把五態列全、邊界說死、防錯寫明,兩段拼起來就是完整提示詞。

延伸閱讀 · 順著這章往外走
《About Face 4:互動設計精髓》(Alan Cooper 等)
本章的母本。這次別只讀第 17 章:第 1~4 章的目標導向方法、第 8 章的體貼清單、第 11~15 章的編配與錯誤處理,都值得完整過一遍。
《Don't Make Me Think》(Steve Krug)
最薄的可用性經典,中文版《點石成金》。核心就是書名那句話,兩小時讀完,配合本章的流程剋制一節食用。
《Microinteractions》(Dan Saffer)
把單個互動拆成觸發、規則、回饋、迴圈四段。本章講的狀態與回饋,在這本書裡能找到更細的刻度。
原則與工具
用了四十年還沒過時的驗收框架,本章清單的不少條目能和它一一對上。
看大廠怎麼規定載入、撤銷、確認這些模式,習慣用法的標準答案庫。
本節要點

互動驗收要上手點:調慢網路、清空列表、按下危險按鈕、走完全程,截圖驗不出互動的病。

14 項清單當打回話術用:沒過哪項,把那項原話發給 AI,比「再優化一下」快十倍。

三張清單配一套:好看(審美篇)、好用(本章)、好感受(心理學篇),上線前按順序過。

內容來源:小山學堂「互動工程」專題原創;體貼軟體清單整理自《About Face 4:互動設計精髓》第 8 章,其餘判據出處見各節(Alan Cooper 等)。