後臺管理類介面淺析
阿新 • • 發佈：2019-02-10
這是我們能看到的最為常見的，也是最多的後臺管理的介面佈局方式了，很經典的方式，這種佈局方式一般在頭部區域會放置系統名稱啊、各種針對系統的功能圖示，諸如：退出系統、刷新系統、修改密碼等等的東東；選單欄在左側或者右側，其他的區域就是內容的顯示了，有的系統中會以3欄的方式排佈菜單及其子選單和內容。這種排版方式已經深入人心成了最廣泛的佈局模式了。
但是~！我認為在今天這種很經典的方式可能會在互動方面出現一些問題，主要的問題不是出現在功能上，而是人的情感和心理方面。我認為介面設計中圖形、色彩和排版只是佔據了一部分，我們不能提到介面設計就說它有多華麗，有多麼炫動，我覺得這只是對介面設計的一個片面的理解，作為介面設計，我認為我們應該更多地去關注互動的效率和便捷，這才是重點~
請大家先看看下圖：
這是一種對於互動產品的分析方法，在上圖中我們以產品為中心對於產品可能涉及到的4大要素進行了分析，行為、場景、技術和使用者就是著4大要素。
在行為分析中我們要分析使用者在使用產品時可能會發生的互動動作，比如在一個後臺管理介面中是點選瀏覽佔大多數呢，還是輸入資訊佔大多數； 場景分析中主要分析產品使用時的場景，例如該管理系統是在一個喧囂吵鬧的服務大廳中使用呢，還是在一個相對安靜的環境中使用，我認為不通的環境給使用者帶來的心裡感受是完全不同的； 技術分析就是分析我們的產品是用何種技術來實現的，這個技術在介面設計中比較統一的，都是HTML
個人認為做這些分析的實際意義在於為我們的設計工作提供必要的指導，經過這些分析我們可能會得到一些互動方面的指導，比如通過分析我們能發現使用者的操作習慣，從而指導我們設計出相適應的互動方式，通過使用者的分析我們可能得知使用者的群體，以及這部分群體的共性，這樣我們就能在設計時加入一些情感因素，從而抓住使用者的心。當用戶對介面感覺很親近很滿意的時候，工作效率自然也就提高了。
下面看看我設計的兩個介面，較上面說到的那種經典介面型別有了很大的不通，都是我用剛才講到的方法分析過後進行的設計。
案例一：民情通呼叫服務中心
當初在設計時覺得比較迷茫，分析了之後有了一些思路，但具體要怎麼來實現還是比較模糊的，後來無意中打開了WEBQQ（感謝騰訊CDC的那些牛人們為我們的互動設計所做的貢獻~！），看了之後我就在想能不能把這種設計思路搬到後臺系統中呢？後來想了想，在紙上畫了畫覺得可以實現，（話說做設計前在紙上畫畫寫寫的真是一種很不錯的方法啊，節省時間）於是就設計了上面這個介面。
在這個介面中常用的功能被放置在了左側的選單欄，因為我們的眼睛總喜歡看螢幕的左側，上邊的工具欄中以產品的名稱作為區分，左側的功能都是和呼叫平臺有關的，右側的則為其他的相關功能。（領導看了後肯定了我的想法，說以後不光用這個叫呼叫平臺的東東，還會有其他的平臺，所以在平臺名稱的兩側加入了兩個按鈕，用於平臺的切換，當點選後，平臺的名稱和上部左側的功能按鈕會發生變化，這樣能很快速的達到切換的目的。）
整個介面的大部分割槽域是留空的，用來放置功能圖示，就和我們的電腦桌面一樣了，點選後直接出現相應的功能，用完後就和關閉資料夾的方式一樣，直接點右上角的XX，這樣該功能就被關閉了，這樣操作起來比較簡單。
背景圖片是可換的，比如某人喜歡大美女，那你就放個美女沒事了多看兩眼也無妨（有報道稱，每天看5分鐘美女能長壽喲親~！），小清新的妹紙可能喜歡花花草草的，那你就放個花花草草的背景唄，嘿嘿，總之，一切的改變都是為了改善親在工作時的心情哦。。。
案例二：三維數字社會管理系統
在這個設計中分析之後發現這是一個基於數字地圖的管理軟體，看了看現在的Google地圖，百度地圖啥的，發現介面依舊是那種很經典的佈局方式，於是我就大膽的創新了一回~！ 通過分析我發現，作為此管理系統更多的操作時針對地圖的，於是我進行了大篇幅的留空，讓功能部分只佔整個介面的很少一部分，上邊的名稱旁邊的5個按鈕是針對5種不同管理物件的選擇，右側的選單欄呈現相應的內容，下面的整個操作是圍繞地圖來進行的。
通過以上兩個設計，我得出了一點啟示，以下面這張圖為例進行說明：
以上這個圖中的邏輯關係是我自己做介面以來的體會，當一個產品出來之前，我們需要收集使用者需求，這些需求決定了最初的產品功能，產品功能又會決定該產品的互動方式，這些互動方式又會影響到產品介面，而最終的產品介面將會直接影響到使用者體驗，當產品使用過程中，隨著使用者體驗的深入又會影響到產品的某些功能，最終就形成了這麼一個迴圈。
當然了，這也只是我個人的體會而已啊，分享出來，大家可以交流交流啊~！
結語：
以上這些就是我平時在工作中的一些體會和總結啊，結合我對管理系統介面的思考，所以今天寫了這個啊，水平有限啊，可能會有很多不全面和以偏概全的地方啊，有什麼不對的地方也希望大家說說自己的看法。更多的是分享分享自己的體會，也希望大家共同討論討論，就讓我們在討論聲中走向更遠的遠方吧~哈哈。。。
但是~！我認為在今天這種很經典的方式可能會在互動方面出現一些問題，主要的問題不是出現在功能上，而是人的情感和心理方面。我認為介面設計中圖形、色彩和排版只是佔據了一部分，我們不能提到介面設計就說它有多華麗，有多麼炫動，我覺得這只是對介面設計的一個片面的理解，作為介面設計，我認為我們應該更多地去關注互動的效率和便捷，這才是重點~
請大家先看看下圖：
這是一種對於互動產品的分析方法，在上圖中我們以產品為中心對於產品可能涉及到的4大要素進行了分析，行為、場景、技術和使用者就是著4大要素。
在行為分析中我們要分析使用者在使用產品時可能會發生的互動動作，比如在一個後臺管理介面中是點選瀏覽佔大多數呢，還是輸入資訊佔大多數； 場景分析中主要分析產品使用時的場景，例如該管理系統是在一個喧囂吵鬧的服務大廳中使用呢，還是在一個相對安靜的環境中使用，我認為不通的環境給使用者帶來的心裡感受是完全不同的； 技術分析就是分析我們的產品是用何種技術來實現的，這個技術在介面設計中比較統一的，都是HTML
個人認為做這些分析的實際意義在於為我們的設計工作提供必要的指導，經過這些分析我們可能會得到一些互動方面的指導，比如通過分析我們能發現使用者的操作習慣，從而指導我們設計出相適應的互動方式，通過使用者的分析我們可能得知使用者的群體，以及這部分群體的共性，這樣我們就能在設計時加入一些情感因素，從而抓住使用者的心。當用戶對介面感覺很親近很滿意的時候，工作效率自然也就提高了。
下面看看我設計的兩個介面，較上面說到的那種經典介面型別有了很大的不通，都是我用剛才講到的方法分析過後進行的設計。
案例一：民情通呼叫服務中心
當初在設計時覺得比較迷茫，分析了之後有了一些思路，但具體要怎麼來實現還是比較模糊的，後來無意中打開了WEBQQ（感謝騰訊CDC的那些牛人們為我們的互動設計所做的貢獻~！），看了之後我就在想能不能把這種設計思路搬到後臺系統中呢？後來想了想，在紙上畫了畫覺得可以實現，（話說做設計前在紙上畫畫寫寫的真是一種很不錯的方法啊，節省時間）於是就設計了上面這個介面。
在這個介面中常用的功能被放置在了左側的選單欄，因為我們的眼睛總喜歡看螢幕的左側，上邊的工具欄中以產品的名稱作為區分，左側的功能都是和呼叫平臺有關的，右側的則為其他的相關功能。（領導看了後肯定了我的想法，說以後不光用這個叫呼叫平臺的東東，還會有其他的平臺，所以在平臺名稱的兩側加入了兩個按鈕，用於平臺的切換，當點選後，平臺的名稱和上部左側的功能按鈕會發生變化，這樣能很快速的達到切換的目的。）
整個介面的大部分割槽域是留空的，用來放置功能圖示，就和我們的電腦桌面一樣了，點選後直接出現相應的功能，用完後就和關閉資料夾的方式一樣，直接點右上角的XX，這樣該功能就被關閉了，這樣操作起來比較簡單。
背景圖片是可換的，比如某人喜歡大美女，那你就放個美女沒事了多看兩眼也無妨（有報道稱，每天看5分鐘美女能長壽喲親~！），小清新的妹紙可能喜歡花花草草的，那你就放個花花草草的背景唄，嘿嘿，總之，一切的改變都是為了改善親在工作時的心情哦。。。
案例二：三維數字社會管理系統
在這個設計中分析之後發現這是一個基於數字地圖的管理軟體，看了看現在的Google地圖，百度地圖啥的，發現介面依舊是那種很經典的佈局方式，於是我就大膽的創新了一回~！ 通過分析我發現，作為此管理系統更多的操作時針對地圖的，於是我進行了大篇幅的留空，讓功能部分只佔整個介面的很少一部分，上邊的名稱旁邊的5個按鈕是針對5種不同管理物件的選擇，右側的選單欄呈現相應的內容，下面的整個操作是圍繞地圖來進行的。
通過以上兩個設計，我得出了一點啟示，以下面這張圖為例進行說明：
以上這個圖中的邏輯關係是我自己做介面以來的體會，當一個產品出來之前，我們需要收集使用者需求，這些需求決定了最初的產品功能，產品功能又會決定該產品的互動方式，這些互動方式又會影響到產品介面，而最終的產品介面將會直接影響到使用者體驗，當產品使用過程中，隨著使用者體驗的深入又會影響到產品的某些功能，最終就形成了這麼一個迴圈。
當然了，這也只是我個人的體會而已啊，分享出來，大家可以交流交流啊~！
結語：
以上這些就是我平時在工作中的一些體會和總結啊，結合我對管理系統介面的思考，所以今天寫了這個啊，水平有限啊，可能會有很多不全面和以偏概全的地方啊，有什麼不對的地方也希望大家說說自己的看法。更多的是分享分享自己的體會，也希望大家共同討論討論，就讓我們在討論聲中走向更遠的遠方吧~哈哈。。。