資訊專欄INFORMATION COLUMN
摘要：做前端也有一段時間了，對于實現各種需求來說已經是游刃有余了，代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。這樣體驗具有層次感，而且用戶不會因為一大堆條件輸入框而感到厭煩。避免全部頁面，只用局部。
做前端也有一段時間了，對于實現各種需求來說已經是游刃有余了，代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。 用戶體驗說起來是一個比較模糊的概念，但是又是實實在在地決定著用戶用起來爽不爽。
典型的中后臺應用，大多數是對表格的增刪改查，有如下改進
頭部添加菜單解釋說明，一個菜單標題只有簡簡單單的幾個字，用戶一開始用起來可能都不知道該菜單是干說明用的，增加的解釋說明能很好的幫用戶了解該頁面功能
操作按鈕的歸類，之前一般將增加，刪除，修改，導出表格，搜索，搜索條件等都放在一塊，這樣給人一種很雜亂的感覺，現在將這些控件分為兩類（搜索條件和搜索按鈕，增刪導出刷新等操作按鈕）。其中 增刪導出刷新等操作按鈕 放到頭部菜單里，和下面的 搜索條件和搜索按鈕 區分開來。
對于復雜的搜索條件，劃分為基礎查詢條件和全部查詢條件，基礎查詢條件涵蓋用戶常用的幾個搜索條件，其余高級搜索條件先隱藏，通過 顯示全部 按鈕顯示全部搜索條件。這樣體驗具有層次感，而且用戶不會因為一大堆條件輸入框而感到厭煩。
對于表格，如果查詢數據為空，則顯示 暫無數據； 如果是后臺報錯，則顯示 網絡異常，請點擊按鈕刷新，之前都是通過提示框顯示接口報錯等。這樣的好處有兩點，一是如果用戶想嘗試重新獲取數據不用再點刷新整個頁面了，二是提示框會打斷用戶聚焦的視線，對于用戶來說是不好的體驗。
當表格的列數很多時，操作一欄要固定住，方便用戶操作。
左側菜單樹，當菜單過多時，增加搜索框，可以快速定位到該菜單頁面，方便用戶操作。
避免全部頁面loading，只用局部loading。
大數據項目的一些用戶體驗優化的點
指標卡片 加問號圖標，用tooltip顯示指標的含義；包括頁面上一些文案，如果含義難懂的都可以加tooltip
可點擊的元素鼠標變成手型
前端緩存優化（用戶點擊過的圖標數據緩存起來）
表單要盡可能簡單，負責的表單會讓用戶失去耐心
下拉框如果選項比較少，可以直接用radio來代替，用戶可以省一步點擊下拉框的操作
查詢圖表的時候需要填時間區間，可以放一些常見的時間區間給用戶選擇，比如今天/昨天/上周/上月/前三月, 避免用戶去手動選擇兩個時間框
to be continued!
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116253.html
摘要：做前端也有一段時間了，對于實現各種需求來說已經是游刃有余了，代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。這樣體驗具有層次感，而且用戶不會因為一大堆條件輸入框而感到厭煩。避免全部頁面，只用局部。 做前端也有一段時間了，對于實現各種需求來說已經是游刃有余了，代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。 用戶體驗說起來是一個比較模糊的概念，但是又是實實在在...
2013年，你是甲方，我是乙方，我為你云適配。 2014年，我的地盤你做主，云適配攻城獅們的工作陣地將全權授權給你，你可以自由的 DIY 您的網站，No more time，No Money，只要1天，只要1個人，只要2步，云適配開放平臺一站搞定，您的跨屏網站即刻誕生了！！！ BUT，BUT，BUT，在你開始完全做主前，我們想邀請您來參與云適配開放平臺的內測，只要您具備最基礎的前端開發技術，擁有一...
2013年，你是甲方，我是乙方，我為你云適配。 2014年，我的地盤你做主，云適配攻城獅們的工作陣地將全權授權給你，你可以自由的 DIY 您的網站，No more time，No Money，只要1天，只要1個人，只要2步，云適配開放平臺一站搞定，您的跨屏網站即刻誕生了！！！ BUT，BUT，BUT，在你開始完全做主前，我們想邀請您來參與云適配開放平臺的內測，只要您具備最基礎的前端開發技術，擁有一...
摘要：阿里妹導讀如同我們去年月在峰會所約，阿里巴巴內部版本將于年月底正式開源。基于的計算平臺于年正式上線。截至目前，阿里絕大多數的技術部門都在使用。在那之后，阿里巴巴將直接使用用于生產，并同時協助社區一起來維護。 showImg(https://segmentfault.com/img/remote/1460000018041567); 阿里妹導讀：如同我們去年12月在 Flink Forw...
閱讀 1299·2021-11-15 11:37
閱讀 3495·2021-11-11 16:55
閱讀 1741·2021-08-25 09:39
閱讀 3207·2019-08-30 15:44
閱讀 1729·2019-08-29 12:52
閱讀 1397·2019-08-29 11:10
閱讀 3230·2019-08-26 11:32
閱讀 3216·2019-08-26 10:16
