Meanwhile
← Project

拾得物工具

在製作拾得物工具的過程中,對 Vibe Coding 有個小小的心得。在手寫程式碼的時代,多數精力著重在設計程式碼架構以保持彈性和提升效率。但 Vibe Coding 出現後,實作內容被隱藏了起來,關注重點轉移到更接近使用者端的測試與實際體驗。尤其在給不熟悉科技的人的工具上,使用體驗尤其重要。如何做到使用者能夠直覺地操作工具,而不用看教學(沒有人想看說明書!)值得思考。

第一版,只用一排排大框來配對收據與圖片(示意圖)。理想上,左邊先放收據,右邊在放上對應的圖片。但在教學的過程中,我觀察到使用者沒有意識到這個限制,常常會放錯邊導致辨識錯誤。後來雖然加上了文字說明,但很明顯的,連我自己都不會去看。

第二版,凸顯單據和圖片的差異,「設成單據」也獨立成一個按鈕,強調需要這個操作。經過改動後,熟悉電腦的同事們開始漸漸上手了,也比較少再來詢問使用相關的問題。至此,整體操作邏輯也大致確認。

第三版,是在離開分隊前,為交接所準備的。如果工具要傳承下去,就需要有個操作教學,一開始是做了份 ppt 逐頁講解。但大家還有別的事要處理,一頁一頁對著 ppt 操作太慢了,不太可能有人願意花時間慢慢學。其實整個網頁的操作順序十分固定,沒有太多需要判斷的地方,對於新使用者,主要的瓶頸在於不知道操作順序。因此第三版加入視覺引導,對下一個要操作的地方,用明顯的珊瑚色凸現出來,引導使用者點擊。當操作流程變得直覺以後,我想只要同事簡單口頭引導應該就能學會了,教學文件也可以退做備用。