產品經理:「加這個、那個、還有這個。」設計師無奈:「巴掌大地方怎麼塞?」信息過載當下,界面隱藏功夫成必備技。騰訊 Viconia 同學分享隱藏技能總結,從入門到必殺全覆蓋。
一句話總結:你剛好不經意地出現,而這正是隱藏的意義。
隱藏非為躲貓貓,而是讓用戶聚焦核心、降低信噪比、提升傳達效率。借 D&D 盜賊潛行背刺為喻,優秀隱藏設計亦能一擊必殺。
固定場景:次要信息的歸宿
1. 不常變的設置
固定位置/功能,低重要、低頻、一次性設置時,合理組織後隱藏。
- eBay/Apple 賬戶任務歸「My eBay」。

- Amazon 類目導航隱左側 Logo 下,全站固定位靜候。

- 全站固定入口,隱藏兼顧認知一致與省空間。

2. 指向外部目標
外部分享渠道多、變動大,相對固定,按需喚出。新浪微博、豆瓣電台用「···」收納。

豆瓣電台分享面板。
特定場景:關鍵時刻的「背刺」
高級盜賊只在該出場時亮相。特定閱讀場景適時提示隱藏信息,大幅提效。
- Chrome 選詞翻譯:選中文字時出現。

- Apple ID 註冊:逐字段填寫彈出即時 Tips。

- 表單即時校驗:針對具體情況給針對性指引。

四大精準提示技法(進階心法)
1. 細微處——優雅恰好的提示
提示過強違背初衷。PS 工具欄右下小三角優雅邀請探索。
2. 漸進提示——配合任務流程層層揭開
Pinterest 輸入框先提示「To 後輸入字符」,輸入後再提示發送渠道。

Apple 註冊即時校驗同理。
3. 掃視/泛讀提示——小力撬動大關注
小紅點勝過數字氣泡引起掃視聚焦。Giles Colborne:「標籤放哪比做多大重要」。
4. 聚焦/專注任務提示——潛行背刺最給力一擊
- LinkedIn Inbox:總覽均衡,聚焦條目 Hover 出操作。

- Path 加號:點觸提示分類/關閉,邏輯延續。

- 長按圖片顯示相關操作,滾動時右側提示時間。

- Evernote 標籤過濾:推薦關聯標籤高效檢索。

- iPhone 搜索:瘋狂滑動找不到時搜索框悄然降臨,鍵盤提示輸入,點別處取消。

結語
成功的隱藏是為了適時的出現。設計平衡觀下打出致命一擊,潛心進階技能,一擊中的,指日可待。