2013-10-29 藍藍設計的小編
轉載藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源：http://www.uisdc.com/banner-click-rate
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
百度網盟推廣平臺是配合網盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現全方位的推廣管理，包括搭建賬戶結構、配置預算、定向方式、監控賬戶投放效果等等復雜的賬戶操作。但是由于系統的復雜度和功能性的增加，原有的系統對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統體驗的分析和優化工作。
廣告投放平臺廣義上屬于商業產品體系，商業產品和用戶產品在體驗的關注點上是有顯著區別的。最大的區別就是使用需求不同，商業產品一般不會出現在我們日常生活中，大部分都是在工作時，或者是特定的時段內才會使用到。所以把握好商業產品的特性，是做好商業產品用戶體驗的關鍵。
研究一個產品的特性，一個比較簡單的方法就是觀察產品的“零容忍點”，也就是產品的哪些特性如果不能夠滿足用戶，用戶就會產生強烈反感，甚至放棄使用。比如說現在非?；鸬囊苿踊ヂ摼W應用，也就是app產品，用戶的零容忍點基本上會停留在視覺層面上。因為我們的移動設備分辨率較高以及產品的使用場景（都是近距離使用）的關系，用戶對產品的視覺效果會非常嚴苛，如果產品的icon或者界面丑陋，基本上就不會用了。但是，對于一些小說站點或者視頻站點來說，視覺就不是用戶最主要關注的了，這類產品，用戶最關注的是他們的內容，如果內容不夠好，別人有的你沒有，那么用戶就會離開，即使你的界面十分精美，只能是華而不實。同樣，如果把思路切換到商業產品上，我們會發現用戶最在意的是能夠能夠在使用的功能滿足和節約時間。因為商業產品更像是一個用戶的工具，如果工具不能夠操作，那么用戶就沒有使用的動力了。因此，對于商業產品來講，功能>性能>易用>美觀。
所以，對于商業產品設計師來說，我們的思維中要一直有一個聲音，那就是我們的優化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強迫自己選擇前者。
平臺系統的復雜度之高，超出預期，怎樣衡量復雜系統的操作效率提升是體驗優化的一個難題，思考之后，把產品的易學性作為我的設計出發點，就是通過統一、規范的系統能夠讓用戶更容易學習和掌握平臺產品具體的使用方法。
對整個系統超過30個頁面進行可用性走查，根據用戶體驗設計要素，把系統按照結構層、框架層和表現層來進行梳理。結構層解決用戶如何導到某個頁面，做完去哪里。在梳理結構層的過程中不具體思考交互方式，只是從任務出發，來看流程和結構上能不能滿足功能，在滿足功能的基礎上有沒有提升的空間。框架層則解決頁面的具體布局和交互方式，對系統頁面的控件、布局等詳細梳理，尋找改進空間。表現層解決產品的視覺呈現。
走查的主要結果如下：
結構層：
1.新建流程和修改流程不可逆，也就是說新建流程的設置，在修改的過程中無法完全一致的修改，這難免會讓用戶產生困惑，我去哪里修改呢。
2.工具使用頁面跳轉次數多，有的能夠跳回，有的不能夠跳回。
框架層：
1.多版本共存，遺留下來的一些最初版本的頁面，交互和布局都和新頁面不一致。
2.細節交互不一致，同一操作區域button的操作方式存在多種。
3.異常提示五花八門，沒有規范。
表現層：
1.頁面線條過多，影響視線的元素較多。
2.前端出于性能考慮提高了圖片壓縮比率，使得視覺呈現與設計師最初設計相差甚遠。
針對走查過程中的問題，在改進方案的確定過程中，充分考慮到系統的性能和用戶的操作流，打磨系統結構和框架，列舉一些體驗優化點，如下：
1.引入全浮層的操作方式，能夠在線性結構中帶入想要的控件和模塊，讓層級更明了，打破新建和修改流程的壁壘。
2.將工具作為工具箱出現在頁面下方，并能夠展開和收起，使用時一鍵啟用和關閉，真正按需呈現。
3.全新的視覺方案，從系統性能出發和前端共建產品視覺規范。優化后的系統UI，漸變和圓角均由css完成，考慮到瀏覽器的兼容性問題，還提供了純色版本的配色方案。
4.建立產品交互及視覺規范，提高溝通效率，降低風險。
1.適度設計
商業產品對于適度設計的訴求更強烈，用使用者常見的操作方式，例如checkbox、redio button等互聯網成型的交互方式更容易讓用戶接受和理解。另外，在選取交互和視覺方案的過程中，要充分考慮后期的實現成本和性能成本，低碳的設計能夠讓系統運行的更加安全流暢，更受歡迎。
2.知行合一
商業產品的使用者在使用產品的過程中是有著明確目的的，是在明確的decision上進行的操作，所以盡可能少在流程中打斷用戶，讓他們困惑，最好在用戶需要的時候能夠提供工具或者解釋說明等手段減少用戶思考時間，提高使用效率。
3.形式追隨功能
商業產品的視覺要更好的為功能服務，炫酷的視覺和交互經不起半秒鐘的延遲，最受挫的是用戶根本care不到（他們真的很忙）。