手上有油,就不用碰螢幕:雲小廚把菜譜做回了竈臺邊
從開發者在 V2EX 發表的 iOS App「雲小廚」看起,觀察一款把做菜影片轉成結構化食譜的應用,如何為沾滿油的手與竈臺邊的距離重新設計介面。
科技 設計評論 約 3 分鐘閱讀
先從一個小細節看起。開發者 dwinters 前幾天在 V2EX 的「分享創造」板發表了一款名為「雲小廚」的 iOS App,貼文裡描述的使用情境相當具體:手機支在竈臺邊,手上沾了油,想暫停影片只能用指關節去戳螢幕。這一句話幾乎道盡了市面上做菜教學內容與廚房現場之間的落差。影片是為沙發上的觀眾設計的,做菜的人卻站在爐火前,兩者的距離,決定了介面該長什麼樣子。
雲小廚的核心功能是一種轉換:把小紅書、抖音等平臺的分享連結,整理成結構化的菜譜。複製連結後打開 App 會自動辨識彈出,一鍵開始整理,截圖、一段文字、相簿裡的影片也能作為來源。整理出來的結果有明確的排版邏輯:用料與用量在上,步驟按順序列好,需要計時的步驟會標出時間,圖文筆記還能讓步驟對應到圖片。
這個排版的取捨值得琢磨。影片教學的資訊是線性的、隨時間流動的,「生抽適量、鹽少許」這類用語散落在口白與留言區裡;結構化菜譜則把資訊壓平成一張可以垂直掃視的清單。開發者自己在貼文裡算過一筆帳:一道十分鐘的影片,跟著做要花三十分鐘,看不清要回拖進度條,拖過頭再拖回來。菜譜介面省下的,正是這些反覆拖動的往返成本。
更有設計意識的是「做的時候不用碰螢幕」這一條。步驟用大字排版,站遠了也看得清;手上有油,就用喊的,「下一步」「上一步」透過語音操作。計時器到點響鈴,倒計時會出現在鎖屏與動態島上。這裡每一個安排都對應一種廚房裡的具體身體狀態:沾油的手、濕熱的環境、需要騰出來拿鍋鏟的注意力。多道菜同時進行時,一個畫面顯示每道菜進行到哪一步、哪個計時器在跑,這是多工情境被誠實處理的例子,因為真實的廚房很少一次只做一道菜。
資料層面的設計也相當克制。不需註冊帳號,菜譜存在本機與使用者自己的 iCloud 裡;用量不對、步驟想改可以隨手編輯,也能跳回原始連結查看。來源內容被轉換成私有副本,但原始出處始終留著一條回去的路。這種「整理完就是自己的」的姿態,與那些把內容鎖在平臺帳號體系裡的服務形成了對比。
當然,這是一款獨立開發者的作品,貼文發表不到一天、瀏覽量六百餘次且尚無回覆,連結辨識與步驟整理的實際準確度,目前沒有第三方使用紀錄可以查證,整理品質如何仍待檢驗。
但就介面設計的思路而言,雲小廚示範了一個樸素卻常被忽略的原則:好的廚房 App 不是把食譜搬上手機,而是為站在竈臺前那雙沾了油的手,重新想過每一次互動該怎麼發生。從這個角度看,它與我們先前觀察過的身體節奏與介面之間的時間設計屬於同一種努力:讓介面去遷就身體的處境,而不是要求身體去適應螢幕的規矩。當大多數食譜產品還在比拚內容數量與社羣功能時,一位開發者為了自己的晚餐所做的取捨,反而更接近這個品類真正該解決的問題。