萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

界面隱藏設計實戰總結:從入門到必殺的完整技能樹

產品經理:「加這個、那個、還有這個。」設計師無奈:「巴掌大地方怎麼塞?」信息過載當下,界面隱藏功夫成必備技。騰訊 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 搜索:瘋狂滑動找不到時搜索框悄然降臨,鍵盤提示輸入,點別處取消。

結語

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

copyright © 萬盛學電腦網 all rights reserved