設計元素的應用條件 | 雷鋒網

設計元素的應用條件 Warlial2013-01-11 21:162條評論

分享

側邊欄 快捷按鈕 訂閱功能 操作成本

【編者按】本文作者@愛奇藝_曉生,在討論方案時,設計師常會提議,某產品的某個元素(如按鈕或功能)設計的挺好,設計存在很多可能性,發散思維時不論對錯。但實際應用時,要考慮元素的應用條件,切不可隨大流,盲目地照搬套用。

選擇最合適的設計,而不是最流行最酷的,圍繞品牌特性做設計,讓產品形成與眾不同的氣質。

比如錯誤的提議:現在流行Metro風格,我們也這樣設計吧。

較好的提議是:Metro風格適合內容型應用,弱化按鈕的UI元素,突出內容本身,而我們是工具型應用,主界面需要突出某個按鈕或引導用戶執行某項操作。

側邊欄

  • 增加界面的可視化主體區域
  • 操作比常規的標籤欄導航麻煩,需要二次操作,側邊欄不適合頻繁切換,需要一個非常重要的主界面(如Timeline)
  • 標籤欄導航內容一目了然,但側邊欄需要用戶記憶成本
  • 標籤欄導航一般5個,而側邊欄可以顯示較多信息
  • 側邊欄有利於減少界面層級
  • 側邊欄的內容過多時,一定要分類,便於用戶查找
  • 快捷按鈕

  • 增加內容的可視化區域
  • 適合放置同類按鈕(拍照/簽到等功能)
  • 不適合需要頻繁切換的導航操作,優先保證效率,而不是酷炫
  • 不適合放置過多選項
  • 思考:淘寶左下角的按鈕設計是否合適?

    訂閱功能

  • 操作成本高,用戶理解產品架構,查找發現和組織自己喜歡的內容
  • 對內容要求:足夠的複雜和繁多,常規的首頁內容展示無法滿足大部分用戶需求
  • 訂閱之後內容有持續更新
  • 更適合平台型產品,比如Flipboard
  • 作者博客:曉生

    推薦閱讀:

    為什麼要學雷鋒
    最有效的加好友秘訣!請叫我雷鋒!
    弘揚雷鋒精神 引領時代風尚(社論)
    天!學雷鋒竟能這麼雷!

    TAG:設計 | 雷鋒 | 雷鋒網 | 條件 |