2015-5-11 用心設計
藍藍設計( www.z1277.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
每一個扁平化界面設計，都是我們的心靈碰撞致力于最棒的 metro ui 設計
來源：莫貝網
如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中， 請點這里
當交互設計師 完成一份自以為詳盡的交互輸出物，前端的開發(fā)結果總是不那么另人滿意。交互會抱怨：為什么會做成這樣呢，很多常識性的東西也會做錯。顯然因為領域不同，對 “常識”的理解不盡相同，我們不能把希望寄托在前端工程師的可用性覺悟上。所以交互設計師必須站在對方的角度，在提交輸出物前補充交互細節(jié)，以免日后不必 要的迭代。
1.列表項目為空時的顯示效果。比如“購物車”里沒有東西時，該如何顯示。否則開發(fā)會讓屏幕空白。
2.當頁面或應用會向后臺下載數據較慢時，載入過程的提示。如果我們不說，技術不會考慮載入時的信息反饋，會讓頁面呈現假死的狀態(tài)。
3.當按鈕、圖標、鏈接等不可用時，怎樣呈現給用戶（a.消失 b.disable+文案改變c.disable+tip d.非模態(tài)或嵌入式提示 e.點擊后出現模態(tài)對話框）。如果我們不說，技術會采用最簡單且一般來說體驗最差的方式—模態(tài)對話框，甚至什么提示都沒有。
4.應用或者一些偏操作的網絡產品，對話框內的按鈕，如“確定”“取消”。需要有一個默認選中，支持鍵盤enter操作。
5.每個圖標都要加上tip，尤其是用戶可能不明白的拖動操作。
6.在文檔中規(guī)定系統(tǒng)出錯的提示該如何呈現，提示的文案中不能帶有技術性描述（如錯誤類型：XXX）。如果我們不規(guī)定，技術會自己添加一些出錯的模態(tài)浮層，使用技術性的語言。
7.文本長度超過標準被截斷時，該如何顯示。
8.鼠標的響應范圍，如列表項目，radioBtn ，checkbox等。一般來說，響應范圍大點好。如果我們不說，技術只會使用默認設置，如radioBtn的響應范圍就只是前面那個點。
9.修改文本框內容，在獲取焦點時，是全選還是將插入點放在文本末尾。
如果用戶很可能會重新輸入整個值，則應在獲取輸入焦點時選擇全部文本。如果用戶更有可能進行編輯，則應將插入點放在文本末尾。
10.下拉框，列表框的默認定位，比如生日。如果我們不說，技術會默認在“1900”年。
11.如果是客戶端，或是流式網頁布局，要提供多種分辨率下的展示。
12.在移動客戶端，多點觸摸，手勢的操作和動畫過程，顯得尤其重要。
13.用戶操作成功或失敗的反饋，超時的反饋，系統(tǒng)崩潰的反饋等等。
14.移動客客戶端橫豎屏的不同顯示方式，網絡狀況差時的交互反饋。
—— The End ——