過馬路注意到紅綠燈,恰逢新交規熱議,順勢吐槽「設計規範」思考。

工業化城市化達到程度,車水馬龍中紅綠燈應運而生。路人、司機達成共識:紅燈停、綠燈行,秩序井然。缺之,過馬路驚心動魄。同理遷移至設計:產品團隊常就導航、反饋激烈討論,多元碰撞雖好,但系統龐大後,成員創意追求不同,缺乏「紅燈停綠燈行」共識與約束,導致規則無序疊加,交互變凌亂複雜。
以 iPhone 產品設計為例,蘋果官方《iOS Human Interface Guidelines》系統完整,多數產品直接參考構建 App,產品生命週期唯一規範即此現成參考。我們除以官方指引為基準,再按項目需要細化,以「1+1」(平台規範+應用規範)整理繁瑣交互細節。
提示系統常被忽視。過去分四類:

3.0 版優化:徹底去除 Toast,統一 Banner Tips 樣式,直貼導航欄下方:

首版用隱晦橫滑設計,經幾版演進:出現更直接、擴展性更強、對不可操作異常提供解釋:

iPhone QQ 音樂現為龐大產品(海量樂庫、個人音樂資產、基礎播放體驗)。除上述兩系統,還對導航(層級/臨態/界面互調/跨產品互調)、異常處理(斷網/空狀態)、品牌傳達(異常/邊緣/幻燈片)提供簡單指引。遇無法滿足情況,重新審視及時調整。高效可控交互體系源於應需而變。
大部分自定義規範意義不大(平台級除外),何必投入大量精力?實際小規範成本極低:無需整理完整樣式庫,只需將規範列在一張大圖上,供團隊成員或中途接手設計師參考。對節奏敏捷的移動互聯網產品,**簡單,才最具生命力**。
(本文出自 Tencent CDC Blog,轉載請註明出處)