2008年2月24日 星期日

標準介面設計

MemDB客戶越來越多,我必須訓練一些人來一起發展, 所以開始寫些和MemDB開發有關的文章,日後可以請伙伴自學,或能吸引一些人才加入我們.




如果你有下載MemDB的軟件試用,會看到大部份系統的介面和流程都是用以下形式設計:

首先就是主視窗,列出所有系統的主要功能(或資料):

Picture

以上是零售系統的主視窗,有貨品,客戶和員工等資料,而按下每個按鈕,都是用一個列表List和表格Form設計,例如客戶管理的列表 TCustomerListForm 如下:

Picture

列表會分三部份,頂部是功能,中部是尋找的資料,下部是資料.

列表t設計有另一用途,例如在銷售單要選擇客戶,只要reuse以上的列表,不顯示頂部功能部份,用戶就能尋找和點選資料.

按下加入鈕,就可以加入一個資料,客戶資料表格CustomerForm如下:

Picture

以上是MemDB的標準介面,其他資料都類似,一致的介面的好處很多,除了減少開發和寫說明書的時間,客戶學習也很容易,因為只要了解客戶資料,就能了解其他資料的輸入方法.

同一個資料可以在不同系統使用,例如會計系統需要客戶資料,把以上的Code加入,更改些內容就能完成.

以上的設計也能和MemDB的資料庫作配合,下文再續.

1 則留言:

  1. 我也有些對自學介面設計很有幫助的網站,例如Window Vista用戶體驗指南:
    http://ka-yue.com/blog/vista-user-experience-guidelines
    建議先去草草看一下,裡面圖文並茂,而且詳細得要命,正反例証一應俱全,用以自學一流。我覺得無需細讀,有需要的時候知道到哪裡找到資料就好了。

    回覆刪除