Clear、Path 等現象級應用憑藉獨特交互脫穎而出。設計師 Juan Sanchez 提出一個大膽想法:放下滑鼠鍵盤,拿起紙張摺疊,從物理世界尋找觸屏交互的靈感。
從 Clear 到 Path:紙張如何演繹經典交互
Juan 製作了兩組界面摺紙:
- 左側: 模仿 Clear 下拉新增條目——紙張向下摺疊露出新行,極致對應「拉伸添加」手勢。
- 右側: 模仿 Path 側滑展開層級——紙張側向摺疊,層層疊加,完美隱喻「抽屜式導航」。
手風琴式交互的誕生
摺疊過程中,Juan 發現:將上層資訊向下摺疊,展示下層內容,形成類似手風琴的展開/收合交互。這不僅適用於導航菜單,更可延伸至:
- 列表項操作:向上拉起當前項,底部浮現操作選單(刪除、編輯、分享)
- 多層級資訊鑽取:逐層摺疊,保持上下文連續性
為什麼物理原型對觸屏設計至關重要?
Co.Design 的 John Pavlus 指出:觸屏介面處於「數字與物理的灰色地帶」。
- 手勢 UI 提供物體表象,卻缺乏物理實體的質感、立體感、觸感反饋。
- 用戶被迫「用手指猜測」操作結果,認知負荷高。
- 物理原型能幫助設計師構建更多「提示性」,減少用戶猜測。一個手勢的直觀揭示,能自然引出相關手勢,構建無菜單的手勢體系。
實踐建議
- 離開電腦: 拿幾張 A4 紙、剪刀、雙面膠,開始摺疊、剪切、組合。
- 手持操作: 真實感受翻轉、滑動、摺疊的阻力、角度、空間關係。
- 錄影複盤: 記錄操作過程,分析手勢與視覺反饋的時空對應。
- 轉化數字: 將物理發現轉化為動畫原型,用 Principle、ProtoPie、After Effects 驗證可行性。
界面摺紙不是退回原始,而是用最低成本驗證最高維度的交互直覺。下次卡在交互創新上時,試試把螢幕關掉,把紙張拿起來——靈感或許就藏在摺痕裡。