商務應用介面設計

標籤：style   blog   http   color   使用   os   2014   log   

初衷

首先聲明我不是UI而是碼農，寫這篇文章的意義在于思考常用的使用者介面版式，滿足一般的商務應用介面需求。注意我說的是商務應用，什麼是商務應用，公司內網OA，ERP最典型了。

 

 “我的”標準化版式

萬事開頭難，這篇文章只是邁出第一步，還沒涉及到互動細節，元素統一等等。對整體風格還有待最佳化，其實我的UI設計師還在弄，但最近這廝的休婚嫁消失了。待更成熟的介面設計出來之後還會更新文章。

現在就針對商務應用常用版式布局進行思考總結。

 我們搞的是web app，使用者登入之後第一個看到的介面是什嗎？

我想首先得把軟體的功能一目瞭然的布局出來，讓使用者識別軟體都可以做什麼。其次，頻繁使用的模組是不是也該展示在首頁。

這裡我們分角色思考。BOSS關心什麼，不外乎是項目進展如何，收了多少賬，安排下去的任務響應了沒。

基層員工關心什麼，我還有什麼任務，手裡的項目進展到哪了，什麼時候是deadline。

於是有了下面的首頁

 

接著我們最常用的操作：流程，裡面涉及提交，同意，駁回，撤回等。未完成，缺圖！！

 

在表單介面填寫介面，最常見的是固定欄位的表單填寫，還有一種是動態增行的，於是有了下面的介面。

 

 

 

在記錄瀏覽介面，一般是把最關鍵的欄位放在頁面，更詳細的通過開啟的方式查看。這裡往往也伴隨著增刪改查操作。