最近在做騰訊內部系統X項目的交互，具體的項目內容現在還無法透露，趁熱打鐵，先來一段交互小結吧。
一、可視化
當系統的數據過多，數據結構繁雜時，可以將數據可視化展示。能讓使用者更好的理解數據，有效提高使用者的操作效率。
可視化的設計過程，可以分為兩個步驟
1、提取數據結構；
分析現在的數據，并總結現有數據的框架結構，將數據分層級歸類。
比如：在文章中，一級標題下包含二級標題，二級標題下包含三級標題。這里就有3個元素，三個層級關系。在設計中，第一步就是理清楚這些數據的層級結構。
2、抽象化數據；
這步需要掌握一些基礎視覺原理，然后把數據元素，擺放在合適的層級位置就行。
這里的基本視覺原理無非就是幾種：
a、上下左右的視覺瀏覽路線。越靠近視覺起點，層級越高。
b、空間位置的物理關系。越靠近的元素，關系越密切。
c、視覺面積的物理關系。面積越大，層級越高。
d、視覺顏色的層級關系。顏色越接近，關系越密切。
（其實，一篇文章的配圖，就相當于一次簡化的可視化設計）
二、流程智能化
在流程的設計上，并不是一直要追求簡化流程，而應該追求流程智能化。
什么意思呢？就是在流程的展示上，我們應該考慮如何提高操作效率，而不是一味的追求少步驟。
常見的流程簡化，就是將中間階段的流程，合理的壓縮合并，如上圖所示。
并今天重要講的是另一種情況，當流程很復雜，對操作的前后順序也有一定的限制。
比如：
第一步（必需）
先從A模塊，完成創建“元素1”。
第二步（可選）
從B模塊，找到“元素1”，進行“a操作”，完成“元素1”的創建。
我們可以在第一步操作完成后，就進行合理的提醒，讓用戶選擇是否進行第二步操作。
當然這個操作過程是需要合并簡化的。
總之，就是智能化操作流程，猜想用戶下一步的操作，進行合理引導，提高操作效率。
三、減少思考
合理的減少用戶思考，操作的步驟與流程一樣，并不是越少越好，要根據使用人群／場景來衡量。
在技術人員的角度思考，可能多個功能操作都是同一個操作效果，于是就合并為一個操作方式。然而在用戶的角度思考，他們的含義是有差別的。
比如：張三被任命為總監，李四被革職了，這兩種情況，都屬于人員的變動，操作上，都是對人員信息進行編輯修改，而含義上差別卻很大。
這時候，把一個入口，分割為兩個子入口更符合“人事管理角色”的理解。
四、提升容錯率
一句話：少限制，多提醒。
從設計上，最大程度減少誤操作的情況。對一些特殊操作，允許用戶誤操作，但需要給予合理的提醒。而不是為了避免誤操作，都采取限制操作的方式。當然，對于誤操作后，會帶來嚴重后果的情況，還是需要有所限制的。
為什么呢？
限制如果太多，用戶會覺得，這個產品設計不好，很多功能都無法用。如果“少限制，多提醒”，用戶可以了解到這個操作可能帶來的后果，從而去尋找解決辦法，或后續知道怎么彌補這個誤操作帶來的后果。
五、加載
這個就真的是一句話了
在表格數據過多的情況，需要考慮加載數據時的用戶體驗。
六、翻頁還是滾動條
當表格數據太多時，無非就是三種處理方式。
a、無限往頁面下方延展。
會導致頁面過長，影響視覺效果的展示，而且也會影響頁腳等信息的瀏覽。優先排除。
b、增加頁碼，分頁展示。
用戶操作比較麻煩，需要點擊按鈕翻頁瀏覽信息。
c、限定高度，內置滾動條。
當表格內容過多時，用戶容易迷失在數據里，不好定位。
這次設計一直糾結要用翻頁形式，還是要用滾動條形式。最后和騰訊團隊討論后，決定采用滾動條方式。
最大的理由就是……習慣使用滾動條了，哈哈。
其實還有兩點其它方面的理由。
第一點：滾動條操作方便，鼠標中鍵滾一滾就行，不需要移動鼠標，點擊翻頁按鈕。
第二點：技術實現上，采用滾動條可以節省一小部分的開發時間……
沒了，等項目結束后，再結合交互稿寫一篇更具體的總結。
作者：Mufly
原文鏈接：http://mufly.lofter.com/post/179451_c1932ea
Tags: 騰訊
文章來源：http://iamue.com/17815